:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e7;--bg-accent:#ebe2d3;--surface:#fffbf5d6;--surface-strong:#fffbf5fa;--ink:#1e1d19;--muted:#62584b;--line:#2921171f;--brand:#9d5f21;--brand-soft:#f2d2b2;--danger:#b84c3d;background:radial-gradient(circle at top left, #f2d2b273, transparent 26%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);color:var(--ink);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit}.page-shell{min-height:100vh;padding:24px 18px 56px}.app-frame{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;max-width:1120px;margin:0 auto;padding:28px;box-shadow:0 24px 72px #362b1d14}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.topbar-copy{gap:12px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--brand);margin:0;font-size:.78rem}h1,h2{letter-spacing:-.02em;font-family:Iowan Old Style,Georgia,serif;font-weight:600}h1{max-width:760px;margin:0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.98}.intro{max-width:640px;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.app-nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.nav-link{background:#fffcf6c7;border:1px solid #352b1d1f;border-radius:999px;padding:12px 18px;text-decoration:none;transition:transform .16s,background .16s,border-color .16s}.nav-link:hover{transform:translateY(-1px)}.nav-link-primary{font-weight:600}.nav-link-secondary{color:var(--muted)}.nav-link.active{background:#f2d2b25c;border-color:#9d5f215c}.shell-status{color:var(--muted);margin:20px 0 0;line-height:1.7}.content-shell{margin-top:24px}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px;display:grid}.card,.auth-panel,.roadmap{background:var(--surface-strong);border:1px solid var(--line);border-radius:20px}.card{min-height:160px;padding:20px}.card-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:16px;font-size:.78rem;display:inline-block}.card strong{font-size:1.5rem;display:block}.card p{color:var(--muted);margin:10px 0 0;line-height:1.6}.auth-panel{margin-top:20px;padding:24px}.dev-login-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.dev-login-row p{color:var(--muted);margin:0}.dev-login-button{font:inherit;color:var(--ink);cursor:pointer;background:#d6b1842e;border:1px solid #8d5a2b38;border-radius:999px;padding:12px 18px}.dev-login-button:disabled{opacity:.6;cursor:default}.auth-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.auth-link{border:1px solid var(--line);background:linear-gradient(135deg,#d6b1842e,#fffaf1e6);border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.auth-link:hover{border-color:#8d5a2b59;transform:translateY(-1px)}.auth-link span{font-size:1.05rem;font-weight:600}.auth-link small{color:var(--muted)}.auth-link.disabled{pointer-events:none;opacity:.45}.logout-button{font:inherit;color:#fffaf1;background:var(--ink);cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:12px 18px}.roadmap{margin-top:24px;padding:24px}.workspace-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;display:grid}.generate-layout{grid-template-columns:340px minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.entry-grid,.study-hub-grid{gap:20px;margin-top:24px;display:grid}.study-dashboard{margin-top:24px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-card,.subtle-panel,.study-hub-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:24px}.entry-card{padding:26px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.entry-card:hover{border-color:#9d5f2147;transform:translateY(-2px);box-shadow:0 16px 36px #362b1d14}.entry-card span,.study-hub-head span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.78rem;display:inline-block}.entry-card strong{margin-top:14px;font-family:Iowan Old Style,Georgia,serif;font-size:2rem;font-weight:600;display:block}.entry-card p{color:var(--muted);margin:12px 0 0;line-height:1.7}.entry-card-generate{background:linear-gradient(145deg,#fff8f0fa,#f2d2b26b)}.entry-card-study{background:linear-gradient(145deg,#fffaf5fa,#e1caaa57)}.subtle-panel{margin-top:24px;padding:22px 24px}.secondary-link-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.secondary-link-pill{background:#fffcf6e6;border:1px solid #352b1d1f;border-radius:999px;padding:12px 16px;text-decoration:none}.page-section{margin-top:12px}.section-header h2{margin:0;font-size:2rem}.section-header p{color:var(--muted);margin:10px 0 0;line-height:1.7}.workspace-main,.studio-panel,.library-panel,.practice-panel,.study-panel{gap:24px;display:grid}.studio-panel,.library-panel,.practice-panel,.study-panel,.tag-panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:20px;padding:24px}.tag-panel{gap:18px;display:grid}.study-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-summary-panel,.study-kpi-card{border:1px solid var(--line);background:var(--surface-strong)}.study-summary-panel{border-radius:24px;padding:22px}.study-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.study-kpi-card{border-radius:18px;padding:18px}.study-kpi-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;display:inline-block}.study-kpi-card strong{margin-top:10px;font-size:1.5rem;display:block}.heatmap-strip{grid-template-columns:repeat(28,minmax(0,1fr));gap:6px;margin-top:20px;display:grid}.heatmap-cell{aspect-ratio:1;background:#352b1d14;border-radius:6px}.heatmap-cell.heat-1{background:#f2d2b28c}.heatmap-cell.heat-2{background:#dfb480b8}.heatmap-cell.heat-3{background:#bb8147d1}.heatmap-cell.heat-4{background:#7d4d1feb}.study-hub-card{padding:22px}.study-hub-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.study-hub-head h3{margin:10px 0 0;font-family:Iowan Old Style,Georgia,serif;font-size:1.7rem;font-weight:600}.study-hub-head small{color:var(--muted)}.study-hub-groups{gap:12px;margin-top:20px;display:grid}.study-hub-group{background:linear-gradient(145deg,#fffaf5f0,#f2d2b238);border:1px solid #352b1d1a;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;text-decoration:none;display:flex}.study-hub-group strong{font-size:1rem;display:block}.study-hub-group small,.study-hub-group span{color:var(--muted)}.workspace-side{gap:24px;display:grid}.field,.field-row{display:flex}.mode-switcher{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.mode-chip{font:inherit;color:var(--ink);cursor:pointer;background:#fffcf6d6;border:1px solid #352b1d1f;border-radius:999px;padding:11px 16px}.mode-chip.active{background:#d6b1842e;border-color:#8d5a2b5c}.field{flex-direction:column;gap:10px;margin-top:18px}.field span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.82rem}.field-row{gap:14px}.field-row .field{flex:1}.studio-meta-strip{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.studio-meta-chip{background:#fffcf6d1;border:1px solid #352b1d1a;border-radius:16px;min-width:112px;padding:14px 16px}.studio-meta-chip span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.76rem;display:inline-block}.studio-meta-chip strong{margin-top:8px;font-size:1rem;display:block}.advanced-panel{background:#fffcf6c7;border:1px solid #352b1d1a;border-radius:18px;margin-top:2px;padding:16px 18px 18px}.advanced-panel summary{cursor:pointer;color:var(--muted);font-weight:600}.advanced-panel[open] summary{margin-bottom:10px}.tag-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.inline-actions{align-items:end;gap:12px;display:flex}.field input,.field textarea,.field-select{width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fffcf6e6;border:1px solid #352b1d1f;border-radius:16px;padding:14px 16px}.field input:focus,.field textarea:focus,.field-select:focus{border-color:#8d5a2b59;outline:2px solid #8d5a2b29}.primary-button,.secondary-button{font:inherit;cursor:pointer;border-radius:999px;margin-top:18px;padding:13px 18px}.primary-button{color:#fffaf1;background:linear-gradient(135deg,#8d5a2b,#ab7140);border:0}.secondary-button{color:var(--ink);background:#d6b18429;border:1px solid #8d5a2b2e}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:default}.generation-result{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.generation-summary{background:#d6b18424;border-radius:16px;padding:16px 18px}.generation-summary strong{letter-spacing:.12em;color:var(--brand);margin-bottom:8px;font-size:.82rem;display:inline-block}.generation-summary p{color:var(--muted);margin:0;line-height:1.7}.candidate-list,.library-list{gap:14px;margin-top:18px;display:grid}.candidate-card,.library-card{text-align:left;border-radius:18px;padding:18px}.candidate-card{border:1px solid var(--line);cursor:pointer;background:linear-gradient(135deg,#fffaf1f0,#d6b1841f)}.candidate-card.active{border-color:#8d5a2b6b;box-shadow:inset 0 0 0 1px #8d5a2b2e}.candidate-card span,.library-meta span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;display:inline-block}.candidate-card strong,.library-card strong{margin-top:10px;font-size:1.05rem;line-height:1.55;display:block}.candidate-card small,.library-card small,.library-card p{color:var(--muted);margin-top:10px;line-height:1.65;display:block}.empty-state{color:var(--muted);background:#fffcf6b3;border:1px dashed #352b1d2e;border-radius:16px;margin-top:18px;padding:20px;line-height:1.8}.library-card{background:#fffcf6eb;border:1px solid #352b1d1a}.library-card-button{cursor:pointer;width:100%;font:inherit;color:inherit;appearance:none;border:1px solid #352b1d1a}.library-card-button.active{border-color:#8d5a2b6b;box-shadow:inset 0 0 0 1px #8d5a2b24}.library-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.library-meta time{color:var(--muted);font-size:.9rem}.tag-tree{gap:14px;margin-top:18px;display:grid}.tag-tree-card{background:#fffcf6eb;border:1px solid #352b1d1a;border-radius:18px;padding:18px}.tag-tree-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag-tree-header small,.empty-inline{color:var(--muted)}.tag-group-list{gap:10px;margin-top:14px;display:grid}.tag-group-tool{gap:10px;display:grid}.tag-group-link{background:linear-gradient(135deg,#d6b18429,#fffaf1eb);border:1px solid #352b1d1a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.tag-group-link small{color:var(--muted)}.tag-group-select{width:100%;font:inherit;color:inherit;cursor:pointer}.tag-group-select.active{border-color:#9d5f2157;box-shadow:inset 0 0 0 1px #9d5f211f}.order-actions{flex-wrap:wrap;gap:10px;display:flex}.order-button,.order-link{font:inherit;border-radius:999px;padding:10px 14px;text-decoration:none}.order-button{color:var(--ink);cursor:pointer;background:#fffcf6e6;border:1px solid #352b1d1f}.order-button-danger{color:var(--danger);background:#b84c3d0f;border-color:#b84c3d2e}.order-link{color:var(--brand);background:#f2d2b23d;border:1px solid #9d5f2129}.study-layout{align-items:start}.study-progress-bar,.study-actions,.study-card-grid{flex-wrap:wrap;gap:14px;display:flex}.study-progress-bar{background:#fffcf6e0;border:1px solid #352b1d1a;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px}.study-progress-bar strong,.study-progress-bar span{color:var(--muted)}.study-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.study-focus-card{background:#fffcf6e0;border:1px solid #352b1d1a;border-radius:18px;padding:20px}.study-focus-primary strong{font-size:1.3rem}.study-focus-card p{color:var(--muted);margin:12px 0 0;line-height:1.7}.study-focus-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;display:inline-block}.study-focus-card strong{margin-top:12px;font-size:1.05rem;line-height:1.7;display:block}.study-card-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.ghost-button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fffcf6e6;border:1px solid #352b1d1f;border-radius:999px;padding:11px 14px}.practice-context{gap:14px;margin-top:18px;display:grid}.practice-meta,.practice-hint,.practice-answer,.practice-feedback{background:#fffcf6e0;border:1px solid #352b1d1a;border-radius:18px;padding:18px}.practice-meta span,.practice-meta strong,.practice-hint strong,.practice-answer strong,.practice-feedback strong{display:block}.practice-meta span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.practice-meta strong,.practice-hint strong,.practice-answer strong,.practice-feedback strong{margin-top:10px;font-size:1rem}.practice-meta p,.practice-hint p,.practice-answer p,.practice-feedback p{color:var(--muted);margin:10px 0 0;line-height:1.7}.practice-toggle{font:inherit;color:var(--ink);cursor:pointer;background:#d6b18424;border:1px solid #8d5a2b2e;border-radius:999px;margin-top:18px;padding:11px 16px;display:none}.practice-input-shell{margin-top:18px}.practice-actions{flex-wrap:wrap;gap:12px;display:flex}.practice-feedback{margin-top:18px}.practice-feedback.exact{background:#4f734e1f;border-color:#4f734e2e}.practice-feedback.close{background:#d6b1842e;border-color:#8d5a2b33}.practice-feedback.needs_work{background:#b84c3d14;border-color:#b84c3d29}.practice-feedback small{color:var(--muted);margin-top:10px;display:block}.practice-answer{margin-top:18px}.practice-answer ul{color:var(--muted);margin:12px 0 0;padding-left:18px;line-height:1.8}.roadmap-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.roadmap-header h2{margin:0;font-size:1.8rem}.roadmap-header p{color:var(--muted);margin:0}.roadmap ul{color:var(--muted);margin:18px 0 0;padding-left:20px;line-height:1.9}.error-banner{border-radius:14px;margin-top:20px;padding:14px 16px}.success-banner{color:#34563b;background:#4f734e1a;border:1px solid #4f734e2e;border-radius:14px;margin-top:20px;padding:14px 16px}.error-banner{color:var(--danger);background:#b84c3d14;border:1px solid #b84c3d2e;border-radius:14px;margin-top:20px;padding:14px 16px}@media (width<=800px){.app-frame{border-radius:24px;padding:24px}.topbar{grid-template-columns:1fr;align-items:start}.status-grid,.workspace-grid,.auth-actions,.generate-layout,.entry-grid,.study-hub-grid,.study-kpi-grid{grid-template-columns:1fr}.app-nav,.inline-actions{flex-direction:column;align-items:stretch}.workspace-side{gap:18px}.field-row{flex-direction:column}.tag-grid,.study-card-grid{grid-template-columns:1fr}.practice-toggle{display:inline-flex}.practice-input-shell{display:none}.practice-input-shell.expanded{display:block}}