.app{--bg:#fbf5ec;--panel:#fff;--ink:#2e2a35;--muted:#8a8492;--sleep:#93a2e8;--feed:#f5a78d;--sleepy:#f4c964;--fussy:#ee93a6;--awake:#92cda5;--hero:#fde7d2;--on-act:#241f2e;--shadow:0 12px 24px -18px #5a3c1e73;--font:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", "Nunito", "Segoe UI", system-ui, sans-serif;--tabbar-h:calc(64px + env(safe-area-inset-bottom,0px));background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.3}.app[data-mode=asleep]{--bg:#1c1f35;--panel:#272b48;--ink:#f1ede6;--muted:#9c9fbd;--sleep:#7f8dd4;--feed:#c98a76;--sleepy:#c9a858;--fussy:#c07a8b;--awake:#f0d489;--hero:#30355a}body{margin:0}.app *,.app :before,.app :after{box-sizing:border-box}.a-sleep{--c:var(--sleep)}.a-feed{--c:var(--feed)}.a-sleepy{--c:var(--sleepy)}.a-fussy{--c:var(--fussy)}.a-awake{--c:var(--awake)}.screen{max-width:440px;padding:12px 16px calc(var(--tabbar-h) + 24px);margin:0 auto}.top{justify-content:space-between;align-items:center;gap:8px;padding:4px 2px 12px;display:flex}.who{flex-direction:column;gap:4px;min-width:0;display:flex}.name{margin:0;font-size:24px;font-weight:800;line-height:1}.date{color:var(--muted);font-size:13px}.body{flex-direction:column;gap:12px;display:flex}.card{background:var(--panel);box-shadow:var(--shadow);border-radius:24px}.state{text-transform:uppercase;letter-spacing:.09em;color:color-mix(in srgb, var(--ink) 62%, transparent);font-size:12px;font-weight:800}.timer{letter-spacing:-.02em;white-space:nowrap;font-size:34px;font-weight:800;line-height:1}.sub{color:color-mix(in srgb, var(--ink) 62%, transparent);text-align:right;white-space:nowrap;font-size:13px}.ic-wrap{flex:none;place-items:center;display:grid}.tbtn{font:inherit;background:var(--bg);color:var(--ink);text-align:center;cursor:pointer;border:0;border-radius:99px;margin:0;padding:9px 10px;font-size:13px;font-weight:800}.tbtn:disabled{opacity:.4;cursor:default}.tbtn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.loading{color:var(--muted);padding:24px 4px}.message{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;display:flex}.screen.log{padding-bottom:calc(var(--tabbar-h) + 168px)}.hero{flex-direction:column;display:flex;overflow:hidden}.scene{width:100%;height:auto;image-rendering:pixelated;display:block}.hero-row{justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.hero-l{flex-direction:column;gap:5px;display:flex}.hint{background:color-mix(in srgb, var(--hero) 72%, var(--panel));padding:10px 18px;font-size:13px;font-weight:600}.anim .f2{visibility:hidden;animation:1.1s step-end infinite frame2}.anim-asleep .f2{animation-duration:2.6s}.anim-feeding .f2{animation-duration:.9s}@keyframes frame2{0%{visibility:hidden}50%{visibility:visible}}.act{font:inherit;text-align:left;color:var(--on-act);background:color-mix(in srgb, var(--c) 30%, var(--panel));box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:24px;align-items:center;margin:0;display:flex}.act:disabled{cursor:default}.act:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.act .ic{color:color-mix(in srgb, var(--c) 72%, #3a2f45);display:block}.app[data-mode=asleep] .act .ic{color:color-mix(in srgb, var(--c) 62%, #fff)}.app[data-mode=asleep] .a-awake .ic{color:#b9791a}.primary{background:var(--c);border-radius:30px;gap:16px;min-height:100px;padding:16px 20px}.primary .ic-wrap{background:#ffffff9e;border-radius:22px;width:64px;height:64px}.act-txt{flex-direction:column;gap:6px;min-width:0;display:flex}.primary .lbl{font-size:26px;font-weight:800;line-height:1}.when{opacity:.78;font-size:13px}.acts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tile{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-height:100px;padding:10px 4px}.tile .ic-wrap{background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:18px;width:52px;height:52px}.tile .lbl{font-size:14px;font-weight:700}.app[data-mode=asleep] .tile{color:var(--ink)}.tile.off{opacity:.3}.last{color:var(--muted);align-items:center;gap:8px;margin:0;padding:2px 4px;font-size:13px;display:flex}.last-k{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.last-v{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.toast{left:50%;bottom:calc(var(--tabbar-h) + 12px);z-index:3;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;width:min(408px,100% - 32px);padding:12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 30px -14px #3c28148c}.toast-ic{background:var(--c);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.toast-ic .ic{color:#fff}.toast-txt{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.toast-txt b{font-size:14px}.toast-txt span{color:var(--muted)}.toast-acts{grid-column:1/-1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.failed .toast-ic{background:#c2453d}.tbar{color:var(--muted);white-space:nowrap;grid-column:1/-1;align-items:center;gap:8px;font-size:11px;display:flex}.tbar-track{background:color-mix(in srgb, var(--ink) 11%, transparent);border-radius:99px;flex:1;height:6px;overflow:hidden}.tbar-track i{border-radius:inherit;background:var(--ink);transform-origin:0;width:100%;height:100%;animation:6s linear forwards tfill;display:block}@keyframes tfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.anim .f2{animation:none}.tbar-track i{animation:none;transform:scaleX(.45)}}.gate{place-items:center;max-width:440px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:grid}.gate-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;padding:32px 22px 28px;display:flex}.gate-head{background:var(--hero);border-radius:28px;place-items:center;width:84px;height:84px;margin-bottom:4px;display:grid}.gate-head .avatar{width:56px;height:44px;image-rendering:pixelated;display:block}.gate-btn{width:100%;min-height:64px;font:inherit;color:var(--on-act);background:var(--awake);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:24px;margin-top:6px;padding:14px 20px;font-size:19px;font-weight:800}.gate-btn:disabled{opacity:.6;cursor:default}.gate-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.gate-text{color:var(--muted);flex-direction:column;gap:4px;margin:0;font-size:14px;display:flex}.gate-note{color:var(--muted);font-size:13px}.gate-quiet{color:var(--muted);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--muted) 45%, transparent);background:0 0}.account{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:24px;display:flex}.account-note{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.tabbar{width:min(440px,100%);height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);z-index:2;border-radius:26px 26px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 24px -18px #5a3c1e73}.tab{height:100%;font:inherit;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:11px;font-weight:700;display:flex}.tab .ic{display:block}.tab.on{color:var(--ink)}.tab.on .ic{color:var(--feed)}.tab:focus-visible{outline:3px solid var(--ink);outline-offset:-6px;border-radius:18px}.tbd{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.tbd b{font-size:20px;font-weight:800}.tbd span{color:var(--muted);font-size:13px}.tbd-ic{width:64px;height:64px;color:color-mix(in srgb, var(--sleepy) 72%, #3a2f45);background:color-mix(in srgb, var(--sleepy) 30%, var(--panel));border-radius:22px;place-items:center;margin-bottom:4px;display:grid}.now{align-items:center;gap:14px;padding:12px 16px;display:flex}.avatar{width:52px;height:auto;image-rendering:pixelated;flex:none;display:block}.now-txt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.now .timer{font-size:26px}.now .sub{text-align:left}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat{flex-direction:column;gap:4px;min-width:0;padding:11px 14px 12px;display:flex;position:relative}.stat:after{content:"";background:var(--c);border-radius:50%;width:10px;height:10px;position:absolute;top:13px;right:13px}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.stat .v{font-size:22px;font-weight:800;line-height:1.1}.stat .d{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tlc{padding:12px 14px 9px}.tl-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.tl-h h2{margin:0;font-size:13px;font-weight:800}.lg{color:var(--muted);white-space:nowrap;gap:8px;font-size:11px;font-weight:600;display:flex}.lg i{background:var(--c);border-radius:2px;width:9px;height:9px;margin-right:3px;display:inline-block}.lg i.dot{border-radius:50%}.tl{height:48px;margin:0 6px;position:relative}.tl-marks{height:10px;position:absolute;top:0;left:0;right:0}.tl-marks b{background:var(--c);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:0}.tl-lane{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:7px;height:13px;position:absolute;left:0;right:0}.tl-sleep{top:15px}.tl-feed{top:32px}.tl-lane i{background:var(--c);border-radius:inherit;min-width:3px;position:absolute;top:0;bottom:0}.tl-now{background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:10px;bottom:-2px}.tl-now:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-3px}.tl-axis{height:15px;color:var(--muted);margin:6px 6px 0;font-size:11px;position:relative}.tl-axis span{position:absolute;transform:translate(-50%)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{border-radius:20px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.row .ic-wrap{background:color-mix(in srgb, var(--c) 30%, var(--panel));border-radius:12px;width:36px;height:36px}.row .ic{color:color-mix(in srgb, var(--c) 72%, #3a2f45);display:block}.app[data-mode=asleep] .row .ic{color:color-mix(in srgb, var(--c) 62%, #fff)}.row .t{white-space:nowrap;font-weight:800}.row .when{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.row .dur{white-space:nowrap;font-weight:800}.none{color:var(--muted);margin:0;padding:4px}.export{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex}.export-btn{color:var(--muted);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--muted) 45%, transparent);background:0 0}.export-note{color:var(--muted);font-size:12px}