@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{color:#111318;font-synthesis:none;--paper:#f5f1e8;--ink:#111318;--blue:#1647ff;--red:#ff5438;--yellow:#ffd83d;--muted:#77756e;background:#d9d8d2;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#d9d8d2}body{min-width:320px;color:var(--ink);background:repeating-linear-gradient(90deg,#d9d8d2 0 39px,#cfcec8 40px);margin:0}button,input{font:inherit}.app-shell{background:var(--paper);width:min(100%,520px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #aaa,0 16px 80px #0000002e}.brand-header{border-bottom:3px solid var(--ink);background:var(--paper);z-index:20;justify-content:space-between;align-items:center;height:70px;padding:0 18px;display:flex;position:relative}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand span{background:var(--red);color:#fff;border:2px solid var(--ink);place-items:center;width:34px;height:34px;font-weight:900;display:grid;transform:rotate(-3deg)}.brand b{font-size:17px}.station-code{letter-spacing:1.4px;text-align:right;max-width:120px;font:700 9px/1.2 Arial}.home-page,.quiz-page,.gate-page,.report-page{min-height:calc(100vh - 70px)}.hero{padding:20px 18px 26px;position:relative}.weather-ticker{border:2px solid var(--ink);text-transform:uppercase;grid-template-columns:1fr auto auto;align-items:center;height:38px;font-size:10px;font-weight:800;display:grid}.weather-ticker span,.weather-ticker b,.weather-ticker i{border-right:2px solid var(--ink);align-items:center;height:100%;padding:0 9px;font-style:normal;display:flex}.weather-ticker b{background:var(--blue);color:#fff}.weather-ticker i{background:var(--yellow);border:0}.kicker{letter-spacing:2px;color:var(--blue);margin:30px 0 14px;font:800 10px Arial}.hero h1{letter-spacing:-3px;margin:0;font-size:clamp(38px,10.5vw,55px);font-weight:900;line-height:1.12}.hero h1 em{color:var(--red);text-decoration:underline;text-decoration-thickness:7px;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:-2px;font-style:normal}.hero-copy{color:#474741;max-width:440px;margin:18px 0;font-size:14px;line-height:1.85}.weather-machine{border:3px solid var(--ink);background:linear-gradient(135deg,#fff 0 48%,#e5e0d4 48% 51%,#fff 51%);height:265px;margin:22px 0;position:relative;overflow:hidden}.weather-machine:before{content:"OBSERVATION UNIT / 09";letter-spacing:1px;font:800 10px Arial;position:absolute;top:10px;left:12px}.weather-machine svg{width:100%;height:220px;margin-top:28px}.weather-machine path{fill:none;stroke:var(--blue);stroke-width:9px}.weather-machine circle{fill:var(--red);stroke:var(--ink);stroke-width:3px}.weather-machine text{fill:var(--ink);font:800 10px Arial}.sun-disc{border:3px solid var(--ink);background:var(--yellow);z-index:2;border-radius:50%;place-items:center;width:72px;height:72px;font:900 34px Arial;display:grid;position:absolute;top:32px;right:24px}.cloud{border:3px solid var(--ink);z-index:2;background:#fff;padding:9px 16px;font:900 12px Arial;position:absolute}.cloud-a{top:72px;left:32px;transform:rotate(-7deg)}.cloud-b{background:var(--red);color:#fff;bottom:60px;right:88px;transform:rotate(5deg)}.machine-scale{border-top:3px solid var(--ink);background:var(--yellow);justify-content:space-around;align-items:center;height:37px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.machine-scale i{background:var(--ink);width:3px;height:16px}.start-button,.unlock-button,.share-button{border:3px solid var(--ink);background:var(--blue);color:#fff;width:100%;min-height:62px;box-shadow:6px 6px 0 var(--ink);justify-content:space-between;align-items:center;padding:0 20px;font-weight:900;display:flex}.start-button:active,.unlock-button:active,.share-button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.start-button b,.unlock-button b,.share-button b{font-size:26px}.hero-features{border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid}.hero-features div{border-right:2px solid var(--ink);padding:12px 8px}.hero-features div:last-child{border:0}.hero-features b,.hero-features span{display:block}.hero-features b{font-size:12px}.hero-features span{color:#666;margin-top:4px;font-size:9px;line-height:1.5}.sample-board{background:var(--ink);color:#fff;padding:34px 18px 40px}.section-stamp{background:var(--yellow);color:var(--ink);border:2px solid #fff;padding:6px 9px;font:900 10px Arial;display:inline-block}.sample-board h2{margin:18px 0 24px;font-size:28px;line-height:1.35}.sample-grid{gap:10px;display:grid}.sample-grid article{border:2px solid #fff;grid-template-columns:40px 1fr;gap:4px 8px;padding:16px;display:grid}.sample-grid article:nth-child(2){border-color:var(--red)}.sample-grid article:nth-child(3){border-color:var(--yellow)}.sample-grid span{color:var(--yellow);grid-row:1/3;font:900 24px Arial}.sample-grid b{font-size:15px}.sample-grid p{color:#bbb;margin:0;font-size:11px}.disclaimer{color:#777;text-align:center;margin:0;padding:20px;font-size:10px;line-height:1.7}.quiz-page{padding:18px}.quiz-top{align-items:center;gap:16px;display:flex}.quiz-top>button,.text-back{border:2px solid var(--ink);background:var(--yellow);width:44px;height:44px;font-weight:900}.quiz-top div{flex:1;justify-content:space-between;align-items:center;display:flex}.quiz-top span{font-size:11px;font-weight:800}.quiz-top b{font:900 17px Arial}.progress-track{border:2px solid var(--ink);background:#fff;height:12px;margin:15px 0 24px}.progress-track i{background:var(--red);height:100%;transition:width .25s;display:block}.question-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);background:#fff;padding:18px;animation:.26s both enter}@keyframes enter{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:none}}.question-meta{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.question-meta span{color:var(--blue);font:800 10px Arial}.question-meta b{background:var(--yellow);padding:4px 7px;font-size:11px}.question-card h1{margin:24px 0 8px;font-size:27px;line-height:1.4}.question-card>p{color:#777;margin:0 0 22px;font-size:11px}.options{gap:10px;display:grid}.options button{border:2px solid var(--ink);background:var(--paper);text-align:left;min-height:66px;color:var(--ink);grid-template-columns:36px 1fr 20px;align-items:center;gap:8px;padding:8px 10px;display:grid}.options button:hover,.options button.selected{background:var(--blue);color:#fff}.options button span{border:2px solid;place-items:center;width:30px;height:30px;font:900 13px Arial;display:grid}.options button b{font-size:13px;line-height:1.5}.options button i{font-style:normal}.quiz-weather{grid-template-columns:auto 1fr;align-items:center;gap:8px 15px;margin-top:28px;display:grid}.quiz-weather span{color:var(--red);font:900 10px Arial}.quiz-weather b{grid-column:1/3;font-size:11px}.mini-clouds{gap:5px;display:flex}.mini-clouds i{background:#d0cdc4;flex:1;height:8px;display:block}.mini-clouds i:first-child,.mini-clouds i:nth-child(2){background:var(--blue)}.gate-page{padding:18px}.text-back{background:0 0;width:auto;margin-bottom:20px;padding:0 12px}.gate-weather{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--red);background:#fff;padding:24px 18px}.gate-symbol{border:4px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:120px;height:120px;margin:4px auto 22px;display:grid;position:relative}.gate-symbol span{font:900 64px Arial}.gate-symbol i{background:var(--blue);width:150px;height:2px;position:absolute;transform:rotate(-22deg)}.gate-weather>p{letter-spacing:2px;text-align:center;color:var(--blue);font:900 10px Arial}.gate-weather h1{text-align:center;margin:8px 0 22px;font-size:31px}.locked-report{border:2px solid var(--ink);background:var(--paper);justify-content:space-between;gap:10px;margin-bottom:24px;padding:14px;display:flex}.locked-report div{gap:5px;display:grid}.locked-report b{font-size:12px}.locked-report span{color:#666;font-size:10px;line-height:1.5}.locked-report strong{writing-mode:vertical-rl;background:var(--ink);color:#fff;padding:5px;font:900 10px Arial}.gate-weather label span{margin-bottom:7px;font-size:12px;font-weight:800;display:block}.gate-weather input{border:2px solid var(--ink);text-transform:uppercase;border-radius:0;width:100%;height:52px;padding:0 12px;font-family:monospace;font-size:15px}.unlock-button{margin-top:14px}.unlock-button:disabled{background:#aaa}.form-error{background:#ffe8df;padding:9px;color:#c52815!important;text-align:left!important;letter-spacing:0!important}.privacy-note{color:#777!important;letter-spacing:0!important;margin-top:14px!important;font-size:9px!important}.report-page{background:var(--paper);padding:18px}.report-cover{border:3px solid var(--ink);background:var(--blue);color:#fff;box-shadow:8px 8px 0 var(--ink);padding:18px;position:relative;overflow:hidden}.report-cover:after{content:"";border:40px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-85px;right:-110px}.cover-top{letter-spacing:1px;justify-content:space-between;font:900 10px Arial;display:flex}.cover-top span{background:var(--yellow);color:var(--ink);padding:6px}.cover-top b{padding:6px}.index-lockup{align-items:end;gap:10px;margin:36px 0 4px;display:flex}.index-lockup strong{color:var(--yellow);font:900 112px/.8 Arial}.index-lockup span{margin-bottom:8px;font-size:12px;font-weight:800}.type-tag{background:var(--red);border:2px solid #fff;margin-top:18px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-block}.report-cover h1{margin:12px 0 8px;font-size:42px;line-height:1.15}.report-cover>p{margin:0 0 24px;font-size:14px;line-height:1.7}.cover-rule{border-top:2px solid #fff;justify-content:space-between;padding-top:12px;font-size:11px;display:flex}.cover-rule b{color:var(--yellow)}.report-section{border:3px solid var(--ink);background:#fff;margin-top:18px;padding:18px;position:relative}.report-section.accent{background:var(--yellow)}.report-label{text-transform:uppercase;color:var(--blue);align-items:center;gap:10px;font:900 10px Arial;display:flex}.report-label span{background:var(--ink);color:#fff;padding:5px 7px}.report-section h2{letter-spacing:-.8px;margin:16px 0 20px;font-size:24px;line-height:1.4}.lead-copy{color:#444;font-size:14px;line-height:1.9}.weather-map{background:var(--paper);border:2px solid var(--ink);padding:8px}.weather-map svg{width:100%;display:block}.weather-grid{fill:none;stroke:#b8b4aa;stroke-width:1px}.weather-axis{stroke:#cbc7bd;stroke-width:1px}.weather-shape{fill:#1647ff45;stroke:var(--blue);stroke-width:5px}.weather-dot{fill:var(--red);stroke:var(--ink);stroke-width:2px}.weather-eye{fill:var(--yellow);stroke:var(--ink);stroke-width:3px}.weather-number{text-anchor:middle;fill:var(--ink);font:900 26px Arial}.weather-small{text-anchor:middle;fill:var(--ink);font:700 8px Arial}.map-labels{text-align:center;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px;font-weight:800;display:grid}.map-labels span{border:1px solid var(--ink);padding:5px}.signal-bars{gap:16px;display:grid}.signal-meta{justify-content:space-between;font-size:12px;display:flex}.signal-meta b{color:var(--red);font:900 20px Arial}.signal-track{border:2px solid var(--ink);background:#ddd9cf;height:18px}.signal-track i{background:var(--blue);height:100%;display:block}.stage-path{gap:18px;display:grid}.stage-top{grid-template-columns:30px 1fr auto;align-items:center;display:grid}.stage-top span{background:var(--ink);color:#fff;place-items:center;width:25px;height:25px;font:900 11px Arial;display:grid}.stage-top b{font-size:13px}.stage-top strong{color:var(--blue);font:900 18px Arial}.stage-line{border:1px solid var(--ink);background:#ddd9cf;height:10px;margin:7px 0 0 30px}.stage-line i{background:var(--yellow);height:100%;display:block}.stage-node.peak .stage-line i{background:var(--red)}.stage-node p{color:#777;margin:5px 0 0 30px;font-size:9px}.heatmap{grid-template-columns:1fr 1fr;gap:8px;display:grid}.heat-cell{border:2px solid var(--ink);background:color-mix(in srgb,var(--red) calc(var(--heat)*42%),var(--paper));grid-template-columns:1fr auto;min-height:112px;padding:10px;display:grid}.heat-cell:first-child{grid-column:1/3}.heat-cell span{font:900 9px Arial}.heat-cell b{text-align:right;font-size:12px}.heat-cell strong{color:var(--blue);align-self:end;font:900 34px Arial}.heat-cell small{text-align:right;align-self:end;font-size:9px}.evidence-list{gap:12px;display:grid}.evidence-list article{border-top:2px solid var(--ink);padding-top:10px}.evidence-list span{color:var(--red);float:left;margin-right:12px;font:900 26px Arial}.evidence-list h3{margin:0 0 8px;font-size:13px}.evidence-list b{color:var(--blue);font-size:11px}.evidence-list p{color:#555;margin-left:42px;font-size:11px;line-height:1.7}.loop-diagram{display:grid}.loop-diagram>div{grid-template-columns:38px 1fr 20px;align-items:center;gap:8px;display:grid}.loop-diagram span{background:var(--blue);color:#fff;place-items:center;width:32px;height:32px;font:900 12px Arial;display:grid}.loop-diagram p{border-bottom:1px solid #ccc;margin:0;padding:12px 0;font-size:12px;line-height:1.6}.loop-diagram b{color:var(--red)}.strength-list,.avoid-list{margin:0;padding:0;list-style:none}.strength-list li{border-bottom:1px solid #bbb;grid-template-columns:32px 28px 1fr;align-items:center;padding:10px 0;display:grid}.strength-list li>span{color:var(--red);font-size:28px}.strength-list b{font:900 11px Arial}.strength-list p{font-size:12px;line-height:1.6}.weather-note{background:var(--blue);color:#fff;margin-top:16px;padding:14px;font-size:12px;font-weight:800}.formula{border:3px solid var(--ink);text-align:center;box-shadow:5px 5px 0 var(--red);background:#fff;padding:18px;font-size:16px;font-weight:900}.action-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.action-steps li{grid-template-columns:38px 1fr;align-items:start;gap:10px;display:grid}.action-steps span{background:var(--yellow);border:2px solid var(--ink);place-items:center;width:36px;height:36px;font:900 14px Arial;display:grid}.action-steps p{margin:5px 0;font-size:12px;line-height:1.7}.forecast-strip{scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.forecast-strip article{border:2px solid var(--ink);background:var(--paper);scroll-snap-align:start;min-width:126px;min-height:190px;padding:10px;display:grid}.forecast-strip article:nth-child(2n){background:var(--yellow)}.forecast-strip span{font:900 10px Arial}.forecast-strip b{font-size:15px}.forecast-strip i{color:var(--blue);font-size:32px;font-style:normal}.forecast-strip p{margin:0;font-size:10px;line-height:1.5}.script-list{gap:10px;display:grid}.script-list article{border:2px solid var(--ink);background:var(--paper);padding:13px}.script-list span{color:var(--red);font-size:10px;font-weight:900}.script-list p{font-size:14px;font-weight:700;line-height:1.7}.script-list button{border:1px solid var(--ink);background:#fff;padding:6px 9px;font-size:10px}.avoid-list li{border-bottom:1px solid #aaa;gap:10px;padding:12px 0;font-size:12px;line-height:1.6;display:flex}.avoid-list span{color:var(--red);font-size:20px;font-weight:900}.report-section blockquote{border-left:12px solid var(--blue);background:var(--paper);margin:0;padding:20px 16px;font-size:22px;font-weight:900;line-height:1.55}.micro-copy{color:#777;font-size:9px}.share-preview-mini{gap:5px;margin-bottom:16px;display:flex}.share-preview-mini span{border:2px solid var(--ink);background:#fff;flex:1;place-items:center;height:80px;font:900 11px Arial;display:grid}.share-preview-mini span:nth-child(2n){background:var(--red);color:#fff}.share-button{background:var(--blue)}.report-end{text-align:center;padding:28px 0 10px}.report-end button{border:2px solid var(--ink);background:#fff;padding:10px 18px;font-weight:800}.report-end p{color:#777;font-size:9px}.modal-backdrop{z-index:99;background:#000000b8;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.share-modal{background:var(--paper);border:3px solid var(--ink);width:min(100%,520px);max-height:94vh;padding:16px;overflow:auto}.modal-head{justify-content:space-between;align-items:start;display:flex}.modal-head small{color:var(--blue);font:900 9px Arial}.modal-head h2{margin:4px 0 14px;font-size:22px}.modal-head button{border:2px solid var(--ink);background:var(--yellow);padding:7px 10px}.share-strip{scroll-snap-type:x mandatory;gap:10px;display:flex;overflow-x:auto}.share-strip img{border:2px solid var(--ink);scroll-snap-align:start;width:82%}.share-tip{color:#777;font-size:9px}.share-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-actions button{border:2px solid var(--ink);background:#fff;padding:12px 7px;font-size:12px;font-weight:800}.share-actions .primary{background:var(--blue);color:#fff;grid-column:1/3}.toast{background:var(--ink);color:#fff;text-align:center;margin:10px auto 0;padding:9px;font-size:11px;position:sticky;bottom:8px}@media (width<=380px){.brand-header{padding:0 12px}.hero,.quiz-page,.gate-page,.report-page{padding-left:12px;padding-right:12px}.hero h1{font-size:38px}.question-card{padding:14px}.question-card h1{font-size:24px}.report-section{padding:14px}.report-section h2{font-size:21px}.report-cover h1{font-size:36px}.index-lockup strong{font-size:96px}.heat-cell{min-height:104px}}@media (width>=600px){.app-shell{min-height:calc(100vh - 56px);margin:28px auto}.brand-header{position:sticky;top:0}.modal-backdrop{align-items:center}.share-modal{max-height:90vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}