:root{font-family:Segoe UI,Arial,sans-serif;color:#1e302c;background:#f6f5ef;line-height:1.6;font-synthesis:none;--accent:#245c4d;--muted:#536760;--border:#ced8d0}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}a{color:var(--accent);text-underline-offset:4px}.brand{text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-.8px}.brand span{display:block;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}.intro{display:flex;align-items:center;gap:80px;padding:25px 0 35px}h1{font-family:Georgia,serif;font-weight:400;font-size:44px;line-height:1.1;letter-spacing:-1.4px;margin:0;max-width:520px}.intro p{font-size:17px;color:var(--muted)}h2{font-size:20px;line-height:1.35;margin:0 0 18px;font-weight:650}h3{font-size:16px;margin:0 0 8px}p{margin:12px 0;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.45fr 1fr;gap:28px}.practice,aside{padding:28px;background:#fff;border:1px solid var(--border);border-radius:16px}aside{background:#ecf1eb}label{display:block;font-size:13px;font-weight:650;margin:14px 0 6px}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border:1px solid #a9bcb2;border-radius:7px;background:#fff;color:#1e302c;min-width:0}select{font-size:14px}textarea{resize:vertical;line-height:1.5}.question-text{font-size:22px;line-height:1.45;color:#1e302c;margin:22px 0;min-height:96px}.timer-row{display:flex;gap:28px;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0}.caption{font-size:10px;letter-spacing:1.4px;font-weight:700}output{display:block;font-size:62px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-3px}.timer-row label{margin-top:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}button,.file-button{font:600 13px Segoe UI,Arial,sans-serif;border:1px solid var(--accent);border-radius:7px;padding:11px 15px;background:var(--accent);color:#fff;cursor:pointer;min-height:44px}button:hover,.file-button:hover{filter:brightness(.94)}button.secondary,.file-button{background:transparent;color:var(--accent)}button.danger{background:#fff;color:#923f37;border-color:#b78b84}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #bc7029;outline-offset:3px}.hint,#model-status,#timer-status,#storage-status,#notice{font-size:13px;line-height:1.55}#model-status{overflow-wrap:anywhere}progress{width:100%;margin-top:15px}#rank{margin:10px 0}.match{border-top:1px solid #b8cabc;padding:18px 0}.match p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.match a{font-size:13px}.stories{padding-top:40px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{margin-bottom:0}.section-head p{font-size:14px}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}.story{padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px;scroll-margin-top:20px}.story label:first-child{margin-top:0}.story textarea{font-size:14px}.story button{margin-top:16px}.empty{grid-column:1/-1;border:1px dashed #a9bcb2;padding:28px;border-radius:12px}.privacy{margin-top:32px;border-top:1px solid var(--border);padding-top:28px}.privacy p{font-size:14px;max-width:850px}.file-button{display:inline-block;margin:0}#import{position:absolute;width:1px;height:1px;opacity:0}#import:focus-visible+.file-button{outline:3px solid #bc7029}footer{font-size:12px;color:var(--muted);padding-bottom:35px}[hidden]{display:none!important}@media(max-width:800px){header,main,footer{padding:20px}.intro{display:block;padding:20px 0}.intro p{font-size:15px}h1{font-size:36px}.workspace{grid-template-columns:1fr}.practice,aside{padding:22px}#cards{grid-template-columns:1fr}.section-head{display:block}.brand{font-size:20px}header>a:last-child{font-size:12px;max-width:100px}.question-text{font-size:21px;min-height:0}.timer-row{gap:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.file-button:has(+input:focus-visible){outline:3px solid #bc7029;outline-offset:3px}
