:root{--sky-top:#cdeef7;--sky-bottom:#a8dcef;--sea-top:#4ea8d8;--sea-mid:#2a6f97;--sea-deep:#1b4965;--foam:#eaf7fb;--ink:#173a4f;--sludge:#4b3b59;--accent:#ff8a5c;--accent-press:#f2723f;--note:#fff3b0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);background:var(--sky-top);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}.stage{background:linear-gradient(180deg, var(--sky-top) 0%, #c2e7f3 55%, #b3e2f0 100%);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.sea{background:linear-gradient(180deg, var(--sea-top) 0%, var(--sea-mid) 42%, var(--sea-deep) 100%);z-index:1;pointer-events:none;width:100%;height:66vh;transition:transform .65s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;left:0;transform:translateY(103%)}.stage.sea-up .sea{transform:translateY(0)}.waves{pointer-events:none;width:100%;height:60px;position:absolute;top:-12px;left:0}.wave{opacity:.7;background-repeat:repeat-x;width:200%;height:100%;position:absolute;left:0}.wave-back{opacity:.45;animation:13s linear infinite drift}.wave-front{animation:8s linear infinite reverse drift}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{z-index:3;text-align:center;margin-top:clamp(14px,5vh,48px);padding:0 16px;position:relative}.header h1{letter-spacing:-.02em;margin:0;font-size:clamp(22px,4.4vw,38px)}.header p{opacity:.75;margin:4px 0 0;font-size:clamp(13px,2.2vw,16px)}.blobby-zone{z-index:2;touch-action:manipulation;flex:1;justify-content:center;align-items:center;width:100%;max-width:460px;display:flex;position:relative}.blobby-tap{cursor:pointer;filter:drop-shadow(0 18px 22px #0f324647);width:min(70vw,300px)}.bubble{color:var(--ink);white-space:nowrap;pointer-events:none;background:#fff;border-radius:16px;padding:6px 14px;font-size:clamp(14px,3vw,18px);font-weight:700;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0f32462e}.bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.controls{z-index:4;width:100%;max-width:460px;padding:0 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.dump-btn{appearance:none;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-press));width:100%;box-shadow:0 10px 0 var(--accent-press), 0 16px 22px #f2723f66;cursor:pointer;border:0;border-radius:22px;padding:18px 24px;font-size:clamp(18px,4.4vw,22px);font-weight:800;transition:transform 60ms,box-shadow 60ms,opacity .2s}.dump-btn:active{box-shadow:0 4px 0 var(--accent-press), 0 8px 14px #f2723f66;transform:translateY(6px)}.dump-btn:disabled{opacity:.45;cursor:default;box-shadow:0 6px #0000001f}.dump-btn.ready{animation:1.1s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.compose{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;display:flex}.compose-hint{opacity:.8;text-align:center;font-size:13px}.compose-hint kbd{font:inherit;background:#ffffffd9;border-radius:5px;padding:0 5px;font-size:12px;font-weight:700;box-shadow:0 1px #0f324640}.compose-box{background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 14px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 8px 20px #0f324638}.compose-box:focus-within{border-color:var(--accent);transform:translateY(-1px)}.compose-box .lead{font-size:18px;line-height:1}.compose-box input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:16px}.compose-box input::placeholder{color:#173a4f73}.add-btn{appearance:none;background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:5px;padding:9px 13px;font-size:15px;font-weight:800;transition:background .15s,transform 60ms;display:flex}.add-btn:active{transform:scale(.94)}.add-btn:disabled{cursor:default;background:#cdd8de}.add-btn .ent{opacity:.85;font-size:13px}.cards-layer{z-index:3;pointer-events:none;position:fixed;inset:0}.stress-card{transform-origin:bottom;will-change:transform, opacity;background:#fffdf5;border:1px solid #0000000f;border-radius:7px;justify-content:center;align-items:center;width:96px;height:30px;margin-top:-30px;margin-left:-48px;display:flex;position:fixed;box-shadow:0 3px 7px #0f32464d}.stress-card.named{background:var(--note)}.card-text{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:84px;padding:0 6px;font-size:13px;font-weight:700;overflow:hidden}.card-doodle{font-size:16px}.card-more{background:var(--ink);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:32px;height:22px;margin-top:-78px;margin-left:-16px;font-size:12px;font-weight:800;display:flex;position:fixed;box-shadow:0 3px 7px #0f32464d}.counter{color:var(--ink);align-items:center;gap:22px;font-size:clamp(12px,2.6vw,14px);transition:color .4s;display:flex}.stage.sea-up .counter{color:#fff;text-shadow:0 1px 4px #00000040}.counter b{font-variant-numeric:tabular-nums;font-size:clamp(16px,3.6vw,20px);display:block}.counter .label{opacity:.8}.affirm{z-index:5;pointer-events:none;color:#fff;text-shadow:0 2px 18px #00000059;text-align:center;justify-content:center;align-items:center;padding:0 24px;font-size:clamp(20px,5vw,30px);font-weight:800;display:flex;position:fixed;inset:0}.sound-toggle{top:calc(12px + env(safe-area-inset-top));z-index:6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:0;border-radius:50%;width:42px;height:42px;font-size:18px;position:fixed;right:14px;box-shadow:0 4px 10px #0f324633}.splash-canvas{z-index:5;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.wave-back,.wave-front,.dump-btn.ready{animation:none}}