:root{color-scheme:light;--ink:#18253a;--cream:#fbf7ec;--paper:#fffdf7;--orange:#f36b3d;--blue:#7ac6cf;--line:#d9d3c3;--green:#37866a;font-family:"Arial Rounded MT Bold","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink)}button,input{font:inherit}.shell{max-width:1180px;margin:auto;padding:24px 28px 70px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border:2px solid var(--ink);background:var(--orange);color:#fff;display:grid;place-items:center;transform:rotate(-4deg);font-size:22px}.brand b{display:block;font-size:18px}.brand small{display:block;font:700 9px/1.5 Arial;letter-spacing:1.6px;color:#6e7884}.progress-pill{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--ink);padding:7px 0;font-size:13px}.progress-pill button{border:0;background:none;text-decoration:underline;cursor:pointer;color:#69717b}.hero{background:var(--ink);color:white;padding:34px 38px 28px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;border:36px solid rgba(122,198,207,.16);border-radius:50%;right:-60px;top:-95px}.eyebrow,.report-kicker{margin:0 0 8px;text-transform:uppercase;font:800 11px/1.2 Arial;letter-spacing:2px;color:var(--orange)}.weather-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.weather-heading h1{font-size:clamp(32px,5vw,62px);letter-spacing:-2px;margin:4px 0}.weather-heading p{margin:0;color:#c8d1d9;max-width:620px;line-height:1.7}.temperature{display:flex;align-items:center;gap:15px;z-index:1}.temperature strong{font-size:44px}.temperature span{font-size:54px}.weather-facts{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.weather-facts span{border:1px solid #667081;padding:7px 12px;font-size:12px}.workspace{display:grid;grid-template-columns:180px 1fr;gap:18px;margin-top:18px}.levels{display:flex;flex-direction:column;gap:8px}.level-btn{border:1px solid var(--line);background:transparent;text-align:left;padding:14px 12px;cursor:pointer;color:#687080;transition:.2s}.level-btn b{display:block;color:var(--ink);margin-top:3px}.level-btn.active{background:var(--blue);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);color:#29434c}.level-btn.done:after{content:" ✓";color:var(--green)}.challenge-card{background:var(--paper);border:1px solid var(--line);padding:24px}.instruction{display:flex;gap:15px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.instruction span{background:#f7cf4a;padding:5px 9px;font-size:12px;font-weight:bold}.instruction p{margin:0;line-height:1.6;font-size:14px}.wardrobe{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;padding:20px 0}.clothing input{position:absolute;opacity:0}.clothing label{height:125px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fff;position:relative}.clothing label:hover{border-color:var(--blue)}.clothing input:focus-visible+label{outline:3px solid #f7cf4a}.clothing input:checked+label{border:2px solid var(--ink);background:#e2f2f1;box-shadow:3px 3px 0 var(--blue)}.clothing input:checked+label:after{content:"✓";position:absolute;top:7px;right:8px;background:var(--ink);color:white;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:12px}.cloth-icon{font-size:34px}.cloth-name{font-size:13px;font-weight:bold}.cloth-layer{font:10px Arial;color:#7a8188}.form-actions{display:flex;align-items:center;gap:18px}.submit,#nextBtn{border:0;background:var(--orange);color:#fff;padding:13px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.submit:hover,#nextBtn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}#selectionHint{font-size:12px;color:#777}.report{grid-column:2;background:#dcefed;border:1px solid var(--ink);padding:24px;display:flex;gap:24px}.report[hidden]{display:none}.score-ring{flex:0 0 100px;height:100px;border:8px solid var(--green);border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff}.score-ring strong{font-size:34px;line-height:.9}.score-ring span{font-size:11px}.report-copy{flex:1}.report-copy h2{margin:0 0 6px}.report-copy>p{line-height:1.5}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.feedback-item{background:#fff;padding:10px 12px;font-size:12px;border-left:4px solid var(--green)}.feedback-item.bad{border-left-color:var(--orange)}.wrong-book{margin-top:35px;border-top:2px solid var(--ink);padding-top:22px;display:grid;grid-template-columns:240px 1fr;gap:30px}.wrong-book h2{margin:0 0 6px}.wrong-book>div>p:last-child{font:12px/1.6 Arial;color:#6d7580}.wrong-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wrong-item,.empty-wrong{border:1px dashed #a5a093;padding:12px;font-size:12px;background:rgba(255,255,255,.45)}.wrong-item b{display:block;margin-bottom:4px}.empty-wrong{grid-column:1/-1;color:#7b7b73}@media(max-width:760px){.shell{padding:16px 14px 50px}.progress-pill span{display:none}.hero{padding:27px 22px}.weather-heading{align-items:start}.temperature{flex-direction:column;gap:0}.temperature strong{font-size:30px}.temperature span{font-size:35px}.workspace{grid-template-columns:1fr}.levels{flex-direction:row;overflow:auto;padding-bottom:5px}.level-btn{min-width:130px}.wardrobe{grid-template-columns:repeat(2,1fr)}.report{grid-column:1;flex-direction:column}.wrong-book{grid-template-columns:1fr}.wrong-list{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.topbar{align-items:flex-start}}