:root{--mint: #a8e6cf;--pink: #ffb7c5;--cream: #fff1b5;--ice: #bfe6f5;--wood: #e8c39e;--ink: #3a4256;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);color:var(--ink);font-family:Yuanti SC,Hiragino Maru Gothic ProN,PingFang SC,sans-serif;font-size:28pt}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ice);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body{position:fixed;inset:0}canvas{touch-action:none;display:block}button,input,textarea{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text;touch-action:auto}.py{display:none;font-size:18pt;letter-spacing:.04em;opacity:.75}.show-pinyin .py{display:block}.label{display:flex;flex-direction:column;align-items:center;gap:2px}#stage,#overlay,#fade,#phase-tint{position:fixed;inset:0}#stage{z-index:1}#phase-tint{z-index:4;pointer-events:none}#phase-tint.dawn{background:#ffc4b047}#phase-tint.dusk{background:#ff9c604d}#phase-tint.night{background:#18285461}#fade{z-index:14;background:#fff6ea;opacity:0;pointer-events:none;transition:opacity .45s ease}#overlay{z-index:20;pointer-events:none}#overlay>*{pointer-events:auto}.hidden{display:none!important}.hud{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;justify-content:space-between;pointer-events:none}.hud-cluster{display:flex;gap:16px;align-items:center;pointer-events:none}.hud-cluster>*{pointer-events:auto}.icon-btn,.text-btn,.go-btn,.slot,.piece,.channel,.q-btn,.key,.switch,.choice,.enter-btn{border:4px solid var(--ink);background:#fff;border-radius:28px;min-width:72px;min-height:72px;padding:8px 16px;box-shadow:0 6px #3a425626}.icon-btn{width:96px;height:96px;border-radius:32px;background:var(--cream);position:relative}.bag-btn{background:var(--cream)}.gear-btn{background:conic-gradient(var(--pink) calc(var(--hold, 0) * 360deg),var(--cream) 0);font-size:40px}.badge,.count{position:absolute;top:-6px;right:-6px;min-width:36px;height:36px;border-radius:18px;background:var(--pink);border:3px solid var(--ink);font-size:22px;display:grid;place-items:center}.hearts,.phase-pill{min-width:72px;min-height:72px;padding:8px 14px;border-radius:28px;background:#fff;border:4px solid var(--ink);display:grid;place-items:center;font-size:32px}.sheet,.drawer,.remote,.dream,.bird,.session,.gate{position:absolute;left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));background:#fff8eef5;border:4px solid var(--ink);border-radius:36px;padding:16px;max-height:calc(100dvh - 120px - var(--safe-top));overflow:auto;touch-action:pan-y}.drawer{left:auto;top:calc(16px + var(--safe-top));width:min(520px,46vw)}.parent{top:calc(16px + var(--safe-top))}.gate{z-index:5;width:min(640px,90vw);margin:auto;top:18%;bottom:auto}.dream,.bird,.session{top:18%;bottom:auto;text-align:center}.remote{background:#fff1b5f5}.panel-head,.choice-row,.remote-row,.pager,.piece-row,.type-row,.set-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.set-row{justify-content:space-between}.grid-8{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:16px}.slot{position:relative;min-height:120px;background:#fff}.slot-emoji,.slot{font-size:48px}.piece{min-width:140px;background:#fff}.piece.on,.channel.on,.choice.on,.switch.on,.go-btn,.enter-btn{background:var(--pink)}.power{background:#ffd0d8}.pot{width:180px;height:180px;border-radius:50%;border:4px solid var(--ink);background:#4b5568;display:flex;align-items:center;justify-content:center;gap:8px}.pot.boiling{animation:boil .4s infinite alternate}.cook-row{display:flex;gap:16px;align-items:center}.knob{width:140px;height:140px;margin:8px auto;border-radius:50%;border:4px solid var(--ink);background:radial-gradient(circle at 35% 35%,#fff,var(--wood) 55%,#c98662);touch-action:none}.knob:after{content:"";display:block;width:10px;height:46px;margin:12px auto;background:var(--ink);border-radius:8px}.q-btn{width:100%;justify-content:flex-start;text-align:left;background:#fff}.reply,.story-text,.dream-text,.empty-note,.parent-note{font-size:28pt;line-height:1.45}.story-text{max-height:140px;overflow:auto}.now-title{margin:0 0 8px;text-align:center}.nope{margin:8px auto;width:fit-content;padding:8px 16px;border-radius:24px;background:var(--cream);border:4px solid var(--ink)}.keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.key{font-size:36px}.math{font-size:64px;text-align:center;margin:8px 0}.math-answer{min-height:64px;text-align:center;font-size:48px}.save-code{width:100%;min-height:88px;border-radius:20px;border:4px solid var(--ink);padding:8px}.danger{background:#ffd5dc}.guide{margin-top:8px}.guide ol{margin:8px 0 0;padding-left:1.2em}.switch{min-width:96px}input[type=range]{width:100%;height:48px;accent-color:#ffb7c5}.toast{position:absolute;top:calc(100px + var(--safe-top));left:50%;transform:translate(-50%);background:#fff;border:4px solid var(--ink);border-radius:28px;padding:12px 20px}.yawn,.bird-face{font-size:72px}.shake{animation:shake .35s linear}.cover{position:absolute;inset:0;background:linear-gradient(#bfe6f5,#fff8ee 55%,#a8e6cf);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:opacity .45s ease}.cover.leave{opacity:0}.cover h1,.cover p{margin:0}.enter-btn{min-width:280px;min-height:96px;font-size:36px}.cover-bobo{width:160px;height:180px;border-radius:80px 80px 70px 70px;background:#3a4256;position:relative;animation:bob 1.6s ease-in-out infinite}.cover-bobo:before,.cover-bobo:after{content:"";position:absolute;top:48px;width:36px;height:28px;background:#fffdf8;border-radius:50%}.cover-bobo:before{left:36px}.cover-bobo:after{right:36px}#tv-player,#slide-player,#tv-rest{position:fixed;z-index:8;display:none;object-fit:cover;background:#1b2433;border-radius:12px;border:0}#tv-player.is-on,#slide-player.is-on,#tv-rest.is-on{display:block}#tv-player.fullscreen,#slide-player.fullscreen,#tv-rest.fullscreen{left:var(--safe-left)!important;top:var(--safe-top)!important;width:calc(100vw - var(--safe-left) - var(--safe-right))!important;height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 180px)!important;border-radius:0}#tv-rest{color:#fff;display:none;place-items:center;font-size:32px}#tv-rest.is-on{display:grid}#voice-player,#radio-player{display:none}.drag-ghost{position:fixed;z-index:40;width:88px;height:88px;margin:0;pointer-events:none;display:grid;place-items:center;font-size:48px}.fly-emoji,.confetti{position:fixed;z-index:30;pointer-events:none}.fly-emoji{font-size:56px;transition:left .6s ease,top .6s ease,transform .6s ease,opacity .6s ease}.confetti{width:14px;height:22px;border-radius:8px;animation:pop .8s ease-out forwards}#portrait{display:none;position:fixed;inset:0;z-index:80;background:#bfe6f5;align-items:center;justify-content:center;text-align:center}.tilt-card{display:flex;flex-direction:column;align-items:center;gap:12px}.tilt-bobo{width:140px;height:160px;border-radius:70px;background:#3a4256;animation:tilt 1.4s ease-in-out infinite}.tilt-text{font-size:40px;margin:0}@media(orientation:portrait){#portrait{display:flex}}@keyframes bob{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes tilt{50%{transform:rotate(18deg)}}@keyframes boil{to{transform:translateY(-6px) scale(1.04)}}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) rotate(40deg);opacity:0}}