:root{--bg-dark:#111111;--primary:#1c1c1e;--text-strong:#444444;--text-sub:#888888;--border:#d4d4d4;--bg-light:#f5f5f5;--white:#ffffff;--font-kr:"Noto Sans KR",system-ui,sans-serif;--font-en:"Space Grotesk","Noto Sans KR",system-ui,sans-serif;--maxw:480px;--ratio:545/394;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;font-family:var(--font-kr);font-weight:400;color:var(--primary);background:var(--bg-light);word-break:keep-all;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}ul{margin:0;padding:0;list-style:none}.en{font-family:var(--font-en);letter-spacing:.14em}.num{font-family:var(--font-en);font-variant-numeric:tabular-nums}.app{max-width:var(--maxw);margin:0 auto;min-height:100vh;background:var(--white);display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px #0000000d}.logo{display:flex;align-items:flex-start;gap:7px;line-height:1;-webkit-user-select:none;user-select:none}.brand{display:inline-block;font-size:20px}.logo-ko{font-family:var(--font-kr);font-weight:900;font-size:1em;letter-spacing:-.05em;line-height:1;color:var(--primary)}.logo-ko b{font-weight:900}.logo-ko span{font-weight:400}.logo-en{font-family:var(--font-en);text-transform:uppercase;color:var(--text-sub);margin-top:.35em;font-size:.4em;letter-spacing:0;text-align:justify;text-align-last:justify}.logo-suffix{font-size:13px;font-weight:400;color:var(--text-sub);align-self:center}.appbar{position:sticky;top:0;z-index:20;background:var(--white);padding:calc(14px + var(--safe-top)) 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.appbar .actions{display:flex;align-items:center;gap:10px}.appbar .icon-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-strong);font-size:15px;gap:5px}.appbar .icon-btn.dark{background:var(--primary);color:var(--white);border-color:var(--primary)}.appbar .icon-btn .pip{font-family:var(--font-en);font-size:11px}.cat-tabs{display:flex;gap:6px;padding:12px 18px 8px;background:var(--white)}.cat-tabs button{flex:1;padding:9px 0;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-sub);background:var(--bg-light)}.cat-tabs button.on{background:var(--primary);color:var(--white)}.filterbar{display:flex;gap:8px;padding:8px 18px 12px;border-bottom:1px solid var(--border);background:var(--white);overflow-x:auto;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.filterbar select{flex:0 0 auto;max-width:46%;padding:8px 28px 8px 13px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-sub);background:var(--white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23999'/></svg>") no-repeat right 11px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filterbar select.on{color:var(--primary);font-weight:700;border-color:var(--primary)}.filterbar select:disabled{opacity:.4}.content{flex:1;padding:14px 18px calc(96px + var(--safe-bottom))}.result-count{font-size:12px;color:var(--text-sub);margin:2px 2px 12px}.result-count b{font-family:var(--font-en);font-weight:500;color:var(--text-strong)}.active-academy{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:var(--primary);color:#fff;padding:6px 12px;border-radius:999px;margin:0 0 12px}.active-academy .x{font-family:var(--font-en);opacity:.8}.empty{text-align:center;color:var(--text-sub);font-size:14px;padding:60px 20px;line-height:1.7}.grid{column-count:2;column-gap:10px}.work-card{width:100%;text-align:left;background:var(--bg-light);border-radius:12px;overflow:hidden;border:1px solid var(--border);display:inline-block;break-inside:avoid;margin:0 0 10px;vertical-align:top}.work-card:active{opacity:.9}.work-card .thumb{width:100%;background:var(--bg-light);position:relative;line-height:0}.work-card .thumb img{width:100%;height:auto;display:block}.work-card .cat-flag{position:absolute;top:7px;left:7px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;background:#111111c7;color:var(--white)}.work-card .info{padding:9px 11px 11px}.work-card .info .l1{display:flex;align-items:center;gap:6px}.work-card .badge{flex:0 0 auto;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--white);border:1px solid var(--border);color:var(--text-strong)}.work-card .t{font-weight:700;font-size:13px;line-height:1.3;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card .m{margin-top:5px;font-size:11px;color:var(--text-sub);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card .m .type{color:var(--text-strong)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111173;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--maxw);background:var(--white);border-radius:20px 20px 0 0;padding:8px 22px calc(28px + var(--safe-bottom));max-height:92vh;overflow-y:auto;animation:up .22s ease}.sheet.full{max-height:96vh}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grip{width:38px;height:4px;background:var(--border);border-radius:999px;margin:8px auto 16px}.sheet h2{font-weight:700;font-size:19px;margin:6px 0 2px;line-height:1.4}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head h2{margin:0}.close{font-size:22px;color:var(--text-sub);width:32px;height:32px}.detail-img{width:100%;border-radius:14px;overflow:hidden;background:var(--bg-light);border:1px solid var(--border)}.detail-img img{width:100%;display:block}.type-pill{display:inline-block;font-size:12px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-strong)}.uni-sub{font-size:13px;color:var(--text-sub)}.meta-rows{border-top:1px solid var(--border);margin-top:18px}.meta-rows .row{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid var(--bg-light);font-size:14px}.meta-rows .k{color:var(--text-sub);flex:0 0 auto}.meta-rows .v{color:var(--primary);font-weight:700;text-align:right}.btn{width:100%;padding:16px;border-radius:12px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.btn-dark{background:var(--primary);color:var(--white)}.btn-dark:active{opacity:.85}.btn-line{background:var(--white);color:var(--text-strong);border:1px solid var(--border)}.btn-danger{background:var(--white);color:#b00020;border:1px solid #e0b4bb}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-actions{margin-top:22px;display:flex;flex-direction:column;gap:10px}.up-steps{display:flex;gap:6px;margin:4px 0 18px}.up-steps i{flex:1;height:3px;background:var(--border);border-radius:2px}.up-steps i.on{background:var(--primary)}.up-step-no{font-family:var(--font-en);font-size:11px;letter-spacing:.14em;color:var(--text-sub)}.up h3{font-size:20px;font-weight:700;margin:8px 0 4px;line-height:1.4}.up .lead{font-size:13px;color:var(--text-sub);line-height:1.6;margin-bottom:18px}.opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.opt{padding:15px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text-strong);text-align:center;background:var(--white)}.opt .opt-sub{display:block;font-size:11px;color:var(--text-sub);margin-top:4px}.opt.on{border-color:var(--primary);background:var(--primary);color:var(--white);font-weight:700}.opt.on .opt-sub{color:var(--border)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:700;color:var(--text-strong);margin-bottom:7px}.field label .req{color:#b00020;margin-left:3px}.field label .opt-lbl{color:var(--text-sub);font-weight:400}.field input[type=text],.field input[type=number],.field select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;font-size:15px;color:var(--primary);background:var(--white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input::placeholder{color:var(--text-sub)}.chip-select{display:flex;flex-wrap:wrap;gap:8px}.chip-select .c{padding:9px 13px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-strong);background:var(--white)}.chip-select .c.on{background:var(--primary);color:var(--white);border-color:var(--primary)}.consent{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-light);font-size:13px;color:var(--text-strong);line-height:1.5;width:100%;text-align:left}.consent.on{border-color:var(--primary);background:var(--white)}.consent .box{flex:0 0 auto;width:22px;height:22px;border:1px solid var(--border);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--white)}.consent.on .box{background:var(--primary);border-color:var(--primary)}.consent .req{color:#b00020}.dropzone{width:100%;aspect-ratio:var(--ratio);border:1.5px dashed var(--border);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-sub);background:var(--bg-light);overflow:hidden;position:relative}.dropzone.has{aspect-ratio:auto;border-style:solid}.dropzone img{width:100%;height:auto;display:block}.dropzone .ph-ico{font-size:32px}.dropzone .ph-t{font-size:13px}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.reupload{text-align:center;margin-top:10px;font-size:13px;color:var(--text-sub)}.wm-note{margin-top:14px;padding:13px 14px;border-radius:11px;background:var(--bg-light);font-size:12px;color:var(--text-sub);line-height:1.7}.wm-note b{color:var(--text-strong);font-weight:700}.agree-box{margin-top:16px}.agree-terms{font-size:12px;color:var(--text-sub);line-height:1.7;margin:0 2px 12px}.agree-terms b{color:var(--text-strong);font-weight:700}.fab{position:fixed;left:0;right:0;bottom:calc(20px + var(--safe-bottom));z-index:25;display:flex;justify-content:center;pointer-events:none}.fab button{pointer-events:auto;background:var(--primary);color:var(--white);padding:14px 22px;border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000038}.story-preview{width:100%;border-radius:16px;overflow:hidden;background:var(--bg-dark);border:1px solid var(--border)}.story-preview img{width:100%;display:block}.story-loading{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;color:var(--text-sub);font-size:13px;gap:8px}.lead-head{margin:4px 2px 16px}.lead-title{font-size:19px;font-weight:900;letter-spacing:-.01em}.lead-sub{font-size:12px;color:var(--text-sub);margin-top:5px;line-height:1.6}.lead-sub b{color:var(--text-strong);font-weight:700;font-family:var(--font-en)}.rank-card{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;margin-bottom:10px;background:var(--white);width:100%;text-align:left;transition:transform .1s}.rank-card:active{transform:scale(.99);background:var(--bg-light)}.avatar{flex:0 0 auto;width:48px;height:48px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.avatar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p,0)*1%),var(--border) 0)}.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--white)}.av-init{position:relative;z-index:1;font-weight:900;font-size:18px;color:var(--primary)}.av-logo{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}.avatar.sm{width:40px;height:40px}.avatar.sm .av-logo{width:36px;height:36px}.avatar.sm .av-init{font-size:15px}.logo-mgr{border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px;background:var(--white)}.lm-title{font-weight:700;font-size:14px}.lm-sub{font-size:11px;color:var(--text-sub);margin:4px 0 12px;line-height:1.5}.lm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--bg-light)}.lm-name{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-btn{flex:0 0 auto;position:relative;overflow:hidden;font-size:12px;font-weight:700;color:var(--text-strong);border:1px solid var(--border);border-radius:999px;padding:7px 13px;cursor:pointer}.lm-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.lm-btn.set{color:var(--white);background:var(--primary);border-color:var(--primary)}.rank-body{flex:1;min-width:0}.rank-top{display:flex;align-items:baseline;gap:8px}.rank-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-hash{flex:0 0 auto;margin-left:auto;font-family:var(--font-en);font-size:11px;color:var(--text-sub)}.rank-tier{font-size:12px;color:var(--text-strong);margin-top:3px}.rank-tier b{font-family:var(--font-en);font-weight:500;margin-right:2px}.xp-bar{height:7px;background:var(--bg-light);border-radius:999px;margin:8px 0 6px;overflow:hidden}.xp-bar i{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .45s ease}.rank-meta{font-size:11px;color:var(--text-sub)}.rank-meta b{color:var(--text-strong);font-family:var(--font-en)}.rank-total{flex:0 0 auto;text-align:center;min-width:40px}.rank-total .n{font-family:var(--font-en);font-weight:500;font-size:21px;color:var(--primary)}.rank-total .l{font-size:10px;color:var(--text-sub)}.manage-bar{background:var(--bg-dark);color:var(--white);font-size:12.5px;font-weight:700;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.manage-bar button{flex:0 0 auto;font-size:11px;color:var(--bg-dark);background:var(--white);border-radius:999px;padding:5px 12px;font-weight:700}.admin-bar{background:var(--bg-dark);color:var(--white);padding:calc(14px + var(--safe-top)) 18px 14px;display:flex;align-items:center;justify-content:space-between}.admin-bar .t{font-weight:700;font-size:16px}.admin-bar .t .en{font-size:10px;color:var(--text-sub);display:block;letter-spacing:.18em}.admin-bar .back{font-size:13px;color:var(--text-sub)}.review-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:14px}.review-card .r-img img{width:100%;display:block}.review-card .r-body{padding:14px 16px}.review-card .r-badge{font-size:11px;font-weight:700;color:var(--text-sub)}.review-card .r-title{font-weight:700;font-size:16px;margin:4px 0 2px}.review-card .r-meta{font-size:12px;color:var(--text-sub);line-height:1.6}.review-card .r-consent{margin-top:8px;font-size:12px}.review-card .r-consent.ok{color:#1c7c43}.review-card .r-consent.no{color:#b00020}.review-card .r-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.welcome{min-height:100vh;display:flex;flex-direction:column;padding:0 22px calc(28px + var(--safe-bottom))}.welcome .w-top{padding-top:calc(28px + var(--safe-top));display:flex;justify-content:space-between;align-items:flex-start}.welcome .demo-tag{font-family:var(--font-en);font-size:9px;letter-spacing:.16em;color:var(--text-sub);border:1px solid var(--border);border-radius:999px;padding:4px 9px}.welcome .hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.welcome .hero .big-num{font-family:var(--font-en);font-weight:500;font-size:13px;letter-spacing:.14em;color:var(--text-sub)}.welcome .hero h1{font-size:30px;font-weight:900;line-height:1.35;margin:16px 0;letter-spacing:-.01em}.welcome .hero p{font-size:15px;color:var(--text-sub);line-height:1.7}.welcome .philo{margin-top:30px;font-size:14px;color:var(--text-strong);line-height:1.9}.welcome .philo b{font-weight:700;color:var(--primary)}.welcome .w-foot{display:flex;flex-direction:column;gap:10px}.toast{position:fixed;left:50%;bottom:calc(110px + var(--safe-bottom));transform:translate(-50%);background:var(--primary);color:var(--white);font-size:13px;padding:12px 18px;border-radius:10px;z-index:60;max-width:86%;text-align:center;line-height:1.5;box-shadow:0 8px 24px #0003;animation:up .2s ease}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--white);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner.dark{border-color:var(--border);border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.app{max-width:720px;box-shadow:0 0 40px #0000000f}.grid{column-count:3}.content{padding-left:24px;padding-right:24px}}@media (min-width:1100px){.app{max-width:1000px}.grid{column-count:4;column-gap:14px}.content,.cat-tabs,.filterbar,.appbar{padding-left:30px;padding-right:30px}}