:root{--ink:#20221f;--muted:#74776f;--paper:#f7f6f2;--card:#fff;--card2:#fbfbf9;--line:#e2e1da;--green:#426b4d;--green2:#31563c;--mint:#dce9dc;--orange:#e57d45;--red:#b5463d;--red-bg:#fff0ee;--red-line:#e3c5c1;--ok-bg:#e5f1e5;--shadow:0 18px 50px rgba(35,39,31,.08);--backdrop:#25292399;--overlay:#ffffffcc;--soft:#fafafa;--soft2:#f4f4f0;--border-soft:#ebeae5;--border-soft2:#e9e8e2;--dim:#aaa;--tab-inactive:#9a9c96;--icon-bg:#eef1eb;--icon-bg2:#f5f5f2;--empty-icon:#a8afa6;--empty-line:#d4d5cf;--toast-bg:#232620;--toast-fg:#fff;--live-dot:#67a271;--live-ring:#dfeadf;--warn-text:#9b5e3f;--focus-ring:rgba(66,107,77,.1);color-scheme:light}
:root[data-theme="dark"]{--ink:#ecece6;--muted:#9a9d94;--paper:#16170f;--card:#1f211a;--card2:#23251d;--line:#33352b;--green:#5b9268;--green2:#6fa87c;--mint:#22321f;--orange:#e88f5e;--red:#e07368;--red-bg:#2c1b19;--red-line:#4a2823;--ok-bg:#1d2c1f;--shadow:0 18px 50px rgba(0,0,0,.35);--backdrop:#0a0b0799;--overlay:#1f2119cc;--soft:#23251d;--soft2:#262820;--border-soft:#33352b;--border-soft2:#33352b;--dim:#5a5d52;--tab-inactive:#6f7268;--icon-bg:#2a2c22;--icon-bg2:#2a2c22;--empty-icon:#5a5d52;--empty-line:#3a3c31;--toast-bg:#ecece6;--toast-fg:#1a1b15;--live-dot:#5b9268;--live-ring:#22321f;--warn-text:#e0a87e;--focus-ring:rgba(91,146,104,.18);color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#ecece6;--muted:#9a9d94;--paper:#16170f;--card:#1f211a;--card2:#23251d;--line:#33352b;--green:#5b9268;--green2:#6fa87c;--mint:#22321f;--orange:#e88f5e;--red:#e07368;--red-bg:#2c1b19;--red-line:#4a2823;--ok-bg:#1d2c1f;--shadow:0 18px 50px rgba(0,0,0,.35);--backdrop:#0a0b0799;--overlay:#1f2119cc;--soft:#23251d;--soft2:#262820;--border-soft:#33352b;--border-soft2:#33352b;--dim:#5a5d52;--tab-inactive:#6f7268;--icon-bg:#2a2c22;--icon-bg2:#2a2c22;--empty-icon:#5a5d52;--empty-line:#3a3c31;--toast-bg:#ecece6;--toast-fg:#1a1b15;--live-dot:#5b9268;--live-ring:#22321f;--warn-text:#e0a87e;--focus-ring:rgba(91,146,104,.18);color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,input,select{font:inherit}button,a{touch-action:manipulation}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;font-size:17px}.tagline{font-size:13px;color:var(--muted)}
.theme-toggle{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--card2)}.theme-toggle button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;font-size:14px}.theme-toggle button.active{background:var(--card);color:var(--green);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.landing{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:90px;padding-block:65px}.eyebrow,.status-line{font:700 12px "DM Sans";letter-spacing:.15em;color:var(--green)}.hero h1{margin:20px 0 24px;font-size:clamp(43px,5vw,72px);line-height:1.14;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--green)}.hero>p{max-width:490px;font-size:18px;line-height:1.8;color:var(--muted)}.trust-row{display:flex;align-items:center;gap:15px;margin-top:36px;font-size:13px;font-weight:600}.trust-row i{width:3px;height:3px;border-radius:50%;background:var(--dim)}.action-card,.card{background:var(--card);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow)}.action-card{padding:12px 34px 34px}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:29px}.tab{border:0;background:none;padding:18px 5px 15px;color:var(--tab-inactive);font-weight:600;cursor:pointer;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;height:2px;background:var(--green);left:8px;right:8px;bottom:-1px}.panel{display:none}.panel.active{display:block}.panel>label,.upload-card label,.modal>label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:14px 15px;outline:none;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring);background:var(--card)}.options{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.options summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:15px 2px;font-size:13px;font-weight:600}.options summary::-webkit-details-marker{display:none}.options summary small{color:var(--muted);font-weight:400}.duration{padding:0 0 16px}.duration>span{font-size:12px}.duration p,.form-hint,.warning{font-size:11px;color:var(--muted);line-height:1.6}.chips{display:flex;gap:6px;margin-top:9px}.chips input{display:none}.chips span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;cursor:pointer}.chips input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:10px;background:var(--green);color:#fff;padding:14px 20px;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s}.primary:hover{background:var(--green2);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.wide{width:100%;justify-content:space-between}.primary b{font-size:19px}
.modal{width:min(500px,calc(100% - 30px));border:0;border-radius:22px;padding:35px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.modal::backdrop{background:var(--backdrop);backdrop-filter:blur(3px)}.modal h2{margin:15px 0 5px}.modal>p{color:var(--muted);font-size:13px}.success-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--mint);color:var(--green);font-weight:900}.copy-field{display:flex}.copy-field input{border-radius:9px 0 0 9px;font-size:12px}.copy-field button{border:0;border-radius:0 9px 9px 0;padding:0 16px;background:var(--ink);color:var(--paper);cursor:pointer}.copy-field.admin button{background:var(--orange)}.modal .warning{color:var(--warn-text);margin-bottom:20px}
.room{padding:50px 0 70px}.room-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:30px;border-bottom:1px solid var(--line)}.status-line{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--live-dot);border-radius:50%;box-shadow:0 0 0 4px var(--live-ring)}.room-head h1{font-size:clamp(28px,4vw,45px);letter-spacing:-.04em;margin:13px 0}.room-meta{display:flex;gap:18px;color:var(--muted);font-size:12px}.room-meta b{color:var(--green)}.head-actions{display:flex;gap:8px}.ghost,.file-choices button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer;font-size:12px;font-weight:600}.gate{max-width:500px;margin:80px auto;text-align:center;padding:46px}.gate-icon{font-size:35px;color:var(--green)}.gate h2{margin:15px 0 8px}.gate p{font-size:13px;color:var(--muted)}.gate form{display:flex;margin-top:25px}.gate form input{flex:1;min-width:0;border-radius:9px 0 0 9px}.gate form button{flex:0 0 auto;border-radius:0 9px 9px 0;white-space:nowrap}.workspace{display:grid;grid-template-columns:340px 1fr;gap:55px;padding-top:44px;align-items:start}.upload-card{padding:28px;position:sticky;top:25px}.step{font:700 11px "DM Sans";letter-spacing:.1em;color:var(--orange)}.upload-card h2,.section-title h2{margin:8px 0 8px;font-size:22px}.upload-card>p{font-size:12px;color:var(--muted);line-height:1.7}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;border:1.5px dashed var(--dim);border-radius:12px;margin-top:16px;background:var(--card2);cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:var(--mint)}.upload-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--mint);color:var(--green);border-radius:50%;font-weight:800;margin-bottom:8px}.dropzone strong{font-size:13px}.dropzone span{font-size:11px;color:var(--muted);margin-top:3px}.file-choices{display:flex;gap:7px;margin:8px 0}.file-choices button{flex:1;background:var(--soft)}.selection{font-size:11px;color:var(--muted);margin:8px 0 13px;max-height:55px;overflow:auto}.selection:not(:empty){padding:8px;background:#f4f4f0;border-radius:7px}.progress{height:4px;background:var(--border-soft2);margin-top:12px;border-radius:10px;overflow:hidden}.progress i{display:block;width:30%;height:100%;background:var(--green);animation:progress 1.1s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title>div{display:flex;align-items:baseline;gap:10px}.search{width:220px;padding:10px 13px;font-size:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px}.file-list{display:flex;flex-direction:column;gap:8px}.file-row{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--border-soft2);border-radius:12px;padding:13px 15px;transition:.2s}.file-row:hover{border-color:var(--dim);transform:translateY(-1px);box-shadow:0 7px 22px rgba(35,39,31,.05)}.file-type{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:9px;background:var(--icon-bg);color:var(--green);font:700 9px "DM Sans"}.file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.file-info span b{color:var(--green)}.file-actions{display:flex;gap:4px}.file-actions a,.file-actions button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:var(--icon-bg2);color:var(--ink);text-decoration:none;cursor:pointer;font-size:17px}.file-actions .delete-file{color:var(--red)}.empty{text-align:center;padding:85px 20px;border:1px dashed var(--empty-line);border-radius:15px;color:var(--muted)}.empty div{font-size:30px;color:var(--empty-icon)}.empty strong,.empty span{display:block}.empty strong{font-size:14px;color:var(--ink);margin:8px}.empty span{font-size:11px}.admin-bar{display:flex;justify-content:space-between;align-items:center;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.admin-bar strong,.admin-bar span{display:block}.admin-bar strong{font-size:13px}.admin-bar span{font-size:11px;color:var(--muted);margin-top:3px}.danger{border:1px solid var(--red-line);background:var(--red-bg);color:var(--red);padding:10px 13px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--toast-bg);color:var(--toast-fg);padding:11px 17px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.error-page{text-align:center;padding:18vh 20px}.error-page>span{font:700 90px "DM Sans";color:var(--mint)}.error-page h1{margin:-15px 0 30px;font-size:20px}
@media(max-width:850px){.landing{grid-template-columns:1fr;gap:35px;padding-block:45px}.hero h1{font-size:47px}.hero>p{font-size:15px}.workspace{grid-template-columns:1fr;gap:35px}.upload-card{position:static}.room-head{align-items:flex-start;gap:25px}.head-actions{margin-top:10px}.files-section{min-width:0}}
@media(max-width:560px){.shell,.topbar{width:min(100% - 28px,1160px)}.topbar{height:65px}.tagline{display:none}.landing{padding-block:35px;align-items:start}.hero h1{font-size:39px}.hero>p{font-size:14px}.trust-row{margin-top:22px;gap:9px;font-size:11px}.action-card{padding:8px 20px 24px}.chips{flex-wrap:wrap}.room{padding-top:30px}.room-head{display:block}.room-meta{display:block}.room-meta span{display:block;margin-top:5px}.head-actions{margin-top:20px}.head-actions>*{flex:1;text-align:center}.workspace{padding-top:28px}.upload-card{padding:22px}.section-title{display:block}.search{width:100%;margin-top:10px}.file-row{gap:10px;padding:11px}.file-type{width:38px;height:38px;flex-basis:38px}.file-info strong{max-width:180px}.admin-bar{align-items:flex-start;gap:20px}.gate{padding:30px 20px;margin-top:45px}.modal{padding:25px}.gate form{display:block}.gate form input,.gate form button{width:100%;border-radius:9px}.gate form button{margin-top:8px}}