*{margin:0;padding:0}img{display:block}button{cursor:pointer;border:none;background:none}button,input,textarea{font:inherit;color:inherit}:root{--r:12px}@property --wall{syntax:"<color>";inherits:true;initial-value:#ffd2e2}@property --wall-2{syntax:"<color>";inherits:true;initial-value:#ffbdd4}@property --wall-deep{syntax:"<color>";inherits:true;initial-value:#ffaecb}@property --floor{syntax:"<color>";inherits:true;initial-value:#ffc3da}@property --gingham{syntax:"<color>";inherits:true;initial-value:#ff9ec6}@property --panel{syntax:"<color>";inherits:true;initial-value:#fff6ec}@property --panel-2{syntax:"<color>";inherits:true;initial-value:#ffeede}@property --line{syntax:"<color>";inherits:true;initial-value:#f0a8c6}@property --line-soft{syntax:"<color>";inherits:true;initial-value:#f7c7da}@property --ink{syntax:"<color>";inherits:true;initial-value:#9b4f72}@property --ink-soft{syntax:"<color>";inherits:true;initial-value:#c07e9c}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff5e9c}@property --accent-2{syntax:"<color>";inherits:true;initial-value:#ff92be}@property --accent-deep{syntax:"<color>";inherits:true;initial-value:#e23e7e}@property --title-1{syntax:"<color>";inherits:true;initial-value:#ff7eb3}@property --title-2{syntax:"<color>";inherits:true;initial-value:#ff5e9c}@property --sky-1{syntax:"<color>";inherits:true;initial-value:#ffd9ee}@property --sky-2{syntax:"<color>";inherits:true;initial-value:#ffeaf5}@property --cloud{syntax:"<color>";inherits:true;initial-value:#fff4fb}@property --shelf{syntax:"<color>";inherits:true;initial-value:#e89cbf}@property --shelf-2{syntax:"<color>";inherits:true;initial-value:#d77ba6}html{transition:--wall .7s ease,--wall-2 .7s ease,--wall-deep .7s ease,--floor .7s ease,--gingham .7s ease,--panel .7s ease,--panel-2 .7s ease,--line .7s ease,--line-soft .7s ease,--ink .7s ease,--ink-soft .7s ease,--accent .7s ease,--accent-2 .7s ease,--accent-deep .7s ease,--title-1 .7s ease,--title-2 .7s ease,--sky-1 .7s ease,--sky-2 .7s ease,--cloud .7s ease,--shelf .7s ease,--shelf-2 .7s ease}[data-theme=pink]{--wall:#ffd2e2;--wall-2:#ffbdd4;--wall-deep:#ffaecb;--floor:#ffc3da;--gingham:#ff9ec6;--title-1:#ff7eb3;--title-2:#ff5e9c;--sky-1:#ffd9ee;--sky-2:#ffeaf5;--cloud:#fff4fb;--shelf:#e89cbf;--shelf-2:#d77ba6}[data-theme=night]{--wall:#c9779a;--wall-2:#ba6a8d;--wall-deep:#aa5e80;--floor:#cd7997;--gingham:#ab5d7e;--panel:#fdf1f3;--panel-2:#f6e2e9;--line:#d995b2;--line-soft:#ecc1d2;--ink:#7e3f63;--ink-soft:#b27791;--accent:#d8508f;--accent-2:#ea86b5;--accent-deep:#a93a6f;--title-1:#b95f8a;--title-2:#97486e;--sky-1:#181a45;--sky-2:#353272;--cloud:#4f4b8a;--shelf:#b2658a;--shelf-2:#8e4c6c}body,html{height:100%}body{font-family:var(--pixel);background:#e9c4ef;display:grid;place-items:center;min-height:100vh;padding:22px;color:var(--ink);overflow-x:hidden}body:after,body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transition:opacity .7s ease}body:before{background:radial-gradient(120% 120% at 50% 0,#ffe3f1 0,#f6d6ef 45%,#e9c4ef 100%);opacity:1}body:after{background:radial-gradient(120% 120% at 50% 0,#4b3d77 0,#382e60 45%,#251e49 100%);opacity:0}[data-theme=night] body{background:#251e49}[data-theme=night] body:before{opacity:0}[data-theme=night] body:after{opacity:1}.pixelated,.sprite,.sprite svg{image-rendering:pixelated;image-rendering:crisp-edges}.bldg,.bwin{transition:background-color .7s ease,border-color .7s ease}#app{width:100%;max-width:1180px}.win{border-radius:14px;background:var(--panel);box-shadow:0 0 0 3px var(--ink),0 14px 0 -2px rgba(120,60,90,.18),0 26px 60px rgba(120,50,90,.35);overflow:hidden;position:relative}.titlebar{height:44px;background:linear-gradient(var(--title-1),var(--title-2));border-bottom:3px solid var(--ink);display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff}.titlebar .tb-logo{width:24px;height:auto}.titlebar .tb-name{font-weight:700;font-size:17px;letter-spacing:.04em;text-shadow:0 2px 0 rgba(150,40,90,.45);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar .tb-name small{font-family:var(--label);font-size:9px;opacity:.85;margin-left:6px;letter-spacing:0}.tb-controls{display:flex;gap:6px}.tb-dot{width:22px;height:22px;border-radius:6px;background:hsla(0,0%,100%,.85);box-shadow:0 0 0 2px rgba(150,40,90,.5),0 3px 0 rgba(150,40,90,.35);color:var(--accent-deep);display:grid;place-items:center;font-size:13px;font-weight:700;transition:transform .08s}.tb-dot:active{transform:translateY(2px);box-shadow:0 0 0 2px rgba(150,40,90,.5)}.win-body{display:grid;grid-template-columns:116px 1fr;min-height:640px}.sidebar{background:linear-gradient(var(--panel-2),var(--panel));border-right:3px solid var(--line);padding:16px 8px;gap:6px}.nav-item,.sidebar{display:flex;flex-direction:column;align-items:center}.nav-item{width:92px;padding:9px 4px 7px;border-radius:12px;gap:4px;color:var(--ink-soft);transition:transform .1s,background .15s;position:relative}.nav-item .ni-label{font-family:var(--label);font-size:8.5px;letter-spacing:.02em}.nav-item:hover{transform:translateY(-2px);color:var(--ink)}.nav-item.active{background:var(--panel);color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-2),0 4px 0 rgba(150,40,90,.18)}.nav-spacer{flex:1 1}.stage{position:relative;overflow:hidden;background:var(--wall)}.room-wall{z-index:0;background:linear-gradient(var(--wall) 0,var(--wall-2) 62%,var(--wall-deep) 100%)}.room-dim,.room-wall{position:absolute;inset:0}.room-dim{pointer-events:none;z-index:3;background:radial-gradient(90% 70% at 70% 40%,rgba(40,30,80,0) 0,rgba(30,20,70,.42) 100%);mix-blend-mode:multiply;opacity:0;transition:opacity .7s ease}[data-time=night] .room-dim{opacity:1}:root{--floor-h:96px}.scene-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:22px;padding-bottom:calc(var(--floor-h) + 46px);z-index:5;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 72px),transparent calc(100% - 14px));mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 72px),transparent calc(100% - 14px))}.scene-scroll::-webkit-scrollbar{width:12px}.scene-scroll::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:10px;border:3px solid var(--panel)}.scene-scroll::-webkit-scrollbar-track{background:transparent}.panel{background:var(--panel);border-radius:var(--r);box-shadow:0 0 0 3px var(--line),0 5px 0 rgba(150,40,90,.16),0 10px 22px rgba(150,50,90,.16);padding:18px;position:relative}.panel-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--accent-deep);margin-bottom:12px}.panel-head .ph-ico{width:22px;height:auto}.pix-btn{transition:transform .08s,box-shadow .08s;text-shadow:0 1px 0 rgba(150,40,90,.4)}.pix-btn:hover{filter:brightness(1.04)}.pix-btn.ghost{background:var(--panel);color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-2),0 4px 0 var(--accent-2);text-shadow:none}.pix-btn.sm{font-size:12px;padding:5px 10px;box-shadow:0 0 0 2px var(--accent-deep),0 3px 0 var(--accent-deep)}.pix-btn.sm:active{transform:translateY(3px);box-shadow:0 0 0 2px var(--accent-deep)}.pix-area,.pix-input{width:100%;background:#fff;border-radius:8px;box-shadow:inset 0 0 0 2px var(--line);padding:9px 11px;font-size:14px;color:var(--ink);outline:none}.pix-area::placeholder,.pix-input::placeholder{color:var(--line)}.pix-area:focus,.pix-input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.pix-area{resize:vertical;min-height:88px;line-height:1.5}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--label);font-size:9px;text-transform:uppercase;background:var(--panel-2);color:var(--ink-soft);padding:4px 8px;border-radius:20px;box-shadow:inset 0 0 0 2px var(--line-soft)}@keyframes floatHeart{0%{transform:translateY(0) scale(.6);opacity:0}18%{opacity:1}to{transform:translateY(-90px) scale(1.1);opacity:0}}.heart-pop{position:fixed;z-index:9999;pointer-events:none;animation:floatHeart 1.1s var(--ease,cubic-bezier(.2,.8,.3,1)) forwards}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.sparkle{position:absolute;animation:twinkle 2.6s ease-in-out infinite}@keyframes bob-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%{transform:translateX(-30px)}to{transform:translateX(40px)}}@keyframes popIn{0%{transform:translateY(14px) scale(.985)}to{transform:none}}.pop-in{animation:popIn .5s cubic-bezier(.2,.9,.3,1) both}@media (prefers-reduced-motion:reduce){.pop-in{animation:none}}.scene-window{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 0 0 6px var(--shelf),0 0 0 9px var(--shelf-2),0 6px 14px rgba(120,40,80,.25)}.scene-window .sky{position:absolute;inset:0;background:linear-gradient(var(--sky-1),var(--sky-2));transition:background .6s}.win-mullion-v{top:0;bottom:0;left:50%;width:5px;margin-left:-2.5px}.win-mullion-h,.win-mullion-v{position:absolute;background:var(--shelf-2)}.win-mullion-h{left:0;right:0;top:50%;height:5px;margin-top:-2.5px}.row.wrap{flex-wrap:wrap}.col{gap:10px}.center{display:grid;place-items:center}.photo-frame{background:#fff;padding:8px 8px 26px;border-radius:6px;box-shadow:0 0 0 3px var(--line),0 6px 0 rgba(150,40,90,.14),0 8px 18px rgba(150,50,90,.2);transform:rotate(var(--rot,-2deg));transition:transform .2s}.photo-frame:hover{transform:rotate(0) translateY(-4px) scale(1.02)}.photo-frame .cap{font-family:var(--label);font-size:8.5px;text-align:center;margin-top:7px;color:var(--ink-soft)}.photo-frame .ph-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;background:var(--panel-2)}.stars{display:inline-flex;gap:2px}.decor{position:absolute;inset:0;z-index:1;pointer-events:none}.bob{animation:bob 3.4s ease-in-out infinite}.bob-slow{animation:bob-slow 4.6s ease-in-out infinite}.win-frame{left:26px;top:26px;width:196px;height:232px}.scene-window .sill{position:absolute;left:-8px;right:-8px;bottom:-14px;height:16px;background:var(--shelf-2);border-radius:4px;box-shadow:0 4px 0 rgba(120,40,80,.25)}.cloud-wrap{position:absolute;animation:drift linear infinite alternate}.tinystar{position:absolute;width:4px;height:4px;background:#fff;box-shadow:0 0 4px #fff;border-radius:1px;animation:twinkle 2.4s ease-in-out infinite}.skyline{position:absolute;left:0;right:0;bottom:0;height:48%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0 4px}.bldg{position:relative;background:color-mix(in srgb,var(--wall-deep) 62%,#6a3a72);border-top:2px solid color-mix(in srgb,var(--wall-deep) 40%,#5a2a62);border-radius:2px 2px 0 0}[data-time=night] .bldg{background:#2a2150;border-top-color:#1c1640}.bldg.spire:before{content:"";position:absolute;left:50%;top:-8px;width:3px;height:8px;transform:translateX(-50%);background:inherit}.bwins{position:absolute;inset:6px 4px 4px;display:grid;grid-gap:2px 3px;gap:2px 3px;align-content:start}.bwin{width:100%;aspect-ratio:1;background:hsla(0,0%,100%,.12);border-radius:1px}[data-time=night] .bwin{background:rgba(255,235,150,.1)}[data-time=night] .bwin.lit{background:#ffe07a;box-shadow:0 0 3px rgba(255,220,120,.8)}.bookshelf{position:absolute;right:20px;top:40px;width:178px}.shelf-row{display:flex;align-items:flex-end;justify-content:flex-start;gap:2px;height:58px;padding:0 8px}.book{width:9px;border-radius:2px 2px 0 0;box-shadow:inset -2px 0 0 rgba(0,0,0,.14),inset 2px 0 0 hsla(0,0%,100%,.25);align-self:flex-end}.book.lean{transform:rotate(-9deg);transform-origin:bottom}.shelf-prop{align-self:flex-end;margin:0 1px}.float-prop{position:relative}.float-prop .prop-spark{position:absolute;pointer-events:none;animation:twinkle 2.4s ease-in-out infinite}.float-prop .prop-spark.a{top:-7px;right:-5px;animation-delay:0s}.float-prop .prop-spark.b{bottom:4px;left:-7px;animation-delay:.8s}.float-prop .prop-spark.c{top:6px;right:-2px;animation-delay:1.6s}.shelf-plank{height:8px;background:var(--shelf);border-radius:3px;box-shadow:0 4px 0 var(--shelf-2),0 6px 8px rgba(120,40,80,.2);margin-bottom:14px}.floor-plant{position:absolute;left:18px;bottom:6px}.hang-plant{position:absolute;top:0;left:296px;display:flex;flex-direction:column;align-items:center}.hang-line{width:2px;height:30px;background:var(--shelf-2)}.frame-pic{position:absolute;right:50px;top:300px;background:#fff;padding:6px 6px 18px;border-radius:4px;box-shadow:0 0 0 3px var(--shelf),0 5px 0 var(--shelf-2);transform:rotate(3deg)}.frame-inner{width:46px;height:40px;background:var(--panel-2);border-radius:2px;display:grid;place-items:center}.frame-cap{bottom:4px;text-align:center;font-family:var(--label);font-size:7px;color:var(--ink-soft)}.frame-cap,.pets{position:absolute;left:0;right:0}.pets{bottom:0;height:190px;z-index:8;pointer-events:none}.pet{position:absolute;bottom:34px;pointer-events:auto;cursor:pointer;transition:transform .12s;filter:drop-shadow(0 6px 0 rgba(120,40,80,.16))}.pet:hover{transform:translateY(-2px) scale(1.03)}.pet:active{transform:translateY(2px) scale(.98)}.pet.cat{right:21%;bottom:30px}.pet.dog{right:9%}.pet-shadow{bottom:4px;width:64px;height:12px;background:rgba(120,40,80,.18);border-radius:50%;filter:blur(1px)}.pet-name,.pet-shadow{position:absolute;left:50%;transform:translateX(-50%)}.pet-name{bottom:-2px;font-family:var(--label);font-size:8px;color:var(--ink-soft);background:var(--panel);padding:2px 6px;border-radius:8px;box-shadow:0 0 0 2px var(--line-soft);white-space:nowrap;opacity:0;transition:opacity .15s}.pet-wrap:hover .pet-name{opacity:1}.speech{position:absolute;top:-10px;left:60%;background:#fff;color:var(--accent-deep);font-family:var(--label);font-size:8px;padding:4px 7px;border-radius:8px;box-shadow:0 0 0 2px var(--line);white-space:nowrap;animation:popIn .2s ease both}.speech:after{content:"";position:absolute;left:12px;bottom:-5px;border:4px solid transparent;border-top-color:#fff}.kitchen{position:absolute;left:4%;bottom:16px;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:104px}.stovetop-scene{display:flex;align-items:flex-end;justify-content:center;gap:1px;position:relative;z-index:2;margin-bottom:-3px}.ham-cook{animation:cookbob 1.5s ease-in-out infinite;transform-origin:bottom center;filter:drop-shadow(0 3px 0 rgba(120,40,80,.14))}@keyframes cookbob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}.pot{position:relative;width:36px;height:20px;margin-bottom:2px}.pot-rim{position:absolute;left:-3px;right:-3px;top:0;height:5px;background:var(--ink);border-radius:3px}.pot-soup{position:absolute;left:1px;right:1px;top:3px;bottom:0;background:linear-gradient(var(--shelf),var(--shelf-2));border-radius:2px 2px 7px 7px;box-shadow:inset 0 3px 0 var(--accent-2)}.pot-handle{position:absolute;top:4px;width:5px;height:7px;border:2px solid var(--ink);border-radius:4px}.pot-handle.l{left:-7px;border-right:none}.pot-handle.r{right:-7px;border-left:none}.stove-top{width:70px;height:6px;background:var(--shelf-2);border-radius:4px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2);position:relative;z-index:1}.stove-body{width:64px;height:26px;background:var(--panel);border-radius:4px 4px 5px 5px;box-shadow:0 0 0 3px var(--accent-2),0 5px 0 rgba(150,40,90,.16);display:flex;gap:12px;align-items:center;justify-content:center}.stove-body .knob{width:7px;height:7px;border-radius:50%;background:var(--accent-deep);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}.steam{left:50%;top:-22px;transform:translateX(-50%);width:26px;height:24px;z-index:3}.steam,.steam i{position:absolute}.steam i{bottom:0;width:6px;height:6px;border-radius:50%;background:var(--panel);opacity:0;animation:steam 2.4s ease-in infinite}.steam i:first-child{left:2px;animation-delay:0s}.steam i:nth-child(2){left:10px;animation-delay:.8s}.steam i:nth-child(3){left:18px;animation-delay:1.6s}@keyframes steam{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:.85}to{opacity:0;transform:translateY(-22px) scale(1.3)}}.kitchen .kitchen-speech{left:50%;top:-26px;transform:translateX(-50%)}.kitchen .kitchen-speech:after{left:50%;margin-left:-4px}.kitchen:hover .pet-name{opacity:1}.kitchen .pet-name{bottom:-6px}.decor{transition:opacity .4s}.stage:not(.view-home) .decor{opacity:.5}.scene-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;container-type:size}.backdrop-section{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.backdrop-section.active{opacity:1}.backdrop-frame{position:absolute;top:0;aspect-ratio:1672/941;width:max(100cqw,calc(100cqh * 1672 / 941))}.backdrop-frame.anchor-left{left:0}.backdrop-frame.anchor-right{right:0}.backdrop-frame.anchor-center{left:50%;transform:translateX(-50%)}.backdrop-img{position:absolute;inset:0;background-size:100% 100%;image-rendering:pixelated;transition:opacity .7s ease}.backdrop-ao{position:absolute;inset:0;background:radial-gradient(80% 66% at 50% 40%,transparent 0,rgba(40,16,52,.16) 60%,rgba(26,10,40,.56) 100%);mix-blend-mode:multiply}@keyframes twinkle-soft{0%,to{opacity:.07;transform:scale(.7)}50%{opacity:.4;transform:scale(1.05)}}.scene-backdrop .ambient-spark{animation-name:twinkle-soft}.scene-backdrop .window-star{width:5px;height:5px;box-shadow:0 0 6px #fff,0 0 3px #fff}.welcome{max-width:540px;margin:6px auto 0}.home-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;max-width:560px;margin:0 auto}.mini-card{background:var(--panel-2);border-radius:10px;padding:12px 14px;box-shadow:inset 0 0 0 2px var(--line-soft)}.editable{outline:none;border-radius:6px}.editing .editable{box-shadow:0 0 0 2px var(--accent-2);background:#fff;padding:2px 6px}.item{background:var(--panel-2);border-radius:10px;padding:12px;box-shadow:inset 0 0 0 2px var(--line-soft);display:flex;gap:12px;align-items:flex-start}.icon-btn{transition:transform .08s}.icon-btn:active{transform:translateY(2px)}.stat-chip{display:inline-flex;align-items:center;gap:5px;background:var(--panel-2);color:var(--ink-soft);font-size:13px;padding:6px 12px;border-radius:20px;box-shadow:inset 0 0 0 2px var(--line-soft)}.stat-chip b{color:var(--accent-deep);font-size:15px}.rank-pill{width:22px;height:22px;border-radius:7px;place-items:center;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(var(--accent-2),var(--accent));box-shadow:0 0 0 2px var(--accent-deep)}.rank-pill,.score-badge{flex:0 0 auto;display:grid}.score-badge{width:46px;height:46px;border-radius:11px;place-items:center;background:#fff}.score-badge b,.want-dot{font-size:16px}.want-dot{color:var(--accent);flex:0 0 auto;width:20px;text-align:center}.beli-note{font-size:13px;line-height:1.55;margin-top:3px;white-space:pre-line;overflow-wrap:anywhere}.see-more{display:inline;margin-left:5px;padding:0;color:var(--accent-deep);font-weight:600;font-size:12px}.see-more:hover{text-decoration:underline}.beli-photos{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 4px;scrollbar-width:thin}.beli-photos::-webkit-scrollbar{height:8px}.beli-photos::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:8px}.beli-photos::-webkit-scrollbar-track{background:transparent}.beli-photo{flex:0 0 auto;width:62px;height:62px;border-radius:8px;overflow:hidden;padding:0;box-shadow:0 0 0 2px var(--line-soft);transition:transform .1s,box-shadow .15s}.beli-photo:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 2px var(--accent-2)}.beli-photo img{width:100%;height:100%;object-fit:cover;display:block}.beli-compact{display:flex;align-items:center;gap:10px;width:100%;padding:0}.beli-caret{color:var(--ink-soft);font-size:12px;transition:transform .15s}.beli-caret.open{transform:rotate(180deg)}.beli-lightbox{position:fixed;inset:0;z-index:9999;padding:26px;background:rgba(60,30,55,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;cursor:zoom-out;animation:popIn .18s ease both}.beli-lightbox img{max-width:min(92vw,720px);max-height:84vh;border-radius:12px;box-shadow:0 0 0 4px #fff,0 18px 50px rgba(40,10,40,.5)}.eq{display:flex;gap:3px;align-items:flex-end;height:22px}.eq i{width:4px;background:var(--accent);border-radius:2px;animation:eqp .9s ease-in-out infinite}.eq i:first-child{animation-delay:0s}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.15s}.music-player{align-items:center;margin-bottom:14px;background:var(--panel);box-shadow:0 0 0 3px var(--accent-2)}.music-cover{flex:0 0 auto}.music-now b{display:block;color:var(--accent-deep);font-size:22px;line-height:1.1;margin-top:2px}.music-focus-note{display:inline-flex;margin-top:6px;padding:3px 8px;border-radius:20px;background:var(--panel-2);color:var(--accent-deep);box-shadow:inset 0 0 0 2px var(--line-soft);font-family:var(--label);font-size:8px;text-transform:uppercase}.music-list{gap:8px}.music-track{align-items:center;padding:10px}.music-track.active{background:var(--panel);box-shadow:inset 0 0 0 2px var(--accent-2),0 3px 0 rgba(150,40,90,.12)}.fly-wrap{position:relative;max-width:380px;margin:4px auto 0;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 3px var(--line),0 5px 0 rgba(150,40,90,.16);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.fly-canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.fly-score{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-family:var(--pixel);font-weight:700;font-size:34px;color:#fff;text-shadow:0 2px 0 var(--accent-deep),0 0 6px rgba(150,40,90,.4);pointer-events:none}.fly-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;grid-gap:2px;gap:2px;color:var(--ink);background:rgba(255,250,245,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fly-egg{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#fff;color:var(--accent-deep);font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;box-shadow:0 0 0 3px var(--accent-2);white-space:nowrap;animation:popIn .25s ease both;pointer-events:none}.grape-btn{transition:transform .1s}.grape-btn:hover{transform:scale(1.06)}.grape-btn:active{transform:scale(.92)}.trellis{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));grid-gap:4px;gap:4px;padding:12px;background:var(--panel-2);border-radius:10px;box-shadow:inset 0 0 0 2px var(--line-soft);justify-items:center}.editable:empty:before{content:attr(data-ph);color:var(--line)}.modal-bg{position:absolute;inset:0;z-index:50;background:rgba(60,30,55,.4);display:grid;place-items:center;animation:popIn .2s ease both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.note-card{max-width:420px;background:var(--panel);border-radius:14px;padding:26px;box-shadow:0 0 0 3px var(--accent),0 14px 40px rgba(120,40,80,.4);text-align:center;animation:popIn .35s cubic-bezier(.2,.9,.3,1) both}.save-toast{position:absolute;left:0;right:0;bottom:16px;margin:0 auto;width:-moz-fit-content;width:fit-content;z-index:60;background:#fff;color:var(--accent-deep);font-family:var(--label);font-size:9px;text-transform:uppercase;white-space:nowrap;padding:9px 14px;border-radius:10px;box-shadow:0 0 0 3px var(--accent),0 6px 14px rgba(120,40,80,.3);animation:popIn .2s ease both}@media (max-width:720px){.save-toast{white-space:normal;text-align:center;max-width:80%}body{padding:12px}.win-body{grid-template-columns:78px 1fr}.nav-item{width:64px}.nav-item .ni-label{display:none}.titlebar{padding:0 8px;gap:6px}.titlebar .tb-name small{display:none}.tb-controls{gap:4px}.pet{--pet-scale:0.68}.kitchen{transform:scale(.68);transform-origin:bottom left}}@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap");@font-face{font-family:Rainyhearts;src:url(/music-player/font/rainyhearts.ttf) format("truetype");font-display:swap}:root{--pixel:"Pixelify Sans","Trebuchet MS",sans-serif;--label:"Silkscreen",monospace}[data-theme=pink]{--panel:#fff6ec;--panel-2:#ffeede;--line:#f0a8c6;--line-soft:#f7c7da;--ink:#9b4f72;--ink-soft:#c07e9c;--accent:#ff5e9c;--accent-2:#ff92be;--accent-deep:#e23e7e}[data-theme=grape]{--panel:#f5efff;--panel-2:#ece1ff;--line:#bda0ee;--line-soft:#d6c5f5;--ink:#5e4191;--ink-soft:#8a6dc0;--accent:#9b6cff;--accent-2:#b89bff;--accent-deep:#7a4fd0}*{box-sizing:border-box}.label,.muted{color:var(--ink-soft)}.label{font-family:var(--label);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.col{flex-direction:column}.col,.row{display:flex}.row{gap:10px}.grow{flex:1 1}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes eqp{0%,to{height:6px}50%{height:20px}}.pix-input{width:100%;background:#fff;border:none;border-radius:8px;box-shadow:inset 0 0 0 2px var(--line);padding:9px 11px;font:inherit;font-size:14px;color:var(--ink);outline:none}.pix-input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.pix-btn{background:linear-gradient(var(--accent-2),var(--accent));color:#fff;font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border:none;border-radius:10px;box-shadow:0 0 0 3px var(--accent-deep),0 4px 0 var(--accent-deep);cursor:pointer}.pix-btn:active{transform:translateY(4px);box-shadow:0 0 0 3px var(--accent-deep)}.icon-btn{width:26px;height:26px;border:none;border-radius:7px;display:grid;place-items:center;background:var(--panel);box-shadow:0 0 0 2px var(--line);color:var(--ink-soft);font-size:13px;cursor:pointer}.icon-btn:hover{color:var(--accent-deep);box-shadow:0 0 0 2px var(--accent-2)}.mp-panel{background:var(--panel);border-radius:12px;box-shadow:0 0 0 3px var(--line),0 5px 0 rgba(150,40,90,.16);padding:18px;max-width:600px;margin:0 auto}.mp-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--accent-deep);margin-bottom:4px}.mp-head,.mp-sub{font-family:var(--pixel)}.mp-sub{color:var(--ink-soft);font-size:14px;margin-bottom:12px}.cozy-player{--rp-cream:#ecc4d6;--rp-cream-2:#f6d8e4;--rp-ink:#693a54;--rp-soft:#9c6682;--rp-rose:#d28fae;--rp-rose-d:#a85f7d;--rp-track:#e3b4ca}[data-theme=grape] .cozy-player{--rp-cream:#d6c0ef;--rp-cream-2:#e6d6f7;--rp-ink:#4a3870;--rp-soft:#7a64a8;--rp-rose:#b394e2;--rp-rose-d:#7a5fc0;--rp-track:#cdb6ec}.deck-stage{position:relative;width:100%;max-width:560px;margin:2px auto 14px;aspect-ratio:1672/941;border-radius:12px;overflow:hidden;background:#3a2a3e url(/music-player/assets/music-room.png) 50%/cover no-repeat;box-shadow:0 0 0 3px var(--rp-rose-d),inset 0 0 0 3px hsla(0,0%,100%,.1),0 6px 0 rgba(80,40,60,.22);image-rendering:pixelated}.cupid-deck{position:absolute;left:29%;bottom:6%;transform:translateX(-50%);z-index:2;width:35%;aspect-ratio:1;pointer-events:none}.cupid-deck img,.cupid-needle img,.cupid-vinyl,.cupid-vinyl img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.cupid-base{z-index:1}.cupid-vinyl{z-index:2}.cupid-needle{position:absolute;inset:0;z-index:3}@keyframes cupid-slide-out{0%{transform:translate(0)}to{transform:translate(-90%,30%)}}@keyframes cupid-slide-in{0%{transform:translate(-90%,30%)}to{transform:translate(0)}}.cupid-vinyl.out{animation:cupid-slide-out .5s ease-in forwards}.cupid-vinyl.in{animation:cupid-slide-in .55s cubic-bezier(.2,.8,.3,1) forwards}.player-panel{max-width:560px;margin:0 auto 14px;padding:14px 16px 16px;background:var(--rp-cream);border-radius:12px;box-shadow:0 0 0 3px var(--rp-rose),0 5px 0 rgba(120,70,90,.16)}.np-card{display:flex;gap:14px;align-items:center;margin-bottom:14px}.np-cover{width:58px;height:58px;flex:0 0 auto;border-radius:8px;padding:4px;background:var(--rp-cream-2);box-shadow:0 0 0 2px var(--rp-rose)}.np-cover.playing{animation:bob 3s ease-in-out infinite}.np-cover-inner{width:100%;height:100%;border-radius:4px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c,#d094a6),color-mix(in srgb,var(--c,#d094a6) 55%,#2a1830))}.np-cover-inner span{font-family:"Rainyhearts",var(--pixel);color:#fff;font-size:24px}.np-meta{min-width:0;animation:npIn .4s ease both}@keyframes npIn{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}.np-label{font-family:"Rainyhearts",var(--pixel);font-size:14px;color:var(--rp-soft)}.np-title{font-size:27px;color:var(--rp-ink);line-height:1.05}.np-artist,.np-title{font-family:"Rainyhearts",var(--pixel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{font-size:17px;color:var(--rp-soft)}.rp-controls{display:flex;gap:14px;justify-content:center;margin-bottom:14px}.rp-btn{width:74px;height:44px;border:none;border-radius:10px;background:var(--rp-cream-2);box-shadow:0 0 0 3px var(--rp-rose-d),0 4px 0 var(--rp-rose-d);display:grid;place-items:center;color:var(--rp-rose-d);cursor:pointer;transition:transform .08s,box-shadow .08s}.rp-btn.big{width:88px}.rp-btn:hover{filter:brightness(1.02)}.rp-btn:active{transform:translateY(4px);box-shadow:0 0 0 3px var(--rp-rose-d)}.rp-ico{display:block;color:currentColor}.rp-ico.play{width:0;height:0;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:10px 0 10px 16px}.rp-ico.pause{width:16px;height:20px;position:relative}.rp-ico.pause:after,.rp-ico.pause:before{content:"";position:absolute;top:0;width:5px;height:20px;background:currentColor;border-radius:1px}.rp-ico.pause:before{left:1px}.rp-ico.pause:after{right:1px}.rp-ico.next,.rp-ico.prev{width:20px;height:18px;position:relative}.rp-ico.next:after,.rp-ico.next:before,.rp-ico.prev:after,.rp-ico.prev:before{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.rp-ico.next:before{left:0}.rp-ico.next:after,.rp-ico.next:before{border-width:9px 0 9px 11px;border-color:transparent transparent transparent currentColor}.rp-ico.next:after{left:10px}.rp-ico.prev:before{right:0}.rp-ico.prev:after,.rp-ico.prev:before{border-width:9px 11px 9px 0;border-color:transparent currentColor transparent transparent}.rp-ico.prev:after{right:10px}.rp-progress{display:flex;align-items:center;gap:10px}.rp-bar{flex:1 1;height:8px;background:var(--rp-track);box-shadow:inset 0 0 0 2px var(--rp-rose);cursor:pointer}.rp-bar,.rp-fill{border-radius:6px;position:relative}.rp-fill{height:100%;background:var(--rp-rose-d)}.rp-star{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;pointer-events:none}.rp-star svg{width:100%;height:100%;display:block;image-rendering:pixelated}.rp-time{font-family:"Rainyhearts",var(--pixel);font-size:14px;color:var(--rp-soft);min-width:36px;text-align:center}.rp-list-head{margin-bottom:8px;color:var(--rp-soft)}.rp-track{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--rp-cream);border-radius:9px;cursor:pointer;transition:box-shadow .12s,transform .08s;color:var(--rp-ink);box-shadow:inset 0 0 0 2px var(--rp-track)}.rp-track:hover{transform:translateX(2px)}.rp-track.active{box-shadow:inset 0 0 0 2px var(--rp-rose-d);background:var(--rp-cream-2)}.rp-track-dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(0,0,0,.12)}.rp-track b{font-family:var(--pixel)}.rp-eq{display:flex;gap:2px;align-items:flex-end;height:16px}.rp-eq i{width:3px;background:var(--rp-rose-d);border-radius:2px;animation:eqp .9s ease-in-out infinite}.rp-eq i:nth-child(2){animation-delay:.25s}.rp-eq i:nth-child(3){animation-delay:.45s}.np-artist[contenteditable],.np-title[contenteditable],.rp-track b[contenteditable]{outline:none}.editing .np-artist[contenteditable],.editing .np-title[contenteditable],.editing .rp-track b[contenteditable]{box-shadow:0 0 0 2px var(--rp-rose);border-radius:4px;background:hsla(0,0%,100%,.5)}