:root{--ink:#4c3c65;--muted:#9a84aa;--line:#eadcf0;--accent:#9e65bb;--accent-soft:#f4e9fa;--paper:#f8effb;--radius:27px}
body{background:radial-gradient(ellipse at 10% 12%,#d8eaffb0,transparent 37%),radial-gradient(ellipse at 90% 26%,#ffe0f8ad,transparent 43%),radial-gradient(ellipse at 30% 85%,#efe2ffb0,transparent 40%),#faf1fc}.topbar{background:linear-gradient(100deg,#f5f0ffe8,#fff3fbe8,#edf5ffe8);border-bottom-color:#e7ccee;box-shadow:0 3px 20px #9a6dc008}.brand-mark{background:linear-gradient(140deg,#c7d9ff,#e4c4ed,#f1d3ec);color:#8b67ab;box-shadow:inset 0 0 0 1px #fff9,0 3px 12px #aa78c522}.brand small,.eyebrow{color:#b08bc1}.connection.connected i{background:#af87d1;box-shadow:0 0 7px #c19beb88}.top-nav.active{color:#a06fb9}.round-btn{border-color:#dfc8ed;color:#ad88c0}.heading h1{font-size:33px;letter-spacing:1px}.heading h1>span{color:#c59cce}.heading p{color:#ac8ab8}.heading .date{color:#ba9fc2}.habitat{height:615px;border:2px solid #e6caec;box-shadow:0 0 0 5px #ffffff80,0 10px 45px #9e65bf1a;overflow:hidden;background:#c4b1de}.interior-layer{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center bottom;transition:opacity .5s}.room-glimmer{position:absolute;inset:0;pointer-events:none;z-index:2}.room-glimmer i{position:absolute;color:#fff8dc;font-size:17px;font-style:normal;text-shadow:0 0 12px #ffbcff,0 0 25px #fff3c4;animation:star-breath 3.5s ease-in-out infinite}.room-glimmer i:nth-child(1){top:25%;left:14%}.room-glimmer i:nth-child(2){top:53%;left:83%;font-size:25px;animation-delay:1s}.room-glimmer i:nth-child(3){top:72%;left:24%;font-size:12px;animation-delay:1.7s}.room-glimmer i:nth-child(4){top:16%;left:70%;animation-delay:.5s}.room-glimmer i:nth-child(5){top:82%;left:74%;font-size:12px;animation-delay:2s}.room-glimmer i:nth-child(6){top:48%;left:7%;font-size:21px;animation-delay:2.5s}.habitat:after{content:"";position:absolute;inset:8px;border:1px solid #fff9;border-radius:20px;pointer-events:none;z-index:8;box-shadow:inset 0 0 24px #f8dbff33}.habitat-top{z-index:10}.place-label{background:#fffbffde;color:#8d5b9a;border-color:#fff;box-shadow:0 2px 12px #684b7c18}.place-label i{background:#c99ad9}.scene-switch{background:#fff6ffcf;color:#94679f;backdrop-filter:blur(8px);box-shadow:0 2px 12px #684b7c15}.speech{background:#fffaffed;border:1px solid #fff;box-shadow:0 7px 25px #5e367e1c;color:#796082;top:80px}.speech small{color:#b296bc}.pet-anchor{width:395px;height:395px;left:calc(50% - 197px);bottom:55px}.pet-floor{background:#53316d42;width:53%;left:24%;filter:blur(10px)}.hair-accessory{color:#efc47d}.touch-hint{background:#46354f63;border:1px solid #fff3;color:#fff9f8!important;padding:7px 12px;border-radius:22px;bottom:30px;backdrop-filter:blur(5px)}.touch-hint .hint-dot{background:#f6e0ff}.habitat-footer{color:#fff9ff!important;text-shadow:0 1px 3px #34233c;bottom:20px}.habitat-footer>span{background:#49334e5c;padding:6px 9px;border-radius:14px}.habitat-footer button{background:#49334e5c;padding:6px 9px;border-radius:14px}.action-dock{border-color:#e7d3ed;background:linear-gradient(110deg,#fffcff,#f9f2ff,#fff5fc);box-shadow:0 7px 20px #a67eb40a}.action-dock button{border-color:#eee0f2}.action-dock small{color:#b79dc1}.gentle-note{color:#a98bb7}.gentle-note p{color:#bea6c6}.gentle-note>span{color:#ccacd4}.gentle-note button{color:#ad82bd}.side-column>section{border-color:#e5d2ec;background:linear-gradient(145deg,#fffcff,#faf4fd);box-shadow:0 4px 20px #a872ba06}.card-eyebrow{color:#b193c1}.avatar{background:radial-gradient(#eeddf8,#e3d6f8)}.profile p{color:#ae92bd}.profile>span{color:#b083b9;background:#f3e5f7}.bond-meta{color:#b194be}.bond-track{background:#f0e6f5}.bond-track i{background:linear-gradient(90deg,#d4a3d9,#b69be1,#94bee5)}.stats b{color:#9877b6}.stats span{color:#b39ac0}.mood-note{color:#a88ab7;border-color:#e8d8ef}.section-title>span,.section-title button{color:#ba98c5}.task{color:#a58ab2}.task i{border-color:#dcc5e6;color:#af89c1}.task.done i{background:#f0e3f8;border-color:#f0e3f8}.task>span:last-child{color:#bba4c6}.fine-print{color:#b49ac0}.mini-outfits button{background:linear-gradient(145deg,#f5e6fa,#edf0fd);border-radius:14px}.mini-outfits button.selected{border-color:#c19ad3;background:#efe0f7}.mini-outfits span{color:#a589b7}.diary-entry{border-color:#e1c9ea}.diary-entry:before{background:#c5a4d5}.diary-entry p{color:#a98cb6}.diary-entry time{color:#c3acce}footer{border-color:#ead5f0;color:#baa2c6}footer button{color:#b092be}.sheet{background:linear-gradient(150deg,#fffaff,#f4edfc,#fff5fb);border-color:#ecd9f3;box-shadow:0 30px 120px #46255830}.sheet::backdrop{background:#331b4f77}.sheet-head>button{background:#f0e1f6;color:#b08ec3}.sheet-intro,.sheet>p{color:#ad8bbc}.sheet h3{color:#9470aa}.outfit-grid{gap:13px}.outfit-grid button{background:radial-gradient(ellipse at 50% 35%,#fff6ff,#e9e0f6);border-color:#e1ccec}.outfit-grid button.selected{background:linear-gradient(140deg,#ead6f3,#e2e2fb);border-color:#bc8ece;box-shadow:0 0 0 2px #d9b6e622}.outfit-grid button>div{background:radial-gradient(ellipse,#ffffff66,transparent 65%);height:210px}.outfit-grid strong{color:#88609e}.outfit-grid small{color:#b291c2}.outfit-grid button>span{color:#ac7fbd}.closet-filters{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 0}.closet-filters button{font-size:10px;border-radius:18px;padding:9px 12px;background:#f0e5f8;border:1px solid #e5d3f1;color:#af8cbe}.closet-filters button[aria-pressed=true]{background:linear-gradient(100deg,#dcbfe9,#cdd2f4);color:#81549d;border-color:#c6a5dc}.accessories button{background:#f2e6f9;border-color:#e2ceeb;color:#aa85bc}.accessories button.selected{border-color:#b993cf;background:#e9d7f3;color:#9263ad}.primary{background:linear-gradient(110deg,#9b7bc2,#be88bb);box-shadow:0 4px 14px #c398cb1f}.secondary{background:#eee0f7;color:#a482b7}.scenes{grid-template-columns:repeat(3,1fr);gap:13px}.scenes button{background:#f4eafb;border-color:#e6d2f0}.scenes button.selected{border-color:#b78bcd;box-shadow:0 0 0 2px #d7b5e226}.scene-thumb{height:105px}.scene-thumb.bedroom{background:url('assets/room-bedroom.webp') center/cover}.scene-thumb.salon{background:url('assets/room-salon.webp') center/cover}.scene-thumb.atelier{background:url('assets/room-atelier.webp') center/cover}.scene-thumb.bedroom:after,.scene-thumb.salon:after,.scene-thumb.atelier:after{display:none}.scenes b{color:#9271a6}.scenes small{color:#b199bf}.toast{background:#76538fec}.pair-screen{background:#fbf4ffed}.chat-log .bot-line{background:#f0e3f8;color:#8d6ba5}.chat-log .user-line{background:#e7e4f8;color:#8471a8}#chatForm{border-color:#dec7ec}#chatForm button{background:#ad83bf}.bubble-game{background:#f1e6f7ed}.bubble-game>div{color:#a382b5}.bubble-game p{color:#baa0c6}#bubbleTarget{background:radial-gradient(circle at 25% 20%,#fff,#e1bbef88);border-color:#c9a3d9;color:#b18bc7;box-shadow:inset -4px -5px 10px #bd92d133,0 7px 15px #9d75b015}
body[data-scene=bedroom] .interior-layer{background-image:url('assets/room-bedroom.webp')}body[data-scene=salon] .interior-layer{background-image:url('assets/room-salon.webp')}body[data-scene=atelier] .interior-layer{background-image:url('assets/room-atelier.webp')}body:is([data-scene=bedroom],[data-scene=salon],[data-scene=atelier]) .habitat :is(.sun-disc,.cloud,.sea,.sea-spark){display:none}body:is([data-scene=tide],[data-scene=sunset],[data-scene=night]) .interior-layer{display:none}
@keyframes star-breath{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:.9;transform:scale(1.15) rotate(30deg)}}
@media(max-width:1050px){.habitat{height:590px}.touch-hint{bottom:47px}.pet-anchor{bottom:69px}}@media(max-width:780px){.heading h1{font-size:26px}.heading p{font-size:10px;max-width:330px}.habitat{height:570px}.speech{top:70px}.pet-anchor{width:350px;height:350px;left:calc(50% - 175px);bottom:70px}.habitat-footer{bottom:18px}.touch-hint{bottom:45px;font-size:8px;padding:7px 9px}.scene-thumb{height:95px}.scenes{grid-template-columns:repeat(2,1fr);gap:10px}.outfit-grid{grid-template-columns:repeat(2,1fr);gap:10px}.outfit-grid button>div{height:170px}.outfit-grid strong{font-size:12px}.outfit-grid small{font-size:9px;min-height:30px}.outfit-grid button>span{font-size:10px}.closet-filters{gap:6px}.closet-filters button{font-size:9px;padding:9px 11px}.mini-outfits img{height:115px}.sheet{max-height:90dvh}.speech small{color:#b89bc2}}@media(max-width:375px){.heading h1{font-size:24px}.pet-anchor{width:320px;height:320px;left:calc(50% - 160px);bottom:75px}.habitat{height:550px}.touch-hint{font-size:7px}}@media(prefers-reduced-motion:reduce){.room-glimmer i{animation:none!important}}