:root{color:#25433d;font-synthesis:none;background:#f7f1e5;font-family:Atkinson Hyperlegible,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #efad4f}.app-shell{min-height:100vh;padding-bottom:64px;overflow:hidden}.app-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 32px;display:flex}.app-header p{color:#60756e;margin:0;font-size:.92rem}.brand{color:inherit;align-items:center;gap:9px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{color:#fffaf0;background:#e98769;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:.8rem;display:inline-flex}.eyebrow,.card-label{color:#cb654e;letter-spacing:.03em;margin:0 0 12px;font-size:.82rem;font-weight:700}h1,h2{letter-spacing:.01em;margin:0;font-family:inherit;line-height:1.2}h1{font-size:clamp(2.6rem,5vw,4.6rem)}h2{font-size:1.65rem}.friend-scene{place-self:end center;width:230px;height:250px;position:relative}.friend-message{color:#46645b;opacity:0;white-space:nowrap;z-index:6;background:#fffaf0;border-radius:999px;margin:0;padding:7px 12px;font-size:.82rem;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:2px;left:50%;transform:translate(-50%,5px)}.friend-scene.state-focusing .friend-message,.friend-scene.state-loud .friend-message,.friend-scene.state-celebrating .friend-message{opacity:1;transform:translate(-50%)}.friend{transform-origin:50% 90%;width:210px;height:215px;position:absolute;bottom:-18px;left:10px}.friend-svg{width:100%;height:100%;overflow:visible}.friend-blob{fill:#f3a66f;stroke:#25433d;stroke-linejoin:round;stroke-width:5px;transform-box:fill-box;transform-origin:bottom}.friend-shine{fill:none;opacity:.65;stroke:#ffe7b6;stroke-linecap:round;stroke-width:8px}.friend-arm,.friend-leg{fill:none;stroke:#25433d;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;transform-box:fill-box;transition:transform .28s}.friend-arm circle{fill:#25433d;stroke:none}.friend-arm-left{transform-origin:58px 94px}.friend-arm-right{transform-origin:163px 93px}.friend-leg-left{transform-origin:82px 169px}.friend-leg-right{transform-origin:143px 170px}.friend-eye{transform-box:fill-box;transform-origin:50%}.friend-eye ellipse{fill:#25433d}.friend-eye circle{fill:#fffaf0}.friend-mouth{fill:none;opacity:0;stroke:#25433d;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.friend-mouth-smile{opacity:1}.friend-mouth-loud,.friend-mouth-celebrate{fill:#25433d}.friend-heart{fill:#fff4dc}.friend-glasses{fill:#fffaf033;stroke:#25433d;stroke-linecap:round;stroke-width:4px}.friend-hat path:first-child{fill:#7198d2;stroke:#25433d;stroke-linejoin:round;stroke-width:4px}.friend-hat path:not(:first-child){fill:none;stroke:#f8d97a;stroke-width:4px}.friend-hat circle{fill:#e98769;stroke:#25433d;stroke-width:3px}.friend-bow path{fill:#f8d97a;stroke:#25433d;stroke-linejoin:round;stroke-width:4px}.friend-bow circle{fill:#e98769;stroke:#25433d;stroke-width:3px}.sparkle,.music-note-float{opacity:0;pointer-events:none;z-index:5;position:absolute}.sparkle{color:#d76d54;font-size:28px}.sparkle.one{top:42px;right:0}.sparkle.two{top:105px;left:0}.music-note-float{color:#527b70;font-size:22px}.music-note-float.one{top:63px;right:4px}.music-note-float.two{top:118px;left:4px}.state-idle .friend{animation:3.2s ease-in-out infinite friend-float}.state-idle .friend-eye{animation:4.5s ease-in-out infinite friend-blink}.state-focusing .friend-blob{animation:2.8s ease-in-out infinite friend-breathe}.state-focusing .friend-eye{transform:scaleY(.35)}.state-focusing .friend-mouth-smile{opacity:0}.state-focusing .friend-mouth-focus{opacity:1}.state-loud .friend{animation:.4s ease-out both friend-startle}.state-loud .friend-arm-left{transform:translate(35px,-12px)rotate(-82deg)}.state-loud .friend-arm-right{transform:translate(-35px,-12px)rotate(82deg)}.state-loud .friend-eye{transform:scale(1.12)}.state-loud .friend-mouth-smile{opacity:0}.state-loud .friend-mouth-loud{opacity:1}.state-celebrating .friend{animation:.72s ease-in-out infinite friend-celebrate}.state-celebrating .friend-arm-left{transform:rotate(142deg)}.state-celebrating .friend-arm-right{transform:rotate(-142deg)}.state-celebrating .friend-leg-left{animation:.72s ease-in-out infinite friend-feet-left}.state-celebrating .friend-leg-right{animation:.72s ease-in-out infinite friend-feet-right}.state-celebrating .friend-mouth-smile{opacity:0}.state-celebrating .friend-mouth-celebrate{opacity:1}.state-celebrating .sparkle{opacity:1;animation:.8s ease-in-out infinite alternate sparkle-pop}.state-celebrating .sparkle.two{animation-delay:-.35s}.is-dancing .friend{animation:.85s ease-in-out infinite friend-dance}.is-dancing .music-note-float{opacity:1;animation:1.5s ease-out infinite music-float}.is-dancing .music-note-float.two{animation-delay:-.75s}@keyframes friend-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes friend-blink{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes friend-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,1.04)}}@keyframes friend-startle{0%{transform:scale(1)}45%{transform:scale(1.04,.95)translateY(5px)}to{transform:scale(1)}}@keyframes friend-celebrate{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-20px)rotate(4deg)}}@keyframes friend-dance{0%,to{transform:translate(-5px)rotate(-5deg)scaleY(.98)}50%{transform:translate(5px)rotate(5deg)scaleY(1.02)}}@keyframes friend-feet-left{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)translateY(-3px)}}@keyframes friend-feet-right{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)translateY(-3px)}}@keyframes sparkle-pop{0%{transform:scale(.65)rotate(0)}to{transform:scale(1.2)rotate(25deg)}}@keyframes music-float{0%{opacity:0;transform:translateY(18px)rotate(-8deg)}25%{opacity:1}to{opacity:0;transform:translateY(-30px)rotate(12deg)}}.dashboard-grid,.dashboard-placeholder{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:calc(100% - 48px);max-width:1116px;margin:0 auto;display:grid}.focus-controls{background:#dce9d9;border:1px solid #c4d8cc;border-radius:28px;padding:18px}.dashboard-placeholder{background:#fffaf0;border:1px solid #e7ded0;border-radius:24px;padding:34px;display:block}.card{background:#fffaf0;border:1px solid #e7ded0;border-radius:24px;padding:30px;box-shadow:0 10px 30px #384b420f}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.primary,.outline,.plain-button,.choice-row button,.activity-list button,.reward button,.room-tabs button{cursor:pointer;border-radius:999px;font-weight:700}.primary{color:#fffaf0;background:#25433d;border:0;padding:13px 22px}.primary:hover{background:#39675b}.plain-button{color:#526a63;background:0 0;border:0;padding:12px 16px}.outline{color:#25433d;background:0 0;border:1px solid #9eaea8;padding:10px 16px}.button-row{justify-content:center;align-items:center;gap:8px;display:flex}.primary:disabled{cursor:default;opacity:.55}.timer-card{color:#fffaf0;text-align:center;background:#25433d;flex-direction:column;justify-content:center;align-items:center;min-height:410px;display:flex;position:relative}.timer-card .card-label{color:#f4c968}.settings-button{color:#fffaf0;cursor:pointer;background:#fffaf014;border:1px solid #dce9d966;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:22px;right:22px}.settings-button:hover{background:#f8d97a29;border-color:#f8d97a}.settings-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:21px;height:21px}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:18px 0 10px;font-family:inherit;font-size:clamp(4.5rem,10vw,7.5rem);line-height:1.1}.timer-display.time-hidden{justify-content:center;align-items:center;min-height:clamp(4.95rem,11vw,8.25rem);font-size:1.1rem;display:flex}.timer-caption{color:#c9d7d0;margin:0 0 28px}.timer-visibility-toggle{color:#f8d97a;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;margin:-15px 0 20px;padding:2px 6px;font-size:.85rem;font-weight:700;text-decoration:underline}.timer-card .primary{color:#25433d;background:#f8d97a}.timer-card .plain-button{color:#dce9d9}.music-button{color:#dce9d9;cursor:pointer;font:inherit;background:0 0;border:1px solid #dce9d98c;border-radius:999px;margin-top:18px;padding:9px 14px;font-size:.88rem;font-weight:700}.music-button span{color:#f8d97a;margin-right:4px;font-size:1rem}.music-button.playing{color:#fffaf0;background:#f8d97a26;border-color:#f8d97a}.music-button:disabled{cursor:wait;opacity:.65}.track-control{color:#dce9d9;text-align:left;gap:6px;width:min(100%,320px);margin-top:12px;font-size:.85rem;font-weight:700;line-height:1.5;display:grid}.track-control select{color:#25433d;font:inherit;background:#fffaf0;border:0;border-radius:8px;width:100%;padding:7px 9px}.spotify-player{background:#18302b;border:1px solid #dce9d959;border-radius:10px;width:100%;max-width:320px;margin-top:12px;overflow:hidden}.spotify-player iframe{border:0;width:100%;height:352px;display:block}.music-note{color:#afc4bb;max-width:320px;margin:9px 0 0;font-size:.82rem;line-height:1.5}.modal-box{position:relative}.modal-box>.modal-close{z-index:1;position:absolute;top:24px;right:24px}.setup-modal{background:#fffaf0;border-radius:28px;width:100%;max-width:560px;max-height:calc(100vh - 40px);padding:36px;overflow-y:auto;box-shadow:0 25px 80px #122a2359}.settings-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:27px;display:flex}.modal-close{color:#526a63;cursor:pointer;background:#f4eee3;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0 0 3px;font-size:1.55rem;line-height:1;display:flex}.modal-close:hover{color:#25433d;background:#eadfd2}fieldset{border:0;margin:0 0 25px;padding:0}fieldset:last-child{margin-bottom:0}fieldset:disabled{opacity:.55}legend{margin-bottom:10px;font-size:.88rem;font-weight:700}.choice-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.choice-row button{color:#526a63;background:#f4eee3;border:1px solid #0000;padding:10px 6px}.choice-row button.selected{color:#25433d;background:#dce9d9;border-color:#6e9588}.duration-inputs{max-width:180px}.duration-inputs label{color:#526a63;gap:6px;font-size:.84rem;font-weight:700;display:grid}.duration-inputs input{color:#25433d;font:inherit;background:#fffaf0;border:1px solid #b8c6bf;border-radius:10px;width:100%;padding:9px 10px;font-size:1rem}.duration-inputs input:focus{outline-offset:1px;border-color:#527b70;outline:3px solid #527b7033}.session-view-tabs{background:#f4eee3;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:26px;padding:4px;display:grid}.session-view-tabs button{color:#526a63;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;padding:10px;font-weight:700}.session-view-tabs button.selected{color:#25433d;background:#fffaf0;box-shadow:0 1px 3px #25433d1f}.favorite-sessions>p{color:#667a73;margin:0 0 16px;line-height:1.5}.favorite-sessions ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.favorite-sessions li{background:#f4eee3;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.favorite-sessions li>button:first-child{color:#25433d;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:3px;padding:5px 7px;display:grid}.favorite-sessions li>button:first-child span{color:#667a73;font-size:.86rem}.favorite-delete{color:#9b5140;cursor:pointer;font:inherit;background:0 0;border:0;padding:7px;font-size:.84rem;font-weight:700}.save-favorite{border-top:1px solid #e5ddd0;align-items:end;gap:10px;margin-top:24px;padding-top:22px;display:flex}.save-favorite label{color:#526a63;flex:1;gap:6px;font-size:.84rem;font-weight:700;display:grid}.save-favorite input{color:#25433d;font:inherit;background:#fffaf0;border:1px solid #b8c6bf;border-radius:10px;padding:9px 10px}.save-favorite .outline:disabled{cursor:not-allowed;opacity:.55}.activity-list{gap:8px;display:grid}.activity-list button{color:#25433d;text-align:left;background:0 0;border:1px solid #ded7ca;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.activity-list button span{color:#667a73;font-size:.86rem;font-weight:500}.activity-list button.selected{background:#f8e8de;border-color:#df8a71}.noise-card{border-color:#c6d5ce;flex-direction:column;justify-content:center;min-height:410px;display:flex;box-shadow:0 12px 34px #25433d1f}.status-dot{background:#b8bebc;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 7px #b8bebc33}.status-dot.good{background:#5ea47c;box-shadow:0 0 0 7px #5ea47c29}.status-dot.warn{background:#e6b84f;box-shadow:0 0 0 7px #e6b84f2e}.status-dot.loud{background:#db694f;box-shadow:0 0 0 7px #db694f2b}.noise-expectation{color:#75867f;margin:12px 0 25px;font-size:.86rem}.meter{background:linear-gradient(90deg,#cce2d3 0 34%,#f3dda4 34% 67%,#efc0b0 67%);border-radius:999px;height:22px;padding:5px;overflow:hidden}.meter span{border-radius:inherit;background:#99a7a2;min-width:0;height:100%;transition:width .18s linear;display:block}.meter span.good{background:#39765d}.meter span.warn{background:#ce9224}.meter span.loud{background:#c94f35}.noise-scale{color:#6f807a;justify-content:space-between;margin:7px 0 24px;font-size:.82rem;display:flex}.noise-card .outline{align-self:flex-start}.help-text{color:#a94d3c;margin:13px 0 0;font-size:.88rem;line-height:1.5}.shop-card{background:0 0}.points-badge{color:#f8d97a;white-space:nowrap;background:#25433d;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700}.reward-list{gap:10px;margin-top:24px;display:grid}.reward{background:#fffaf0;border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.reward-icon{background:#dce9d9;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-family:monospace;font-size:15px;display:flex;overflow:hidden}.reward div{gap:3px;display:grid}.reward small{color:#75867f}.reward button{color:#fffaf0;background:#25433d;border:0;padding:8px 12px;font-size:.86rem}.reward button:disabled{color:#7e817d;cursor:not-allowed;background:#d4d1c8}.house-card{background:#e8dfcf;border:1px solid #d7c8b3;border-radius:34px;width:calc(100% - 48px);max-width:1116px;margin:12px auto 30px;padding:36px 32px 32px}.house-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.house-heading .card-label{margin-bottom:7px}.friend-name-field{color:#526a63;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.friend-name-field input{color:#304b42;font:inherit;background:#fffaf0;border:1px solid #c6b69e;border-radius:8px;width:160px;padding:7px 9px;font-weight:500}.friend-name-field input:focus{outline-offset:1px;border-color:#526a63;outline:2px solid #a5c6ba}.friend-name-modal{gap:18px;display:grid}.friend-name-modal .friend-name-field{flex-direction:column;align-items:flex-start;gap:6px}.friend-name-modal .friend-name-field input{width:100%;font-size:1rem}.friend-name-modal .outline{justify-self:start}.house-progress{color:#526a63;text-align:right;background:#fffaf0;border:1px solid #d7c8b3;border-radius:16px;min-width:190px;padding:10px 14px;font-size:.78rem;display:grid}.house-progress>span{justify-content:flex-end;align-items:baseline;gap:5px;display:flex}.house-progress b{color:#cb654e;font-family:inherit;font-size:1.35rem;line-height:1.2}.house-progress small{color:#7d8177;margin-top:3px}.room-tabs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.room-tabs button{color:#526a63;text-align:left;background:#fffaf0;border:1px solid #d7c8b3;justify-content:flex-start;align-items:center;gap:9px;padding:10px 13px;font-size:.8rem;display:flex}.room-tabs button>span:first-child{font-size:1.1rem}.room-tabs button.selected{color:#fff;background:#5b806d;border-color:#4a705e}.room-tabs button:disabled{color:#88877f;cursor:not-allowed;opacity:.78;background:#ded8ce}.room-tab-copy{gap:1px;display:grid}.room-tab-copy small{opacity:.88;font-size:.78rem;font-weight:500}.house-actions{justify-content:flex-end;gap:9px;display:flex}.house-actions .outline{background:#fffaf0}.house-actions-toggle{color:#526a63;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:10px 8px;font-size:.82rem;font-weight:700;text-decoration:underline}.room-scene{background:linear-gradient(#f4dcae 0 68%,#bd855e 68% 100%);border:8px solid #fffaf0;border-radius:24px;min-height:440px;margin-top:10px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 -12px #643a2614}.room-scene:before{content:"";bottom:0;background:repeating-linear-gradient(90deg,#64392221 0 2px,#0000 2px 116px);height:32%;position:absolute;inset-inline:0;transform:skew(-12deg)}.room-scene:after{content:"";bottom:31%;background:#926040;height:9px;position:absolute;inset-inline:0}.room-scene-label{z-index:1;background:#fffaf0eb;border-radius:13px;align-items:center;gap:10px;width:max-content;padding:9px 12px;display:flex;position:relative}.room-scene-label>span{color:#7198d2;font-size:1.35rem}.room-scene-label div{gap:2px;display:grid}.room-scene-label small{color:#637871;font-size:.82rem}.room-window{z-index:1;background:#9ed0dd;border:10px solid #fff5dc;width:205px;height:150px;position:absolute;top:62px;right:9%;overflow:hidden;box-shadow:0 4px #8e6044}.room-window:before,.room-window:after{content:"";z-index:2;background:#fff5dc;position:absolute}.room-window:before{height:8px;top:64px;left:0;right:0}.room-window:after{width:8px;top:0;bottom:0;left:92px}.window-sun{background:#f9d66f;border-radius:50%;width:45px;height:45px;position:absolute;top:15px;right:21px}.window-cloud{background:#fffaf0;border-radius:20px;width:59px;height:17px;position:absolute}.window-cloud:before{background:inherit;content:"";border-radius:50%;width:29px;height:27px;position:absolute;top:-13px;left:12px}.cloud-one{top:40px;left:12px}.cloud-two{bottom:18px;right:12px;transform:scale(.75)}.wall-picture{color:#fff5dc;z-index:1;background:#f4a58f;border:7px solid #fff5dc;justify-content:center;align-items:center;width:92px;height:105px;font-size:2.2rem;display:flex;position:absolute;top:76px;left:34%;transform:rotate(2deg);box-shadow:0 4px #8e6044}.room-shelf{color:#536f61;z-index:1;border-bottom:9px solid #84583d;align-items:end;gap:13px;height:63px;padding:0 10px 6px;display:flex;position:absolute;top:142px;left:7%}.room-shelf span:nth-child(2){color:#dc7d62;font-size:1.5rem}.room-sofa{z-index:2;background:#df7d63;border:5px solid #6d4b38;border-radius:42px 42px 12px 12px;width:310px;height:150px;position:absolute;bottom:63px;right:5%}.room-sofa:before{content:"";background:#ec9b78;border:5px solid #6d4b38;border-radius:22px;height:76px;position:absolute;top:20px;left:20px;right:20px}.room-sofa span{z-index:1;background:#f7ce6c;border:4px solid #6d4b38;border-radius:12px;width:58px;height:52px;position:absolute;top:47px}.room-sofa span:first-child{left:38px;transform:rotate(-8deg)}.room-sofa span:last-child{right:38px;transform:rotate(8deg)}.room-rug{z-index:1;background:repeating-radial-gradient(#f5d77e 0 22px,#8bb2a3 23px 43px,#f6eee0 44px 60px);border:5px solid #6d4b38;border-radius:50%;width:440px;height:94px;position:absolute;bottom:20px;left:20%}.room-plant{z-index:2;background:#c86e54;border:4px solid #6d4b38;border-radius:5px 5px 20px 20px;width:67px;height:60px;position:absolute;bottom:57px;left:5%}.room-plant span{color:#59806b;font-size:76px;position:absolute;top:-70px;left:-4px;transform:rotate(-15deg)}.friend-at-home{z-index:4;width:230px;height:230px;position:absolute;bottom:53px;left:29%}.friend-at-home .friend-scene{transform-origin:bottom;height:230px;transform:scale(.9)}.friend-at-home .friend-message{top:0}.friend-at-home .state-idle{animation:8s ease-in-out infinite friend-wander}@keyframes friend-wander{0%,to{transform:translate(-35px)}50%{transform:translate(35px)}}.empty-room{color:#fffaf0;text-shadow:0 1px 2px #25433d80;z-index:5;max-width:230px;margin:0;font-size:.86rem;line-height:1.5;position:absolute;bottom:18px;left:20px}.placed-decorations{pointer-events:none;z-index:3;position:absolute;inset:0}.room-item{filter:drop-shadow(0 5px 4px #2f261f40);justify-content:center;align-items:center;display:flex;position:absolute}.room-item span{filter:drop-shadow(0 1px #ffffff73);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;line-height:1}.room-item-floor,.room-item-furniture,.room-item-table,.room-item-plant,.room-item-lamp,.room-item-soft{bottom:calc(40px + var(--item-rise) * 7px)}.room-item-furniture{height:105px;left:calc(5% + var(--item-position) * 22%);z-index:2;background:#d98662;border:4px solid #6d4b38;border-radius:28px 28px 10px 10px;width:150px}.room-item-furniture span{font-size:64px}.room-item-table{height:76px;left:calc(10% + var(--item-position) * 20%);z-index:3;background:#c98a60;border:4px solid #6d4b38;border-radius:50% 50% 18px 18px;width:108px}.room-item-table:after{content:"";background:#765039;width:13px;height:29px;position:absolute;bottom:-27px}.room-item-table span{font-size:48px;transform:translateY(-6px)}.room-item-floor{height:64px;left:calc(7% + var(--item-position) * 22%);z-index:3;background:#d79570;border:4px solid #6d4b38;border-radius:14px 14px 22px 22px;width:70px}.room-item-floor span{font-size:43px}.room-item-plant{height:62px;left:calc(6% + var(--item-position) * 22%);z-index:3;background:#c86e54;border:4px solid #6d4b38;border-radius:5px 5px 20px 20px;width:62px}.room-item-plant span{font-size:69px;transform:translateY(-25px)}.room-item-lamp{height:138px;left:calc(9% + var(--item-position) * 21%);z-index:3;width:65px}.room-item-lamp span{font-size:70px;transform:translateY(-22px)}.room-item-soft{height:62px;left:calc(12% + var(--item-position) * 20%);z-index:3;background:#d9e7e7;border:3px solid #6d4b38;border-radius:50%;width:86px}.room-item-soft span{font-size:48px}.room-item-rug{height:70px;bottom:19px;left:calc(8% + var(--item-position) * 17%);z-index:1;background:#efb1b0d9;border:4px solid #6d4b38;border-radius:50%;width:200px;transform:perspective(120px)rotateX(55deg)}.room-item-rug span{font-size:44px;transform:rotateX(-55deg)}.room-item-wall{height:88px;left:calc(12% + var(--item-position) * 18%);top:calc(85px + var(--item-rise) * 28px);z-index:2;background:#fff5dc;border:7px solid #8e6044;width:108px;box-shadow:0 4px #5b3b284d}.room-item-wall span{font-size:55px}.room-item-curtain{height:166px;right:calc(7% + var(--item-position) * 2%);z-index:2;background:#b997c9;border:4px solid #6d4b38;border-radius:8px 8px 0 0;width:72px;top:51px}.room-item-curtain span{font-size:49px}.room-item-hanging{height:105px;left:calc(19% + var(--item-position) * 18%);z-index:2;top:45px}.room-item-hanging:before{content:"";background:#6d4b38;width:3px;height:38px;position:absolute;top:-22px;left:50%}.room-item-hanging span{font-size:57px}.room-item-surface{bottom:calc(96px + var(--item-rise) * 6px);height:48px;left:calc(17% + var(--item-position) * 18%);z-index:4;background:#f4eee3;border:3px solid #6d4b38;border-radius:13px 13px 5px 5px;width:58px}.room-item-surface span{font-size:37px}.shop-modal{background:#fffaf0;border-radius:28px;width:100%;max-width:680px;max-height:calc(100vh - 40px);padding:36px;overflow-y:auto;box-shadow:0 25px 80px #122a2359}.shop-modal .card-heading,.shop-modal .catalog-heading{padding-right:48px}.shop-modal .reward-list{margin-top:24px}.room-picker>h2{margin-bottom:24px;padding-right:48px}.room-picker .room-tabs{grid-template-columns:repeat(2,1fr)}.room-picker .room-tabs button{min-height:66px}.house-catalog{background:#fffaf0}.catalog-heading{justify-content:space-between;align-items:end;display:flex}.catalog-heading h2{margin:3px 0 0}.catalog-label{color:#cb654e;letter-spacing:.03em;margin:0;font-size:.8rem;font-weight:700}.house-catalog .reward-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:400px;padding-right:4px;overflow-y:auto}.house-item-icon{color:#456996;object-fit:contain;background:0 0;font-family:Georgia,serif;font-size:1.45rem}.history-card{grid-column:1/-1}.session-count{color:#44675d;background:#dce9d9;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700}.progress-summary{gap:10px;margin:22px 0 15px;display:flex}.progress-summary span{color:#657972;background:#f4eee3;border-radius:12px;padding:10px 12px;font-size:.82rem}.progress-summary b{color:#25433d}.class-goal{background:#f8e8de;border:1px solid #e6b19f;border-radius:18px;align-items:center;gap:15px;margin:20px 0 22px;padding:15px;display:flex}.class-goal-icon{background:#fffaf0;border-radius:14px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.65rem;display:flex}.class-goal-copy{flex:1;min-width:0}.class-goal-copy p{color:#657972;margin:4px 0 9px;font-size:.82rem}.class-goal-label{letter-spacing:.03em;font-weight:700;color:#cb654e!important;margin:0!important;font-size:.8rem!important}.class-goal h3{color:#25433d;letter-spacing:.01em;margin:3px 0 0;font-family:inherit;font-size:1.05rem}.class-goal-meter{background:#cb654e2e;border-radius:99px;height:8px;overflow:hidden}.class-goal-meter span{border-radius:inherit;background:linear-gradient(90deg,#e98769,#e6b84f);min-width:8px;height:100%;transition:width .35s;display:block}.class-goal-copy small{color:#795d52;margin-top:7px;font-size:.82rem;font-weight:700;display:block}.milestone-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.milestone-pieces>div{background:#fffaf0b8;border:1px solid #e8cbbd;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;gap:1px 7px;min-width:0;padding:6px;display:grid}.milestone-pieces>div.collected{background:#e2ecdc;border-color:#b8cfb7}.milestone-pieces img{object-fit:contain;grid-row:1/3;width:34px;height:34px}.milestone-pieces span{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.milestone-pieces b{color:#795d52;font-size:.78rem}.milestone-pieces .collected b{color:#39765d}.history-card ul{margin:0;padding:0;list-style:none}.history-card li{border-top:1px solid #e9e1d5;grid-template-columns:75px 55px 1fr auto;align-items:center;gap:14px;padding:13px 2px;font-size:.86rem;display:grid}.history-card li span,.history-card li em{color:#75867f}.history-card li em{font-style:normal}.history-card li strong{color:#cb654e}.empty-state{color:#75867f;margin:28px 0 4px}.modal-backdrop{z-index:10;background:#19302aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.completion-modal{text-align:center;background:#fffaf0;border-radius:28px;max-width:460px;padding:42px;box-shadow:0 25px 80px #122a2359}.completion-modal h2{font-size:2.4rem}.completion-modal>p:not(.eyebrow){color:#60756e;margin:17px 0 25px;line-height:1.6}.completion-friend{width:200px;height:150px;margin:-35px auto 14px;overflow:hidden}.completion-friend .friend-scene{transform-origin:top;height:250px;left:-15px;transform:scale(.72)}.completion-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.export-import-trigger{color:#25433d;cursor:pointer;background:#fffaf0;border:1px solid #9eaea8;border-radius:999px;padding:9px 15px;font-size:.86rem;font-weight:700}.export-import-trigger:hover{background:#edf3e9;border-color:#6e9588}.export-import-modal{background:#fffaf0;border:1px solid #e7ded0;border-radius:28px;width:100%;max-width:620px;max-height:calc(100vh - 40px);padding:38px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #122a2359}.export-import-modal>.modal-close,.clear-data-modal>.modal-close{color:#526a63;cursor:pointer;background:#f4eee3;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0 0 3px;font-size:1.55rem;line-height:1;display:flex}.export-import-modal>.modal-close:hover,.clear-data-modal>.modal-close:hover{color:#25433d;background:#eadfd2}.export-import-label{color:#cb654e;letter-spacing:.03em;text-transform:uppercase;margin:0 48px 8px 0;font-size:.82rem;font-weight:700}.export-import-modal h2{margin-right:48px}.export-import-copy{color:#60756e;margin:15px 0 24px;line-height:1.6}.export-import-included{background:#edf3e9;border:1px solid #c4d8cc;border-radius:16px;margin-bottom:20px;padding:16px 18px}.export-import-included h3,.export-import-success h3,.export-import-instructions h3{margin:0 0 9px;font-size:.95rem}.export-import-included ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.export-import-included li{color:#46645b;font-size:.88rem}.export-import-included p{color:#60756e;margin:11px 0 0;font-size:.84rem}.export-import-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-import-primary,.export-import-secondary,.export-import-dismiss{cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:700}.export-import-primary{color:#fffaf0;background:#25433d;border:1px solid #25433d}.export-import-primary:hover{background:#39675b}.export-import-secondary{color:#25433d;background:#f8d97a;border:1px solid #e8c35e}.export-import-secondary:hover{background:#f4ce61}.export-import-file{display:none}.export-import-message{border-radius:12px;margin:16px 0 0;padding:10px 12px;font-size:.9rem;font-weight:700}.export-import-message.error{color:#a94d3c;background:#f8e8de}.export-import-success{color:#526a63;background:#fff4d3;border:1px solid #e8c35e;border-radius:16px;margin-top:16px;padding:16px 18px}.export-import-success p{margin:5px 0;font-size:.88rem}.export-import-filename{overflow-wrap:anywhere}.export-import-success h3:not(:first-child){margin-top:15px}.export-import-os-buttons{flex-wrap:wrap;gap:8px;display:flex}.export-import-os-buttons button{color:#25433d;cursor:pointer;background:#fffaf0;border:1px solid #d7c8b3;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700}.export-import-os-buttons button.selected{color:#fffaf0;background:#25433d;border-color:#25433d}.export-import-path{background:#fffaf0bf;border-radius:9px;padding:8px 10px;margin-top:10px!important}.export-import-download-note{color:#795d52;margin-top:12px!important;font-size:.8rem!important}.export-import-instructions{border-top:1px solid #e7ded0;margin-top:22px;padding-top:18px}.export-import-instructions ol{color:#60756e;gap:8px;margin:0;padding-left:20px;font-size:.86rem;display:grid}.export-import-instructions b{color:#25433d}.export-import-dismiss{color:#526a63;background:0 0;border:0;margin:18px auto -10px;display:block}.export-import-dismiss:hover{color:#25433d;text-decoration:underline}.clear-data-section{justify-content:center;width:calc(100% - 48px);margin:48px auto 0;display:flex}.clear-data-trigger{color:#fffaf0;cursor:pointer;background:#b84338;border:1px solid #9f332d;border-radius:999px;padding:11px 18px;font-size:.88rem;font-weight:700}.clear-data-trigger:hover{background:#98342d}.clear-data-modal{background:#fffaf0;border:1px solid #e7ded0;border-radius:28px;width:100%;max-width:500px;padding:38px;position:relative;box-shadow:0 25px 80px #122a2359}.clear-data-label{color:#b84338;letter-spacing:.03em;text-transform:uppercase;margin:0 48px 8px 0;font-size:.82rem;font-weight:700}.clear-data-modal h2{margin-right:36px}.clear-data-copy{color:#60756e;margin:15px 0 20px;line-height:1.6}.clear-data-save{color:#25433d;cursor:pointer;background:#edf3e9;border:1px solid #9abaaa;border-radius:999px;width:100%;padding:11px 16px;font-weight:700}.clear-data-save:hover{background:#dce9d9}.clear-data-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.clear-data-cancel,.clear-data-confirm{cursor:pointer;border-radius:999px;padding:12px 14px;font-weight:700}.clear-data-cancel{color:#25433d;background:0 0;border:1px solid #9eaea8}.clear-data-cancel:hover{background:#f4eee3}.clear-data-confirm{color:#fffaf0;background:#b84338;border:1px solid #9f332d}.clear-data-confirm:hover{background:#98342d}.info-icon{cursor:help;color:var(--muted-text);position:relative}.info-icon:hover,.info-icon:focus{color:var(--accent)}.tooltip{border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:100;background:#fbf7ed;border-radius:.5rem;width:280px;padding:.75rem;font-size:.875rem;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)}.info-icon:hover .tooltip,.info-icon:focus .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";border-style:solid;border-width:8px;border-color:var(--card-background) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=760px){.app-header{padding:20px}.app-header p{display:none}.friend-scene{transform-origin:bottom;height:220px;transform:scale(.86)}.dashboard-grid,.dashboard-placeholder{grid-template-columns:1fr;width:auto;margin:0 18px}.focus-controls{padding:12px}.card{padding:24px}.setup-modal{padding:27px 22px}.history-card{grid-column:auto}.house-card{border-radius:0 0 28px 28px;width:100%;margin-top:0;padding:28px 18px 20px}.house-heading{flex-direction:column;align-items:flex-start;gap:14px}.house-progress{text-align:left;width:100%}.house-progress>span{justify-content:flex-start}.friend-name-field{flex-direction:column;align-items:flex-start;gap:4px}.friend-name-field input{width:100%}.room-tabs{grid-template-columns:repeat(2,1fr)}.house-actions{grid-template-columns:1fr;display:grid}.room-scene{min-height:430px}.room-window{transform-origin:100% 0;right:5%;transform:scale(.78)}.wall-picture{transform-origin:0 0;left:38%;transform:scale(.8)rotate(2deg)}.room-shelf{transform-origin:0 100%;left:3%;transform:scale(.75)}.room-sofa{transform-origin:100% 100%;bottom:58px;right:-75px;transform:scale(.72)}.room-rug{transform-origin:0 100%;left:5%;transform:scale(.72)}.friend-at-home{transform-origin:0 100%;bottom:50px;left:16%;transform:scale(.8)}.room-plant{transform-origin:0 100%;left:3%;transform:scale(.75)}.room-item-furniture{left:calc(2% + var(--item-position) * 21%);transform-origin:0 100%;transform:scale(.76)}.room-item-table{left:calc(4% + var(--item-position) * 20%);transform-origin:0 100%;transform:scale(.76)}.room-item-rug{left:calc(4% + var(--item-position) * 16%);transform-origin:0 100%;transform:perspective(120px)rotateX(55deg)scale(.72)}.room-item-wall{left:calc(5% + var(--item-position) * 18%);transform-origin:0 0;transform:scale(.76)}.room-item-surface{left:calc(10% + var(--item-position) * 18%);transform-origin:0 100%;transform:scale(.8)}.shop-modal{padding:30px 22px}.modal-box>.modal-close{top:18px;right:18px}.catalog-heading{align-items:flex-start;gap:12px}.house-catalog .reward-list{grid-template-columns:1fr}.history-card li{grid-template-columns:60px 45px 1fr}.history-card li em{display:none}.progress-summary{flex-direction:column}.class-goal{align-items:flex-start}.milestone-pieces{grid-template-columns:1fr}.export-import-trigger{padding:9px 12px;font-size:0}.export-import-trigger:after{content:"Save Setup";font-size:.82rem}.export-import-modal{padding:32px 22px 26px}.export-import-actions{grid-template-columns:1fr}.clear-data-section{width:auto;margin-top:36px}.clear-data-modal{padding:32px 22px 26px}.clear-data-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}