:root{--rain-ink:#183044;--rain-muted:#536773;--rain-ivory:#fbf6e9;--rain-paper:#fffdf7;--rain-sage:#6f917b;--rain-blue:#7895a7;--rain-line:#cbd4cc;--rain-warm:#e8b667;--rain-shadow:0 18px 48px rgba(32,55,62,.12)}
*{box-sizing:border-box}.cloud-rain-page{margin:0;background:var(--rain-ivory);color:var(--rain-ink)}.rain-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:54px 0 118px}.tool-heading{max-width:840px;margin-bottom:28px}.eyebrow,.stage-kicker{margin:0 0 8px;color:#486d5a;font-weight:800;letter-spacing:.08em}.tool-heading h1{margin:0;font-size:clamp(2.15rem,5vw,4rem);line-height:1.08}.lead{max-width:760px;color:var(--rain-muted);font-size:1.08rem;line-height:1.8}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip,.phase-pill{display:inline-flex;min-height:32px;align-items:center;border:1px solid #aec0b4;border-radius:999px;background:#f5f8f1;padding:5px 12px;color:#315744;font-weight:750}.rain-lab{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:24px;align-items:start}.stage,.control-panel{border:1px solid var(--rain-line);border-radius:26px;background:var(--rain-paper);box-shadow:var(--rain-shadow)}.stage{padding:24px}.control-panel{padding:24px;position:sticky;top:18px}.stage-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.stage h2,.control-panel h2{margin:0;line-height:1.25}.rain-scene{position:relative;min-height:430px;border-radius:24px;background:linear-gradient(180deg,#eaf1ef 0 18%,#f8efe0 18% 100%);overflow:hidden;padding:52px 12% 58px}.container{position:relative;height:290px;border:7px solid rgba(76,111,121,.5);border-top:0;border-radius:0 0 34px 34px;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(220,235,232,.28));box-shadow:inset 16px 0 24px rgba(255,255,255,.42)}.cool-lid{position:absolute;z-index:4;top:38px;left:9%;right:9%;height:34px;border:5px solid #637f8e;border-radius:18px;background:#d8e4e5;color:#284b5d;text-align:center;font-weight:800;line-height:24px;box-shadow:0 8px 12px rgba(44,78,88,.15)}.cool-lid .drop{position:absolute;top:30px;width:13px;height:17px;border-radius:60% 60% 70% 70%;background:#5f90a8;opacity:0;transform:translateY(-8px) scale(.5)}.cool-lid .d1{left:18%}.cool-lid .d2{left:38%;width:9px;height:13px}.cool-lid .d3{right:30%}.cool-lid .d4{right:12%;width:10px;height:14px}.water{position:absolute;left:0;right:0;bottom:0;height:68px;border-radius:0 0 25px 25px;background:linear-gradient(#8fb7bd,#638f9e);color:#132f3b;text-align:center;padding-top:20px;font-weight:800}.warm-source{position:absolute;left:24%;right:24%;bottom:22px;height:38px;border-radius:50%;background:radial-gradient(ellipse,#edc26f 0,#e8a84e 45%,rgba(232,168,78,0) 72%);text-align:center;color:#67410c;font-weight:800}.warm-source i{display:block}.migration i{position:absolute;bottom:66px;width:2px;height:120px;background:linear-gradient(transparent,rgba(91,131,127,.48),transparent);opacity:0}.migration i:after{content:"";position:absolute;left:-4px;top:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid rgba(91,131,127,.6)}.migration i:nth-child(1){left:25%}.migration i:nth-child(2){left:50%;height:150px}.migration i:nth-child(3){left:75%;height:110px}.fall-zone{position:absolute;inset:40px 0 65px;overflow:hidden}.fall-zone i{position:absolute;top:0;width:8px;height:18px;border-radius:60% 60% 70% 70%;background:#5689a2;opacity:0}.fall-zone i:nth-child(1){left:25%}.fall-zone i:nth-child(2){left:53%;animation-delay:.12s}.fall-zone i:nth-child(3){left:77%;animation-delay:.24s}.phase-explanation{min-height:72px;margin:16px 0 0;border-left:5px solid var(--rain-sage);border-radius:10px;background:#f2f6ef;padding:13px 16px}.phase-explanation p,.boundary,.no-score,.model-note p{margin:0;line-height:1.65}.boundary{margin-top:14px;color:#3d5360;font-size:.92rem}.result{margin-top:14px;border-radius:12px;background:#e8f0e9;padding:14px;color:#224936}.control-panel fieldset{margin:20px 0 0;padding:0;border:0}.control-panel legend{font-weight:800}.choices{display:grid;gap:10px;margin-top:12px}.choice{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #bdc9c0;border-radius:14px;padding:8px 12px;background:#fff;color:var(--rain-ink);cursor:pointer}.choice:has(input:checked){border-color:#557b66;background:#eef5ec;box-shadow:0 0 0 2px rgba(85,123,102,.16)}.choice input{width:20px;height:20px;accent-color:#476f59}.choice span{display:grid}.choice small{color:var(--rain-muted)}.action-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.primary-action,.reset-button{min-height:48px;border-radius:13px;padding:10px 17px;font:inherit;font-weight:850}.primary-action{border:0;background:#315f4b;color:#fff}.primary-action:disabled{background:#9ba8a1;color:#f8f8f4}.reset-button{border:1px solid #879a8e;background:#fff;color:#203b2d}.no-score{margin-top:10px;color:var(--rain-muted);font-size:.9rem}.model-note{margin-top:18px;border-top:1px solid #d5ddd6;padding-top:16px}.model-note p{margin-top:5px;color:var(--rain-muted);font-size:.92rem}.primary-action:focus-visible,.reset-button:focus-visible,.choice:focus-within{outline:3px solid #b56e16;outline-offset:3px}
[data-phase="EVAPORATING"] .migration i{opacity:1;animation:rise 1.1s ease-in-out infinite}[data-phase="CONDENSING"] .cool-lid .drop,[data-phase="FALLING"] .cool-lid .drop,[data-phase="SETTLED"] .cool-lid .drop{opacity:1;transform:none;transition:opacity .3s,transform .35s}[data-phase="FALLING"] .fall-zone i{opacity:1;animation:fall .7s ease-in infinite}[data-phase="SETTLED"] .fall-zone i{opacity:.28;transform:translateY(140px)}@keyframes rise{0%{transform:translateY(22px);opacity:0}35%{opacity:.48}100%{transform:translateY(-12px);opacity:0}}@keyframes fall{from{transform:translateY(-12px)}to{transform:translateY(165px)}}
body.classroom-screen.cloud-rain-page{background:#f7f1e3;color:var(--rain-ink)}body.classroom-screen.cloud-rain-page .rain-main{width:min(1240px,calc(100% - 28px));padding-top:18px}body.classroom-screen.cloud-rain-page .stage,body.classroom-screen.cloud-rain-page .control-panel{background:#fffdf7;color:var(--rain-ink)}body.classroom-screen.cloud-rain-page .choice,body.classroom-screen.cloud-rain-page .control-panel legend{color:var(--rain-ink)}
@media(max-width:820px){.rain-main{width:min(100% - 24px,700px);padding-top:30px}.rain-lab{grid-template-columns:1fr}.control-panel{position:static;grid-row:1}.stage{grid-row:2}.rain-scene{min-height:390px;padding-inline:8%}.cool-lid{left:5%;right:5%}.stage-head{align-items:flex-start}.stage-head .phase-pill{flex:none}}
@media(max-width:460px){.rain-main{width:calc(100% - 16px)}.stage,.control-panel{padding:16px;border-radius:18px}.tool-heading h1{font-size:2.25rem}.rain-scene{min-height:350px;padding:48px 5% 52px}.container{height:250px}.cool-lid{left:3%;right:3%;font-size:.87rem}.action-row{grid-template-columns:1fr}.primary-action,.reset-button{width:100%;min-height:48px}.stage-head{display:grid}.phase-pill{width:max-content}.boundary{font-size:.87rem}}
body.cloud-rain-page.workbench-tool-detail :is(.classroom-screen-toggle,.fullscreen-button,.strip-button,.modal-close){min-width:44px;min-height:44px}body.cloud-rain-page.workbench-tool-detail :is(.classroom-screen-toggle,.fullscreen-button,.strip-button,.modal-close):focus-visible{outline:3px solid #b56e16;outline-offset:3px}
body.cloud-rain-page.workbench-tool-detail .site-brand,body.cloud-rain-page.workbench-tool-detail .site-links a{min-height:44px}body.cloud-rain-page.workbench-tool-detail .site-brand{padding-block:6px}body.cloud-rain-page.workbench-tool-detail .site-links a{padding-block:10px}
body.cloud-rain-page.workbench-tool-detail .stage-head.classroom-toolbar{border:1px solid #d6ddd4;background:#fffaf0;color:var(--rain-ink);box-shadow:0 8px 24px rgba(32,55,62,.08)}body.cloud-rain-page.workbench-tool-detail .stage-head.classroom-toolbar h2,body.cloud-rain-page.workbench-tool-detail .stage-head.classroom-toolbar .stage-title,body.cloud-rain-page.workbench-tool-detail .stage-head.classroom-toolbar .stage-kicker{color:var(--rain-ink)}body.cloud-rain-page.workbench-tool-detail .stage-head.classroom-toolbar :is(.classroom-screen-toggle,.fullscreen-button){border-color:#71827a;background:#fffdf7;color:#183044}
body.cloud-rain-page.workbench-tool-detail.classroom-screen .stage-head.classroom-toolbar{border-color:#b9c8bd;background:#fffaf0;color:var(--rain-ink);box-shadow:0 8px 24px rgba(32,55,62,.1)}body.cloud-rain-page.workbench-tool-detail.classroom-screen .stage-head.classroom-toolbar h2,body.cloud-rain-page.workbench-tool-detail.classroom-screen .stage-head.classroom-toolbar .stage-kicker,body.cloud-rain-page.workbench-tool-detail.classroom-screen .control-panel h2{color:var(--rain-ink)}body.cloud-rain-page.workbench-tool-detail.classroom-screen .stage-head.classroom-toolbar :is(.classroom-screen-toggle,.fullscreen-button){border-color:#60776b;background:#fffdf7;color:#183044}body.cloud-rain-page.workbench-tool-detail.classroom-screen .stage-head.classroom-toolbar .classroom-screen-toggle[aria-pressed="true"]{border-color:#315f4b;background:#e6efe7;color:#183f2d}body.cloud-rain-page.workbench-tool-detail.classroom-screen .result{background:#e8f0e9;color:#224936}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}