:root{--bg:#0b0d10;--bg-wash:#505c7429;--panel:#141820;--panel-2:#1a202a;--surface:#151b24;--surface-2:#1a222e;--field:#0e1219;--hover:#242d3b;--active:#2a3342;--badge:#202938;--border:#303744;--border-soft:#2e3541;--border-strong:#3a4656;--text:#e9edf2;--text-strong:#f1f4f8;--text-soft:#b9c2cf;--muted:#8793a6;--muted-2:#7e8da4;--accent:#3f6fb5;--accent-soft:#5f83b8;--accent-text:#b4c4dc;--success:#10b981;--success-text:#042016;--warning:#ffd166;--danger:#ef4462;--danger-bg:#25121a;--danger-border:#7f2d3a;--danger-text:#ffc1ca;--manager:#2f6f75;--manager-bg:#0f2027;--manager-field:#09151d;--manager-text:#8ee6df;--manager-chip:#164e63;--player:#8667c8;--player-bg:#18152a;--player-field:#0f0d1d;--player-text:#d9c8ff;--player-chip:#4c327e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Noto Sans KR,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.shell{background:linear-gradient(180deg, var(--bg-wash), transparent 90px), var(--bg);grid-template-rows:56px 1fr;height:100vh;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:0 16px;display:flex;box-shadow:0 0 28px #00000038}.brand{min-width:150px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:800;display:flex}.brand:hover{color:#fff}.brand-icon{background:var(--accent);color:#ffd24a;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.search{background:var(--field);border:1px solid var(--border-strong);width:min(430px,36vw);height:34px;color:var(--accent-text);border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.top-actions,.editor-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.summary-pill,.notice{color:var(--accent-text);font-size:12px}.soft,.save-all{border:1px solid var(--border-strong);background:var(--surface-2);height:30px;color:var(--accent-text);border-radius:8px;padding:0 12px}.soft.active{background:var(--accent);border-color:var(--accent);color:#fff}.compact-button{padding:0 9px}.save-all{background:var(--success);border-color:var(--success);color:var(--success-text);font-weight:800}.jump{color:var(--warning);background:#21180a;border-color:#7c5c24}.ai-button{border-color:color-mix(in srgb, #b590ff 45%, var(--border));background:color-mix(in srgb, #b590ff 14%, var(--field));color:#d6c4ff}.ai-button:disabled{cursor:wait;opacity:.62}.inline-check{border:1px solid var(--border-strong);background:var(--surface-2);height:30px;color:var(--text-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.inline-check input{width:14px;height:14px;accent-color:var(--accent);margin:0}.workspace{grid-template-columns:clamp(300px,20vw,360px) clamp(230px,15vw,300px) clamp(330px,22vw,430px) minmax(460px,1fr);min-height:0;display:grid}.nav-pane,.work-pane,.links-pane{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.work-pane,.links-pane{background:var(--panel-2)}.pane-title{min-height:44px;color:var(--text-soft);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;font-weight:800;display:flex}.tabs,.chips{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:6px;padding:6px 12px 10px;display:flex}.tabs button,.chips button{border:1px solid var(--border-strong);background:var(--field);color:var(--text-soft);border-radius:999px;padding:4px 10px;font-size:12px}.tabs button.active,.chips button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.scroll-list,.section-list{flex:auto;min-height:0;padding:10px 8px 20px;overflow:auto}.link-list{flex:1 1 0;min-height:0;padding:10px 10px 16px;overflow:auto}.pane-title.compact{z-index:1;background:var(--panel-2);min-height:30px;padding:0 4px 6px;position:sticky;top:-10px}.item-card{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.item-card:hover,.item-card.selected{background:var(--hover);border-color:var(--border-strong)}.type-badge{background:var(--badge);min-width:0;color:var(--accent-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 6px;font-size:11px;overflow:hidden}.item-main{gap:4px;min-width:0;display:grid}.item-main strong,.item-main small,.mini-link span,.mini-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-main strong{font-size:14px}.item-main small{color:var(--muted-2);font-size:12px}.item-main small.translated-name{color:var(--text-soft);font-weight:700}.item-main i{background:var(--field);border-radius:99px;height:3px;overflow:hidden}.item-main b{background:var(--success);height:100%;display:block}.item-main i.complete b{background:var(--warning)}.section-row{width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:11px 12px;display:grid}.section-row:hover,.section-row.active{background:var(--active);color:#fff}.section-row em{color:var(--accent-text);font-size:12px;font-style:normal}.link-group{border-top:1px solid var(--border-soft);padding:10px 0}.link-group header{color:var(--text);justify-content:space-between;align-items:center;padding:0 4px 6px;font-size:12px;display:flex}.link-group header span,.more-line{color:var(--muted-2);font-size:11px}.mini-link{width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:82px 1fr;align-items:center;gap:8px;padding:7px 8px;display:grid}.mini-link:hover{background:var(--hover)}.mini-link span{color:#8ea0ba;font-size:11px}.mini-link strong{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;gap:3px;min-width:0;display:grid;overflow:hidden}.mini-link small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-soft);-webkit-user-select:text;user-select:text;font-size:11px;font-weight:700;overflow:hidden}.more-line{text-align:left;text-underline-offset:3px;background:0 0;border:0;width:100%;padding:7px 8px 0;text-decoration:underline}.more-line:hover{color:var(--accent-text)}.editor-pane{background:var(--bg);min-height:0;padding:16px 22px;overflow:auto}.editor-head{z-index:2;background:var(--bg);align-items:center;gap:16px;padding:0 0 16px;display:flex;position:sticky;top:-16px}.editor-head h1{margin:0;font-size:16px}.editor-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.editor-head span{color:var(--muted-2)}.state-card,.error-box{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:8px;padding:14px}.state-card.large,.error-box{margin-top:12px}.error-box{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.warning-box{border:1px solid color-mix(in srgb, var(--warning) 42%, var(--border));background:color-mix(in srgb, var(--warning) 10%, var(--surface));color:var(--text-soft);border-radius:8px;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;display:flex}.warning-box strong{color:var(--warning);flex:none}.warning-box p{white-space:pre-wrap;word-break:break-word;flex:auto;margin:0;font-size:12px}.warning-box button{border:1px solid var(--border);background:var(--field);height:28px;color:var(--text-soft);border-radius:7px;padding:0 10px}.error-box button{background:var(--danger);color:#fff;border:0;border-radius:7px;height:30px;padding:0 12px}.group-stack{gap:20px;padding-bottom:48px;display:grid}.unit-group{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.group-head{background:var(--panel-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.group-head div{gap:4px;min-width:0;display:grid}.group-head strong{color:var(--text)}.group-head code{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.group-actions{flex:none;align-items:center;gap:8px;display:flex}.group-actions button{border:1px solid var(--border-strong);background:var(--surface-2);height:28px;color:var(--accent-text);border-radius:7px;padding:0 10px;font-size:12px}.group-actions button.accent{background:var(--accent);border-color:var(--accent);color:#fff}.group-actions span{background:var(--surface);color:var(--accent-text);border-radius:999px;padding:3px 9px;font-size:12px}.unit-stack{gap:14px;padding:14px;display:grid}.unit-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.unit-card.untranslated{border-color:#514168}.unit-card.manager{border-color:var(--manager);background:var(--manager-bg)}.unit-card.player-choice{border-color:var(--player);background:var(--player-bg)}.unit-card header{border-bottom:1px solid var(--border-soft);color:#bccae0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.unit-card.manager header{border-bottom-color:color-mix(in srgb, var(--manager) 64%, var(--border));color:var(--manager-text)}.unit-card.player-choice header{border-bottom-color:color-mix(in srgb, var(--player) 64%, var(--border));color:var(--player-text)}.speaker-chip{background:var(--manager-chip);color:#a7f3d0;vertical-align:middle;border-radius:999px;align-items:center;height:20px;margin-right:8px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.player-choice .speaker-chip{background:var(--player-chip);color:var(--player-text)}.unit-card:not(.manager):not(.player-choice) .speaker-chip{background:var(--surface-2);color:var(--accent-text)}.unit-card header code{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.row{border-bottom:1px solid var(--border-soft);grid-template-columns:82px 1fr;display:grid}.row-label{color:var(--success);border-right:1px solid var(--border-soft);padding:14px;font-size:12px;font-weight:800}.current .row-label{color:#d59a42}.manager .row-label{color:var(--manager-text)}.manager .current .row-label{color:#d9b56f}.player-choice .row-label{color:var(--player-text)}.player-choice .current .row-label{color:#d9b56f}.row p{white-space:pre-wrap;margin:0;padding:14px;line-height:1.6}.row p.escaped{white-space:normal;word-break:break-word}.current p{color:var(--muted)}.original{color:var(--text-strong);font-weight:700}.manager .original{color:#d9fffb}.player-choice .original{color:#f1eaff}textarea{resize:vertical;border:1px solid var(--border-strong);background:var(--field);width:calc(100% - 24px);min-height:70px;color:var(--text);border-radius:7px;outline:none;margin:12px;padding:12px}.manager textarea{border-color:var(--manager);background:var(--manager-field)}.player-choice textarea{border-color:var(--player);background:var(--player-field)}textarea:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-soft) 24%, transparent)}.unit-card footer{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.unit-card footer span{color:var(--muted);font-size:12px}.unit-card footer small{color:var(--accent-text);font-size:12px;font-weight:800}.unit-card footer span.dirty{color:var(--warning)}.unit-card footer button{background:var(--accent);color:#fff;border:0;border-radius:7px;height:30px;padding:0 14px}.unit-card footer button:disabled{opacity:.5}@media (width<=1100px){.workspace{grid-template-columns:280px 1fr}.work-pane,.links-pane{display:none}.search{width:min(360px,42vw)}}.login-backdrop{z-index:20;background:var(--bg);grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);display:grid;position:fixed;inset:0}.guideline-panel{background:linear-gradient(180deg, var(--bg-wash), transparent 180px), var(--panel);border-right:1px solid var(--border-strong);min-height:0;overflow:auto}.guideline-inner{gap:18px;width:min(920px,100% - 56px);margin:0 auto;padding:52px 0 64px;display:grid}.markdown-guidelines{gap:12px;display:grid}.markdown-guidelines h2{margin:0;font-size:34px;line-height:1.2}.markdown-guidelines h3{color:var(--text);margin:18px 0 0;font-size:18px}.markdown-guidelines p{color:var(--text-soft);margin:0;line-height:1.6}.markdown-guidelines ul{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;margin:0;padding:14px 18px 14px 32px}.markdown-guidelines li{color:var(--text-soft);font-size:13px;line-height:1.5}.markdown-guidelines li+li{margin-top:7px}.guideline-table-wrap{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;overflow:auto}.guideline-table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.guideline-table th,.guideline-table td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);color:var(--text-soft);text-align:left;vertical-align:top;white-space:nowrap;padding:9px 11px}.guideline-table th:last-child,.guideline-table td:last-child{border-right:0}.guideline-table tr:last-child td{border-bottom:0}.guideline-table th{z-index:1;background:var(--surface-2);color:var(--text);font-weight:900;position:sticky;top:0}.guideline-popover-wrap{position:relative}.guideline-popover{z-index:10;border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;grid-template-rows:46px 1fr;width:min(760px,100vw - 480px);min-width:560px;max-height:calc(100vh - 64px);display:grid;position:fixed;top:48px;left:16px;box-shadow:0 20px 70px #0000007a}.guideline-popover>header{border-bottom:1px solid var(--border);background:var(--panel-2);justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 16px;display:flex}.guideline-popover>header strong{color:var(--text);font-size:13px}.floating-guideline-body{min-height:0;padding:16px;overflow:auto}.compact-guidelines{gap:10px}.compact-guidelines h2{font-size:20px}.compact-guidelines h3{margin-top:12px;font-size:15px}.compact-guidelines p,.compact-guidelines li{font-size:12px}.compact-guidelines ul{padding:12px 14px 12px 28px}.guideline-loading{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:8px;padding:16px}.login-side{background:var(--bg);align-items:center;padding:40px;display:grid}.login-panel{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;justify-self:center;gap:15px;width:min(390px,100%);padding:24px;display:grid;box-shadow:0 20px 80px #0000006b}.login-panel h2{margin:0;font-size:18px}.login-panel p{color:var(--muted);margin:-4px 0 4px;font-size:12px}.login-panel .plain-password-warning{color:var(--warning);margin:6px 0 0;line-height:1.45}.login-panel label{color:var(--accent-text);gap:7px;font-size:12px;font-weight:800;display:grid}.login-panel input{border:1px solid var(--border-strong);background:var(--field);height:38px;color:var(--text);border-radius:7px;outline:none;padding:0 12px}.login-panel input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-soft) 24%, transparent)}.login-error{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);border-radius:7px;padding:10px 12px;font-size:12px}.login-button{background:var(--accent);color:#fff;border:0;border-radius:7px;height:38px;font-weight:900}.login-button:disabled{opacity:.55}.modal-backdrop{z-index:20;background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bulk-modal,.gemini-modal{border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;gap:14px;width:min(720px,100%);max-height:min(760px,100vh - 48px);padding:18px;display:grid;overflow:auto;box-shadow:0 20px 80px #0000007a}.gemini-modal{width:min(540px,100%)}.bulk-modal header,.bulk-modal footer,.gemini-modal header,.gemini-modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-modal h2,.gemini-modal h2{margin:0;font-size:17px}.bulk-modal p,.gemini-modal p{color:var(--muted);margin:4px 0 0;font-size:12px}.bulk-modal label,.gemini-modal label{color:var(--accent-text);gap:7px;font-size:12px;font-weight:800;display:grid}.bulk-modal textarea{width:100%;min-height:86px;margin:0}.gemini-modal input{border:1px solid var(--border-strong);background:var(--field);height:38px;color:var(--text);border-radius:7px;outline:none;padding:0 12px}.gemini-modal input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-soft) 24%, transparent)}.check-line{grid-template-columns:none;align-items:center;color:var(--text-soft)!important;gap:8px!important;font-weight:700!important;display:flex!important}.check-line input{width:16px;height:16px}.bulk-preview{border:1px solid var(--border-soft);background:var(--surface);border-radius:8px;gap:10px;padding:12px;display:grid}.bulk-preview strong{color:var(--text);font-size:13px}.bulk-samples{gap:8px;max-height:220px;display:grid;overflow:auto}.bulk-samples div{border-top:1px solid var(--border-soft);gap:3px;padding-top:8px;display:grid}.bulk-samples code{color:var(--accent-text);font-size:11px}.bulk-samples small{color:var(--muted);word-break:break-word}.recent-modal{border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;gap:14px;width:min(920px,100%);max-height:min(820px,100vh - 48px);padding:18px;display:grid;overflow:auto;box-shadow:0 20px 80px #0000007a}.recent-modal>header,.recent-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-modal h2{margin:0;font-size:17px}.recent-modal p{color:var(--muted);margin:4px 0 0;font-size:12px}.recent-controls label{color:var(--accent-text);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.recent-controls select{border:1px solid var(--border-strong);background:var(--field);min-width:190px;height:32px;color:var(--text);border-radius:7px;padding:0 10px}.recent-list{gap:10px;display:grid}.recent-row{border:1px solid var(--border-soft);background:var(--surface);border-radius:8px;gap:7px;padding:12px;display:grid}.recent-row header{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-row strong{color:var(--text)}.recent-row time,.recent-row code{color:var(--muted);font-size:11px}.recent-original,.recent-translation{word-break:break-word;margin:0;line-height:1.55}.recent-original{color:var(--text-soft)}.recent-translation{color:var(--text-strong);font-weight:700}@media (width<=980px){.guideline-popover{width:calc(100vw - 28px);min-width:0;left:14px}.login-backdrop{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;overflow:auto}.guideline-panel{border-right:0;border-bottom:1px solid var(--border-strong)}.guideline-inner{width:min(720px,100% - 28px);padding:28px 0}.markdown-guidelines h2{font-size:26px}.login-side{padding:22px 14px 28px}}