*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b0f1a;color:#e8ecf8}a{color:#7eb4ff}button,input{font:inherit}.muted{color:#9aa8c4}.error{color:#ff8a9a;margin:0}.btn{border:1px solid #3a4a68;border-radius:10px;padding:.55rem 1rem;background:#141b2e;color:#e8ecf8;cursor:pointer}.btn.primary{background:#2a5fd4;border-color:#4d7ef0;width:100%}.btn.ghost{background:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(400px,100%);background:#12182a;border:1px solid #2a3550;border-radius:16px;padding:1.75rem;display:grid;gap:1rem}.login-card h1{margin:0;font-size:1.5rem}.login-card label{display:grid;gap:.35rem;font-size:.9rem}.login-card input{border:1px solid #33415f;border-radius:8px;padding:.55rem .7rem;background:#0b1020;color:#e8ecf8}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0e1424;border-right:1px solid #24304a;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.brand{font-weight:700;font-size:1.1rem}.nav{display:grid;gap:.35rem}.nav a{text-decoration:none;color:#b8c4dc;padding:.5rem .65rem;border-radius:8px}.nav a.active{background:#1a2d52;color:#fff}.nav-disabled{color:#5c6b88;padding:.5rem .65rem;font-size:.85rem}.sidebar-foot{margin-top:auto;display:grid;gap:.35rem}.user-email{font-size:.85rem;word-break:break-all}.user-role{font-size:.8rem;color:#7eb4ff}.main{padding:1.5rem 1.75rem}.page-header h1{margin:0 0 .25rem}.field-label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#9aa8c4}.code-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.45;padding:.75rem;border-radius:10px;border:1px solid #2a3550;background:#0a0e18;color:#d8e2ff;resize:vertical}.template-hint{font-size:.85rem;margin:.5rem 0 1rem}.report-details-cell{max-width:220px;font-size:.9rem;color:#b8c4dc}.locale-breakdown{margin:.5rem 0 0;padding-left:1.25rem;color:#c5d0ea}.export-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.25rem}.stat-card{background:#12182a;border:1px solid #2a3550;border-radius:14px;padding:1rem 1.1rem}.stat-label{margin:0;color:#9aa8c4;font-size:.9rem}.stat-value{margin:.35rem 0 0;font-size:1.75rem;font-weight:700}.activity-table-wrap{overflow-x:auto;margin-top:.75rem}.activity-table th[scope=row]{text-align:left;color:#c5d0e8;font-weight:600}.activity-table-hint{margin:.75rem 0 0;font-size:.85rem}.phase-hint{margin-top:2rem;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.toolbar input,.toolbar select,.stack input,.stack textarea{border:1px solid #33415f;border-radius:8px;padding:.5rem .65rem;background:#0b1020;color:#e8ecf8}.stack{display:grid;gap:.5rem}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.btn.danger{background:#6b1a28;border-color:#b33a52}.table-wrap{overflow-x:auto;border:1px solid #2a3550;border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.55rem .65rem;border-bottom:1px solid #1e2a42;text-align:left}.data-table th{color:#9aa8c4;font-weight:600}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:600}.badge.ok{background:#12351f;color:#6fe08f}.badge.bad{background:#3a1420;color:#ff9aaa}.data-table tr.row-suspect td{background:#ff50500f}.checkbox-inline{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#9aa8c4}.actions-cell{display:flex;flex-direction:column;gap:.25rem;min-width:7rem}.iap-ent-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.iap-ent-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #2a3550}.iap-ent-list li:last-child{border-bottom:none}.badge.warn{background:#3a2e12;color:#ffd27a}.badge.diff-easy{background:#12351f;color:#8ef0a8}.badge.diff-normal{background:#1a2848;color:#9ec4ff}.badge.diff-hard{background:#3a1420;color:#ff9aaa}.btn.ghost.active-filter{border-color:#5a8ef0;color:#b8d4ff}.guided-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.guided-chapter-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.5rem .75rem;align-items:start;padding:.75rem;background:#12182a;border:1px solid #2a3550;border-radius:14px;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease}.guided-chapter-card:active{cursor:grabbing}.guided-chapter-card.is-dragging{opacity:.45;border-style:dashed}.guided-chapter-card.is-drop-target{border-color:#4d7ef0;box-shadow:0 0 0 2px #4d7ef059}.guided-chapter-card__order{grid-row:1 / span 2;align-self:center;min-width:2.25rem;height:2.25rem;display:grid;place-items:center;font-weight:700;font-size:1.05rem;color:#b8d4ff;background:#1a2848;border-radius:10px;border:1px solid #3a5080}.guided-chapter-card__thumb{grid-column:2;width:100%;max-height:100px;object-fit:cover;border-radius:10px;border:1px solid #2a3550}.guided-chapter-card__body{grid-column:2;display:grid;gap:.35rem}.guided-chapter-card__title{font-weight:600;line-height:1.25}.guided-chapter-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem}.guided-chapter-card__handle{grid-column:3;grid-row:1 / span 2;align-self:center;color:#6a7a9a;font-size:1.1rem;letter-spacing:-.15em;-webkit-user-select:none;user-select:none}.chapter-thumb{object-fit:cover;border-radius:8px;border:1px solid #2a3550;display:block}.table-actions{margin-top:0;flex-direction:column;align-items:flex-start}.danger-text{color:#ff8a9a!important}.mono-id{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;word-break:break-all}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:100;padding:1rem}.modal-card{width:min(420px,100%);background:#12182a;border:1px solid #2a3550;border-radius:16px;padding:1.25rem 1.5rem}.modal-card--wide{width:min(720px,100%);max-height:min(90vh,900px);display:flex;flex-direction:column}.titles-json-editor{width:100%;min-height:320px;max-height:50vh;resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;line-height:1.45;padding:.65rem .75rem;border-radius:8px;border:1px solid #2a3550;background:#0a0e18;color:#d8e2f4;box-sizing:border-box}.modal-card h2{margin:0 0 .5rem}.modal-card label{display:grid;gap:.35rem;font-size:.9rem;color:#9aa8c4}.pager{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.detail-card{background:#12182a;border:1px solid #2a3550;border-radius:14px;padding:1rem}.detail-card.wide{grid-column:1 / -1}.detail-card h2{margin:0 0 .75rem;font-size:1rem}.kv{display:grid;grid-template-columns:120px 1fr;gap:.35rem .75rem;margin:0}.kv dt{color:#9aa8c4}.kv dd{margin:0}.section-block{margin-top:2rem}.row-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.preview-lg{width:min(320px,100%);border-radius:12px;border:1px solid #2a3550}.thumb{width:64px;height:40px;object-fit:cover;border-radius:6px}.likers-list{margin:0;padding-left:1.2rem;color:#c5d0e6}