:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-strong: #f1f5f9;--ink: #0f172a;--muted: #64748b;--line: #dbe3ef;--line-strong: #cbd5e1;--blue: #2563eb;--blue-strong: #1d4ed8;--teal: #0f766e;--coral: #f97363;--amber: #d97706;--danger: #dc2626;--shadow-sm: 0 10px 24px rgba(15, 23, 42, .06);--shadow-md: 0 24px 60px rgba(15, 23, 42, .1);--radius: 8px;--radius-lg: 14px;--container: 1120px;font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;color:var(--ink);background:linear-gradient(180deg,#2563eb0f 0,#2563eb00 320px),var(--bg)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--container),calc(100% - 32px));min-height:72px;margin:0 auto;border-bottom:1px solid rgba(219,227,239,.82);background:#f8fafcdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius);color:#fff;background:var(--blue);box-shadow:var(--shadow-sm)}.brand svg,.topnav svg,.button svg,.text-link svg,.eyebrow svg,.tile-meta svg,.info-list svg,.notice svg,.stat-row svg{width:18px;height:18px;flex:0 0 auto}.brand strong,.brand small{display:block}.brand strong{line-height:1;font-weight:800}.brand small{margin-top:3px;color:var(--muted);font-size:12px}.topnav{display:flex;align-items:center;gap:10px}.topnav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border-radius:var(--radius);color:var(--muted);font-weight:700}.topnav a:hover{color:var(--ink);background:var(--surface-strong)}.topnav .button-primary,.topnav .button-primary:hover{color:#fff;background:var(--blue)}.page-shell{width:min(var(--container),calc(100% - 32px));margin:0 auto;padding:56px 0 72px}.home-layout,.workspace-layout,.result-layout{display:grid;gap:28px}.home-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;min-height:auto;padding:84px 0 96px}.home-copy h1,.side-note h1,.question-panel h1,.result-summary h1{margin:0;color:var(--ink);font-size:clamp(38px,6vw,78px);line-height:1.02;font-weight:800}.home-copy .lead,.side-note p,.result-summary p{margin:22px 0 0;max-width:620px;color:#475569;font-size:18px;line-height:1.75}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--teal);font-size:13px;font-weight:800;text-transform:uppercase}.create-panel,.form-panel,.success-panel,.generating-panel,.question-panel,.result-panel,.result-summary,.modal,.empty-state,.notice{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.create-panel,.form-panel,.success-panel,.generating-panel,.question-panel,.result-panel,.result-summary,.modal{padding:28px}label{display:block;margin-bottom:10px;color:#334155;font-size:14px;font-weight:800}input,textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:#fff;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input{min-height:56px;padding:0 16px}textarea{min-height:124px;padding:14px 16px;resize:vertical}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb1f}.topic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.button,.icon-button,.chip,.option-button{border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:var(--radius);font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.52}.button-primary{color:#fff;background:var(--blue);box-shadow:0 14px 30px #2563eb3d}.button-primary:hover:not(:disabled){background:var(--blue-strong)}.button-secondary{color:#334155;background:var(--surface-strong)}.button-secondary:hover:not(:disabled){background:#e2e8f0}.button-small{min-height:40px;padding:0 12px}.button-wide{width:100%}.example-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{min-height:34px;padding:0 12px;border-radius:999px;color:#475569;background:#eef2f7;font-weight:700}.chip:hover{color:var(--ink);background:#dbeafe}.section-head,.panel-head,.quiz-header,.progress-meta,.quiz-controls,.action-row,.stat-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head{margin:36px 0 18px}.section-head h2,.panel-head h2,.success-panel h2,.generating-panel h2{margin:0;font-size:28px;line-height:1.18}.section-head .eyebrow{margin-bottom:6px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:800}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quiz-tile{display:grid;gap:10px;min-height:188px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.quiz-tile:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:var(--shadow-md)}.tile-kicker,.question-kicker,.status-pill,.type-badge{width:fit-content;border-radius:999px;font-size:12px;font-weight:800}.tile-kicker{padding:6px 10px;color:var(--teal);background:#ccfbf1}.quiz-tile strong{font-size:20px}.quiz-tile p,.muted{margin:0;color:var(--muted);line-height:1.65}.tile-meta,.stat-row span,.info-list span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.empty-state,.loader-block{display:grid;min-height:180px;place-items:center;gap:12px;color:var(--muted)}.empty-state{padding:32px}.empty-state svg{width:32px;height:32px;color:var(--blue)}.loader-block{border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.loader-block svg,.generating-panel>svg{width:32px;height:32px;color:var(--blue)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-layout{grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr);align-items:start}.side-note{position:sticky;top:104px}.side-note h1{font-size:clamp(36px,5vw,56px)}.info-list{display:grid;gap:12px;margin-top:24px}.creator-stack{display:grid;gap:18px}.status-area:empty{display:none}.generating-panel{display:grid;gap:14px}.generation-head{display:flex;align-items:flex-start;gap:14px}.generation-head>svg{flex:0 0 auto;margin-top:4px}.generation-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.generation-progress{overflow:hidden;height:10px;border-radius:999px;background:#e2e8f0}.generation-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .22s ease}.generation-percent{color:var(--muted);font-size:13px;font-weight:800;text-align:right}.generation-step{display:grid;gap:9px;min-height:106px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fbfdff}.generation-step span{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#e2e8f0}.generation-step svg{width:18px;height:18px}.generation-step strong{color:#334155;font-size:14px}.generation-step.is-active{border-color:#93c5fd;background:#eff6ff}.generation-step.is-active span{color:#fff;background:var(--blue)}.generation-step.is-done{border-color:#99f6e4;background:#f0fdfa}.generation-step.is-done span{color:#fff;background:var(--teal)}.generation-insights{display:grid;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.generation-insight-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-insight-head strong{color:#334155;font-size:15px}.generation-insight-head span,.preview-label{color:var(--muted);font-size:12px;font-weight:800}.preview-section{display:grid;gap:9px}.preview-dimension-row,.preview-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-dimension,.preview-result{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.preview-dimension{display:grid;gap:4px;min-height:68px;padding:12px}.preview-dimension strong,.preview-result strong{color:#334155}.preview-dimension span,.preview-result span{color:var(--muted);font-size:12px;font-weight:800}.preview-snippet-list{display:grid}.preview-snippet{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}.preview-snippet:first-child{border-top:0}.preview-snippet span{min-width:0;color:var(--teal);font-size:12px;font-weight:800}.preview-snippet p,.preview-result p{margin:0;color:#334155;font-size:13px;line-height:1.58}.preview-result{display:grid;gap:6px;min-height:124px;padding:12px}.generating-panel p,.success-panel p{margin:0;color:var(--muted);line-height:1.65}.step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.step-list span{min-height:40px;padding:10px;border-radius:var(--radius);color:#334155;background:var(--surface-strong);text-align:center;font-size:13px;font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px}.editor-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.save-state{color:var(--muted);font-size:13px;font-weight:800}.save-state.is-dirty{color:var(--amber)}.editor-section-head{margin:22px 0 14px}.question-editor{display:grid;gap:14px}.editor-question{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.editor-question-head{display:flex;align-items:center;gap:10px}.editor-question-head span{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;color:#fff;background:var(--teal);font-size:13px;font-weight:800}.editor-question-head strong{color:#334155}.editor-options{display:grid;gap:9px}.editor-option{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:center;margin:0}.editor-option span{min-width:0;color:var(--muted);font-size:12px;font-weight:800}.status-ready{color:#166534;background:#dcfce7}.success-panel>label{margin-top:14px}.editor-question label{margin-top:0}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.dimension-item{display:grid;gap:4px;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.dimension-item span{color:var(--muted);font-size:13px;font-weight:700}.preview-list{display:grid;gap:10px;margin:20px 0}.preview-question{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.preview-question span{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;color:#fff;background:var(--teal);font-weight:800}.preview-question p{margin-top:4px}.share-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.share-strip code{overflow:hidden;color:#334155;font-family:Inter,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius);color:#334155;background:#e2e8f0}.icon-button:hover,.icon-button.is-done{color:#fff;background:var(--teal)}.icon-button svg{width:18px;height:18px}.action-row{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.notice{display:flex;align-items:flex-start;gap:12px;padding:16px}.notice-error{color:#991b1b;border-color:#fecaca;background:#fff1f2}.quiz-runner{width:min(820px,100%);margin:0 auto}.quiz-header{margin-bottom:20px;color:var(--muted);font-weight:800}.progress-wrap{display:grid;gap:10px;margin-bottom:18px}.progress-meta{color:var(--muted);font-size:13px;font-weight:800}.progress-track,.score-track{overflow:hidden;width:100%;border-radius:999px;background:#e2e8f0}.progress-track{height:10px}.progress-fill,.score-track span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.question-panel{display:grid;gap:22px}.question-panel h1{font-size:clamp(28px,5vw,44px)}.question-kicker{padding:7px 11px;color:var(--amber);background:#fef3c7}.option-list{display:grid;gap:12px}.option-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.option-button:hover,.option-button.is-selected{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px)}.option-button span{line-height:1.55}.option-button svg{width:22px;height:22px;color:var(--blue)}.quiz-controls{margin-top:18px}.result-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:start}.result-summary{grid-column:1 / -1}.result-title-row{display:flex;align-items:center;gap:22px}.result-emoji{display:grid;width:96px;height:96px;flex:0 0 auto;place-items:center;border:1px solid #bfdbfe;border-radius:24px;background:#eff6ff;font-size:52px}.type-badge{display:inline-flex;margin-top:22px;padding:9px 14px;color:#fff;background:var(--teal);font-size:22px;letter-spacing:0}.panel-head{margin-bottom:18px}.panel-head span{color:var(--muted);font-size:13px;font-weight:800}#radarChart{width:100%;max-height:360px}.score-list{display:grid;gap:14px;margin-top:18px}.score-item{display:grid;gap:8px}.score-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-item span{color:var(--muted);font-size:13px;font-weight:800}.score-track{height:9px}.score-track span{background:var(--teal)}.insight-grid{display:grid;grid-template-columns:1fr;gap:20px}.insight-grid h3{margin:0 0 10px}.insight-grid ul{display:grid;gap:10px;margin:0;padding-left:22px;color:#334155;line-height:1.65}.stat-row{flex-wrap:wrap;margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#0f172a3d}.modal-backdrop[hidden]{display:none}.modal{width:min(360px,100%)}#qrCanvas{display:block;width:220px;height:220px;margin:0 auto}@media(max-width:920px){.home-layout,.workspace-layout,.result-layout{grid-template-columns:1fr}.home-layout{min-height:auto}.side-note{position:static}.quiz-grid,.dimension-grid,.preview-dimension-row,.preview-result-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar{min-height:64px}.topnav a:first-child span{display:none}.page-shell{width:min(100% - 24px,var(--container));padding:36px 0 56px}.home-copy h1,.side-note h1,.result-summary h1{font-size:38px}.topic-row,.share-strip{grid-template-columns:1fr}.step-list{grid-template-columns:1fr 1fr}.generation-timeline{grid-template-columns:1fr}.editor-option{grid-template-columns:1fr;gap:6px}.generation-insight-head,.preview-snippet{grid-template-columns:1fr}.generation-insight-head{display:grid}.create-panel,.form-panel,.success-panel,.generating-panel,.question-panel,.result-panel,.result-summary,.modal{padding:20px}.result-title-row{align-items:flex-start;flex-direction:column}.quiz-controls{align-items:stretch;flex-direction:column}.quiz-controls .button,.action-row .button{width:100%}}