html,body{overscroll-behavior:none;color:#f8fbff;background:#07101f;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scroll-patrol{--cyan:#8ff8ff;--blue:#3aa7ff;--amber:#ffc36f;--danger:#ff5d61;--phone-glow:.45;box-sizing:border-box;isolation:isolate;background:linear-gradient(180deg, #05091433, #0509149e), var(--bedroom-bg,radial-gradient(circle at 70% 25%, #324264, #081223 70%));background-position:50%;background-size:cover;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(.35rem,1.15cqh,.75rem);width:100%;min-width:0;height:100%;min-height:0;padding:clamp(.55rem,2cqw,1.05rem);display:grid;position:relative;overflow:hidden;container-type:size}.scroll-patrol:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 73%, rgb(143 248 255/calc(var(--phone-glow) * .45)), transparent 26%), linear-gradient(90deg, #040c1cc7, transparent 42%, #040c1c8a);pointer-events:none;position:absolute;inset:0}.scroll-patrol.is-caught{animation:.28s linear 2 caughtShake}.sp-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.3rem,1.2cqw,.6rem);min-width:0;display:grid}.sp-hud>div,.sp-door-status{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a16b8;border:.08rem solid #d2e7ff29;border-radius:.85rem;overflow:hidden;box-shadow:inset 0 0 1rem #ffffff0d}.sp-hud>div{min-height:3.15rem;padding:.42rem .48rem}.sp-hud span{color:#e2ecf8b8;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(.58rem,2.2cqw,.78rem);font-weight:850;line-height:1;display:block}.sp-hud strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.02rem,4.5cqw,1.65rem);font-weight:950;line-height:1.08;display:block;overflow:hidden}.sp-clock{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.15rem;display:grid;background:#02050cd1!important}.sp-clock span{color:var(--amber);padding-bottom:.12rem;font-size:clamp(.64rem,2.1cqw,.86rem)}.sp-door-status{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.42rem .58rem .62rem;display:grid}.sp-door-status span,.sp-door-status b{font-size:clamp(.78rem,3cqw,1rem);line-height:1}.sp-door-status b{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.sp-door-status i{background:#ffffff1a;border-radius:999px;grid-column:1/-1;height:.28rem;display:block;overflow:hidden}.sp-door-status em{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--amber), var(--danger));transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block;transform:scaleX(0)}.is-warning .sp-door-status{border-color:#ffc36fb3;box-shadow:0 0 1rem #ffc36f47}.is-open .sp-door-status,.is-caught .sp-door-status{border-color:#ff5d61b8;box-shadow:0 0 1.2rem #ff5d6157}.sp-dad{z-index:1;object-fit:contain;filter:drop-shadow(0 0 1.2rem #ffb9608c);opacity:0;pointer-events:none;width:clamp(7rem,33cqw,13rem);max-height:43%;transition:opacity .18s,transform .18s;position:absolute;top:18%;right:clamp(6%,12cqw,18%);transform:translateY(-.8rem)scale(.88)}.is-open .sp-dad,.is-caught .sp-dad{opacity:1;transform:translateY(0)scale(1)}.sp-bed-zone{place-items:end center;min-height:0;padding-bottom:clamp(.15rem,1cqh,.6rem);display:grid;position:relative}.sp-phone{z-index:2;width:min(64cqw,18.5rem);height:min(58cqh,30rem);min-height:18rem;box-shadow:0 0 calc(1.5rem * var(--phone-glow)) #8ff8ffcc, 0 0 calc(5rem * var(--phone-glow)) #29e7ff75, 0 1.2rem 2rem #0000006b;background:#dff8f7;border:clamp(.55rem,2cqw,.78rem) solid #07101d;border-radius:clamp(1.5rem,6cqw,2.25rem);grid-template-rows:auto minmax(0,1fr) auto;transition:transform .15s,filter .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;transform:translateY(0)rotate(0)}.is-hiding .sp-phone{filter:brightness(.18)saturate(.35);transform:translateY(2.1rem)rotate(-7deg)scale(.88);box-shadow:0 0 .8rem #00000080}.sp-phone-top{color:#43606a;background:#efffff;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;padding:.45rem .62rem .35rem;display:grid}.sp-phone-top span{background:#122333;border-radius:999px;justify-self:center;width:3rem;height:.42rem}.sp-phone-top b{font-size:.82rem;font-weight:950}.sp-phone-top i{border-top:.18rem solid;border-bottom:.18rem solid;justify-self:end;width:1rem;height:.7rem}.sp-feed-window{touch-action:none;cursor:grab;background:linear-gradient(#eaffff,#bfeeed);min-height:0;overflow:hidden}.sp-feed-window:active{cursor:grabbing}.sp-feed-track{will-change:transform;gap:.55rem;padding:.65rem;display:grid}.sp-post{color:#233c48;background:#ffffffdb;border-radius:.72rem;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:4.45rem;padding:.48rem;display:grid;box-shadow:0 .35rem .9rem #508c9629}.sp-post canvas{background:#c8eeee;border-radius:.65rem;width:3.2rem;height:3.2rem}.sp-post strong,.sp-post span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sp-post strong{letter-spacing:-.025em;font-size:clamp(.76rem,3.2cqw,1rem);font-weight:950}.sp-post span{color:#5f7b86;margin-top:.16rem;font-size:clamp(.57rem,2.2cqw,.76rem);font-weight:750}.sp-post>b{color:#4a98a4;font-size:1.2rem}.sp-glow-meter{background:#1c3442;height:.46rem;overflow:hidden}.sp-glow-meter span{transform-origin:0;background:linear-gradient(90deg,#61e8ff,#ffe68a,#ff6265);width:100%;height:100%;display:block;transform:scaleX(.2)}.sp-hide{z-index:3;color:#f7fbff;width:min(18rem,68%);min-height:3.65rem;font:inherit;cursor:pointer;background:linear-gradient(#596a88eb,#36425cf2);border:.12rem solid #e6f0ff57;border-radius:999px;grid-template-columns:auto auto;justify-self:center;align-items:center;gap:.5rem;margin-bottom:clamp(.1rem,1cqh,.5rem);display:grid;box-shadow:0 .9rem 1.4rem #00000052,inset 0 0 1rem #ffffff1a}.sp-hide span{text-indent:120%;clip-path:polygon(50% 0,100% 18%,86% 78%,50% 100%,14% 78%,0 18%);opacity:.86;border:.16rem solid;border-radius:.55rem .55rem .8rem .8rem;justify-self:end;width:1.8rem;height:1.8rem;overflow:hidden}.sp-hide strong{letter-spacing:.03em;justify-self:start;font-size:clamp(1.1rem,5cqw,1.55rem);font-weight:950}.is-hiding .sp-hide{background:linear-gradient(#253047,#141b2d);transform:translateY(.08rem);box-shadow:0 0 1.2rem #8ff8ff38,inset 0 0 1rem #ffffff0d}.sp-overlay,.sp-results{z-index:8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#03071040;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.sp-start,.sp-results-panel{color:#fff;text-align:center;background:#050a16c2;border:.11rem solid #8ff8ff7a;border-radius:1.25rem;width:min(24rem,86%);padding:1rem 1.15rem;box-shadow:0 0 1.6rem #8ff8ff38,inset 0 0 1.2rem #ffffff14}.sp-start{cursor:pointer}.sp-start:disabled{cursor:wait;filter:saturate(.7)}.sp-start strong,.sp-results-panel strong{color:var(--cyan);margin-bottom:.25rem;font-size:clamp(1.25rem,5.8cqw,2rem);font-weight:1000;line-height:1.05;display:block}.sp-start span,.sp-results-panel span,.sp-results-panel p{margin:0;font-size:clamp(.86rem,2.9cqw,1.02rem);font-weight:850;line-height:1.25;display:block}.sp-results-panel span{color:var(--amber);text-transform:uppercase;letter-spacing:.08em}.sp-results-panel button{color:#07101f;background:linear-gradient(90deg, var(--cyan), var(--amber));font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:.85rem;padding:.72rem 1.35rem;font-weight:950}.sp-toast{z-index:9;color:#06101e;background:var(--amber);pointer-events:none;border-radius:999px;padding:.42rem .72rem;font-weight:950;position:absolute;top:44%;left:50%;transform:translate(-50%);box-shadow:0 0 1rem #ffc36f8f}@keyframes caughtShake{0%,to{transform:translate(0)}25%{transform:translate(-.35rem)}75%{transform:translate(.35rem)}}@container (height<=640px){.sp-phone{height:min(54cqh,25rem);min-height:15rem}.sp-post{min-height:3.75rem}}@container (width<=350px){.sp-phone{width:72cqw}.sp-hud>div{padding-inline:.32rem}}