:root{--pond-950: #072628;--pond-900: #0b3234;--pond-800: #103d3f;--pond-700: #17494b;--pond-600: #205c5c;--panel: #0e3739;--panel-border: rgba(255, 244, 219, .1);--cream: #fff6e9;--cream-dim: #bfe4de;--cream-dimmer: #7fada7;--duck: #ffc857;--duck-light: #ffe08a;--coral: #ff8c61;--radius-lg: 28px;--radius-md: 16px;--radius-sm: 12px}.page{min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 120% 60% at 50% 0%,var(--pond-700) 0%,var(--pond-900) 55%,var(--pond-950) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(100px,calc(env(safe-area-inset-bottom) + 72px)) max(18px,env(safe-area-inset-left))}.page:before,.page:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}.page:before{width:min(60vw,480px);height:min(60vw,480px);top:-12%;right:-10%;background:radial-gradient(circle,rgba(255,200,87,.16) 0%,transparent 70%)}.page:after{width:min(70vw,560px);height:min(70vw,560px);bottom:-20%;left:-15%;background:radial-gradient(circle,rgba(255,140,97,.12) 0%,transparent 70%)}.pond-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(90px,18vh,170px);z-index:0;pointer-events:none}.pond-wave-back{fill:#8cd2c60f}.pond-wave-front{fill:#ffc8570d}.card{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:1}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.eyebrow{font-weight:800;font-size:clamp(28px,7vw,38px);color:var(--cream);letter-spacing:.01em}.tagline{margin-top:5px;font-size:12.5px;font-weight:600;color:var(--cream-dimmer);text-align:center;line-height:1.5}.duck-row{display:flex;justify-content:center;align-items:center;margin:8px 0 16px}.duck{width:clamp(150px,42vw,210px);height:auto;filter:drop-shadow(0 18px 26px rgba(5,30,30,.45))}.step{display:flex;flex-direction:column}.cue{font-weight:700;font-size:clamp(16px,3.6vw,18px);line-height:1.5;color:var(--cream);text-align:center;margin:0 0 14px;padding:0 2px}.cue em{color:var(--duck);font-style:italic}.recap{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--duck);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:18px}.recap-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--duck)}.recap-text{font-size:13px;font-weight:600;color:var(--cream-dim);line-height:1.5;white-space:pre-wrap}.notes{width:100%;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:14px 16px;color:var(--cream);font-size:16px;font-weight:500;font-family:inherit;resize:vertical;line-height:1.6;box-sizing:border-box}.notes-tall{min-height:180px}.notes::placeholder{color:var(--cream-dimmer);font-weight:500}.notes:focus{outline:none;border-color:var(--duck)}.notes-hint{margin:8px 2px 0;font-size:11.5px;font-weight:600;color:var(--cream-dimmer);line-height:1.5}.actions{display:flex;gap:10px;margin-top:18px}.ask-btn{flex:1;background:var(--duck);color:var(--pond-950);border:none;border-radius:999px;padding:15px 18px;font-weight:800;font-size:15px;cursor:pointer;min-height:50px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s ease}.ask-btn:hover{transform:translateY(-2px) scale(1.02);background:var(--duck-light)}.ask-btn:active{transform:translateY(0) scale(.97)}.ask-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:var(--duck)}.ask-btn:focus-visible,.reset-btn:focus-visible,.stuck-back:focus-visible,.startover-link:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.reset-btn{background:transparent;color:var(--cream-dimmer);border:1px solid var(--panel-border);border-radius:999px;padding:15px 18px;font-weight:700;font-size:13.5px;cursor:pointer;min-height:50px;transition:border-color .16s ease,color .16s ease}.reset-btn:hover{border-color:var(--cream-dimmer);color:var(--cream)}.startover-link{align-self:center;margin-top:14px;background:none;border:none;color:var(--cream-dimmer);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.startover-link:hover{color:var(--cream-dim)}.stuck{margin-top:18px;background:#ffc85712;border:1px solid rgba(255,200,87,.25);border-radius:var(--radius-md);padding:16px}.stuck-title{margin:0 0 12px;font-size:12.5px;font-weight:700;color:#f0cfa0;line-height:1.5}.stuck-list{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:9px}.stuck-item{font-size:13.5px;font-weight:500;color:var(--cream-dim);line-height:1.5}.stuck-back{margin-top:14px;background:none;border:none;color:var(--duck);font-size:12.5px;font-weight:700;cursor:pointer;padding:0}.stuck-back:hover{color:var(--duck-light)}.solved{display:flex;flex-direction:column}.solved-head{margin:0 0 6px;text-align:center;font-size:clamp(18px,4.4vw,21px);font-weight:800;color:var(--cream)}.solved-lead{margin:0 0 20px;text-align:center;font-size:13.5px;font-weight:600;line-height:1.55;color:var(--cream-dim)}.solved-block{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.solved-block .recap-label{display:block;margin-bottom:5px}.solved-text{margin:0;font-size:13.5px;color:var(--cream-dim);line-height:1.6;white-space:pre-wrap}@media (min-width: 640px){.card{max-width:560px}}@media (prefers-reduced-motion: reduce){.ask-btn{animation:none!important;transition:none!important}}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}