:root{--ink:#102d24;--forest:#174a38;--lime:#ccf36a;--paper:#f5f6ed;--white:#fff;--mist:#e5eadc;--gold:#f4b63c;--coral:#ec7058;--line:#d6decf;--muted:#5e716a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"Hiragino Sans","Yu Gothic",sans-serif}.app-shell{min-height:100vh;background:radial-gradient(circle at 81% 4%,#dff6a5 0,transparent 21rem)}.site-header{max-width:1280px;margin:auto;padding:1.4rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.04em;display:flex;gap:.65rem;align-items:center}.brand em{font-weight:500}.brand-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;background:var(--ink);color:var(--lime);border-radius:50%;font-size:.68rem;letter-spacing:0}.header-status{font-size:.78rem;color:var(--muted);display:flex;gap:.45rem;align-items:center}.pulse{width:.5rem;height:.5rem;border-radius:50%;background:#51aa68}.intro{max-width:1280px;margin:2.4rem auto 1.8rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:end;gap:3rem}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:var(--forest);margin:0 0:.7rem}.intro h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(2.4rem,5vw,4.65rem);line-height:1.04;letter-spacing:-.06em;margin:0}.lead{max-width:39rem;line-height:1.8;color:var(--muted);margin:1.3rem 0 0}.streak-card{background:var(--ink);color:var(--white);padding:1.25rem 1.5rem;border-radius:1.2rem;min-width:13rem;box-shadow:7px 7px 0 var(--lime)}.streak-card p{font-size:.73rem;letter-spacing:.09em;margin:0;color:#bed2c6}.streak-card strong{font-size:2.6rem;font-family:Georgia,serif}.streak-card span{font-size:.82rem}.week-dots{display:flex;gap:.35rem;margin-top:.4rem}.week-dots i{width:.65rem;height:.65rem;border-radius:50%;background:#487265}.week-dots i:first-child{background:var(--lime)}.mode-grid{max-width:1280px;margin:auto;padding:0 2rem 1.7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.mode-card{border:1px solid var(--line);background:var(--white);padding:1rem;display:flex;align-items:center;gap:.8rem;text-align:left;border-radius:.9rem;cursor:pointer;color:var(--ink);transition:.18s}.mode-card:hover,.mode-card.active{transform:translateY(-2px);border-color:var(--forest);box-shadow:0 5px 0 var(--forest)}.mode-card.active{background:#eff8d8}.mode-card b,.mode-card small{display:block}.mode-card small{color:var(--muted);margin-top:.18rem}.mode-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:var(--ink);color:var(--lime);border-radius:.7rem;font-size:1.3rem}.arrow{margin-left:auto;font-size:1.2rem}.workspace{max-width:1280px;margin:auto;padding:0 2rem 3rem;display:grid;grid-template-columns:190px minmax(0,1fr) 210px;gap:1.2rem}.filters,.profile-card{padding:1rem;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:1rem;height:max-content}.filter-heading{display:flex;justify-content:space-between;align-items:baseline}.filter-heading button,.text-button{background:none;border:0;color:var(--forest);text-decoration:underline;cursor:pointer;font-size:.75rem}fieldset{border:0;padding:1.1rem 0 .25rem;margin:0;border-top:1px solid var(--line)}legend{font-weight:800;font-size:.85rem;margin-bottom:.65rem}label{display:block;font-size:.84rem;margin:.55rem 0;cursor:pointer}input{accent-color:var(--forest)}.quiz-panel{background:var(--white);border-radius:1.4rem;padding:1.5rem 2rem 2rem;min-height:470px;box-shadow:0 13px 35px #34542712}.quiz-topline{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--forest)}.progress-track{height:.4rem;border-radius:9px;background:var(--mist);margin:1rem 0 2.5rem;overflow:hidden}.progress-track span{display:block;width:20%;height:100%;background:var(--forest);transition:.3s}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.tag{background:#edf3e7;color:var(--forest);padding:.28rem .55rem;border-radius:2rem;font-size:.72rem;font-weight:700}.question{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1.38;letter-spacing:-.035em;max-width:760px;margin:1.3rem 0 1.8rem}.answers{display:grid;gap:.75rem}.answer{border:1px solid var(--line);padding:1rem 1.15rem;border-radius:.75rem;background:#fff;text-align:left;font-size:1rem;cursor:pointer;color:var(--ink);transition:.15s}.answer:hover{border-color:var(--forest);background:#f5faea}.answer.correct{border-color:#30865b;background:#e6f7e8}.answer.incorrect{border-color:var(--coral);background:#fff0ed}.explanation{margin-top:1.5rem;background:#f2f6ed;border-left:4px solid var(--forest);padding:1rem 1.2rem;border-radius:0 .7rem .7rem 0;line-height:1.7}.explanation strong{display:block;margin-bottom:.35rem}.next-row{display:flex;justify-content:flex-end;margin-top:1.25rem}.primary-button{border:0;background:var(--ink);color:white;padding:.85rem 1.1rem;border-radius:.65rem;cursor:pointer;font-weight:800}.primary-button:hover{background:var(--forest)}.profile-card h2{font-size:1.12rem;margin:.2rem 0 1.2rem}.stat-line{display:flex;justify-content:space-between;margin:.85rem 0;font-size:.86rem}.stat-line span{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:1.25rem 0}.small-copy{font-size:.78rem;line-height:1.65;color:var(--muted)}.outline-button{width:100%;padding:.65rem;border:1px solid var(--forest);border-radius:.55rem;background:transparent;color:var(--forest);font-weight:700;cursor:pointer}.result-dialog,.history-dialog{border:0;border-radius:1.2rem;padding:2rem;max-width:460px;width:calc(100% - 2rem);color:var(--ink);box-shadow:0 20px 60px #102d2470}.result-dialog::backdrop,.history-dialog::backdrop{background:#102d2475}.dialog-close{position:absolute;right:1rem;top:.7rem;background:none;border:0;font-size:1.5rem;cursor:pointer}.result-dialog h2,.history-dialog h2{font-family:Georgia,serif;font-size:2rem;letter-spacing:-.05em;margin:.2rem 0 1rem}.result-score{padding:1rem 0;border-block:1px solid var(--line)}.result-score strong{font-size:3rem;font-family:Georgia,serif}.result-actions{display:flex;gap:.9rem;align-items:center;margin-top:1.3rem}.history-dialog{max-width:600px}.history-item{padding:1rem 0;border-bottom:1px solid var(--line)}.history-item b{display:block;font-size:.93rem}.history-item span{font-size:.78rem;color:var(--muted)}.ranking-list{padding:0;list-style:none}.ranking-list li{display:flex;gap:.8rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.ranking-list span{display:grid;place-items:center;border-radius:50%;width:1.6rem;height:1.6rem;background:var(--lime);font-size:.75rem;font-weight:800}.ranking-list em{margin-left:auto;font-style:normal;font-size:.82rem;color:var(--muted)}@media(max-width:850px){.workspace{grid-template-columns:1fr}.filters{display:flex;gap:1rem;overflow:auto}.filters fieldset{border-top:0;min-width:170px}.profile-card{order:3}.mode-grid{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}.streak-card{width:100%}}@media(max-width:500px){.site-header,.intro,.mode-grid,.workspace{padding-inline:1rem}.site-header{align-items:flex-start}.header-status{max-width:130px;text-align:right}.quiz-panel{padding:1.2rem}.question{font-size:1.55rem}.filters{display:block}.filters fieldset{border-top:1px solid var(--line)}}