:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#45503f;background:#f6f5ee;font-synthesis:none;--ink:#45503f;--muted:#969b89;--green:#788b5f;--sage:#aab78d;--line:#e6e8db;--paper:#fffef7;--bg:#f6f5ee;--shadow:0 7px 28px #4f593308}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #aab88a;outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;flex:none;vertical-align:middle}button{transition:background .2s,color .2s,transform .2s}button:hover{color:#536947}button:active{transform:translateY(1px)}[hidden]{display:none!important}#app{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.site-header{height:86px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 42px;border-bottom:1px solid var(--line);background:#f9f8f2d9;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:block;width:45px;height:45px;background:#e2e8d1;border-radius:15px;padding:5px}.brand-mark svg{width:100%;height:100%}.brand strong{font-size:20px;letter-spacing:2px;font-weight:600;display:block;white-space:nowrap}.brand small{display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:2.4px;margin-top:6px;color:#949c85}.main-nav{display:flex;align-self:stretch;gap:37px;margin-left:28px}.nav-item{position:relative;display:flex;align-items:center;gap:8px;padding:0 4px;color:#989d8f;font-size:13px;white-space:nowrap;letter-spacing:.5px}.nav-item .icon{width:17px;height:17px}.nav-item.active{color:#5f764a;font-weight:500}.nav-item.active:after{position:absolute;content:"";bottom:0;left:21px;right:21px;height:3px;border-radius:3px 3px 0 0;background:#7d9365}.journal-dot{position:absolute;right:-3px;top:29px;width:5px;height:5px;border-radius:50%;background:#c5a67a;display:none}.journal-dot.visible{display:block}.header-right{display:flex;align-items:center;gap:14px}.season{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;color:#8a927a}.season .icon{color:#b9a174;width:21px;height:21px}.season i{font-style:normal;margin:0 6px;color:#b1b5a6}.header-divider{height:19px;width:1px;background:var(--line);margin:0 4px}.icon-button{display:grid;place-items:center;position:relative;width:34px;height:34px;border-radius:50%;color:#818b74}.icon-button:hover{background:#e7eadb}.header-right .icon-button .icon{width:19px;height:19px}.sound-off-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#bfc3b3;right:5px;bottom:4px;box-shadow:0 0 0 2px var(--bg)}.music-button.playing{background:#e5ebd8;color:#6d8554}.music-button.playing .sound-off-dot{background:#8f9e6d;animation:soundPulse 1s ease infinite alternate}.home-view{position:relative;flex:1;min-height:560px;height:calc(100svh - 147px);background:radial-gradient(ellipse at 38% 54%,#e7ecda 0,#eff1e5 35%,#f5f5ec 64%,#f6f5ee 85%)}.intro{position:absolute;left:46px;top:32px;z-index:2;pointer-events:none}.eyebrow{font-family:Georgia,serif;letter-spacing:2.2px;font-size:9px;display:flex;align-items:center;gap:9px;color:#959e82}.eyebrow>span{display:block;width:19px;height:1px;background:#9ba584}.intro h1{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-weight:500;font-size:33px;letter-spacing:1px;margin:15px 0 12px;line-height:1.55;display:flex;align-items:center}.intro h1 span{color:#7c8e64}.title-sprout{width:32px;height:32px;margin-left:9px;color:#97a47d;transform:rotate(9deg)}.intro p{font-size:12px;letter-spacing:1.2px;color:#939b85;margin:0}.scene-container{position:absolute;left:0;right:316px;top:60px;bottom:98px;overflow:hidden;opacity:0;transition:opacity 1s}.scene-container canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.is-ready .scene-container{opacity:1}.ambient-leaf{position:absolute;color:#dbe1cc;pointer-events:none}.ambient-leaf .icon{width:58px;height:58px;stroke-width:.7}.leaf-one{left:38px;bottom:170px;transform:rotate(-28deg)}.leaf-two{left:52%;top:39px;transform:rotate(55deg);opacity:.6}.scene-caption{position:absolute;left:47px;bottom:144px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#87947b}.scene-caption>span:last-child{color:#adb2a0;font-size:9px;letter-spacing:.2px}.tiny-live-dot{width:5px;height:5px;border-radius:50%;background:#a3b68e;box-shadow:0 0 0 3px #e6ebda}.caption-line{height:11px;width:1px;background:#d6ddc9;margin:0 3px}.sidebar{position:absolute;right:36px;top:33px;width:274px;display:flex;flex-direction:column;gap:17px}.pipi-card{padding:20px 20px 0;background:#fffef7e8;border:1px solid #fefef8;border-radius:20px;box-shadow:var(--shadow)}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#8d967e}.card-eyebrow>span{font:9px Georgia,serif;letter-spacing:1.4px;color:#bdc1b1}.profile{display:flex;align-items:center;gap:11px;margin:20px 0 22px}.avatar{position:relative;width:69px;height:69px;flex:none;border-radius:50%;background:#e8ecd9;border:3px solid #f1f1e6;padding:4px}.avatar svg{width:100%;height:100%}.avatar-flower{position:absolute;right:-4px;bottom:-3px;color:#c4ad70;font-size:24px;text-shadow:1px 1px #fff;font-family:serif}.name-line{display:flex;align-items:center;gap:9px}.name-line h2{margin:0;font-size:22px;letter-spacing:2px;font-weight:600}.name-line>span{color:#a7b5a8;font-size:14px}.profile-text p{font-size:9px;color:#9ea38f;margin:6px 0 9px;white-space:nowrap;letter-spacing:.2px}.mood-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;background:#eef2e3;color:#8a9c72;border-radius:5px}.mood-pill>span{width:4px;height:4px;background:#9caf7e;border-radius:50%}.stats{display:flex;flex-direction:column;gap:14px;padding-bottom:21px}.stat{display:flex;align-items:center;gap:11px;font-size:10px}.stat>span{display:flex;align-items:center;gap:6px;color:#8d947f;width:48px;flex:none}.stat .icon{width:13px;height:13px;stroke-width:1.6}.meter{height:5px;background:#f0f0e6;flex:1;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;border-radius:5px;transition:width .4s;background:#b4c293}.stat:nth-child(2) .meter i{background:#decba1}.stat:nth-child(3) .meter i{background:#d4b0a0}.stat b{font-size:10px;font-weight:500;color:#939b84;width:31px;text-align:right;font-variant-numeric:tabular-nums}.stat b small{font-size:8px;margin-left:2px;color:#b6baa9}.profile-note{border-top:1px dashed #e9ebdf;padding:13px 0 15px;font-size:8px;letter-spacing:.1px;color:#aaaf9c;display:flex;align-items:center;gap:6px;white-space:nowrap}.profile-note .icon{width:12px;height:12px;color:#c4b49a}.moment-card{padding:18px 20px;background:#f9faf2e8;border:1px solid #e6e9da;border-radius:17px}.section-label{display:flex;align-items:center;justify-content:space-between}.section-label>span{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.6px;color:#869475}.section-label i{width:5px;height:5px;background:#99ac76;border-radius:50%;box-shadow:0 0 0 3px #eaf0dc}.house-time{font-family:Georgia,serif;color:#abb397;font-size:12px;font-variant-numeric:tabular-nums}.activity-line{display:flex;gap:11px;align-items:center;margin:20px 0 18px}.activity-icon{width:38px;height:38px;background:#e9eedb;border-radius:12px;display:grid;place-items:center;color:#8fa171;flex:none}.activity-icon .icon{width:22px;height:22px}.activity-line h3{font-size:12px;margin:0 0 7px;font-weight:500;letter-spacing:.3px}.activity-line p{font-size:9px;color:#a1a890;margin:0}.activity-progress{height:3px;overflow:hidden;background:#e7ebdc;border-radius:2px}.activity-progress i{height:100%;display:block;background:#b5c39b;transition:width .2s linear}.activity-meta{display:flex;justify-content:space-between;font-size:8px;color:#a4ac94;margin-top:9px}.note-card{margin:2px 4px 0;background:#f3ecd7;padding:20px 20px 16px;position:relative;transform:rotate(-1.8deg);border-radius:3px 3px 12px;box-shadow:2px 4px 10px #74633306}.note-pin{position:absolute;width:48px;height:15px;top:-7px;left:calc(50% - 24px);background:#d8dfbf9c;transform:rotate(4deg);border-left:1px dashed #c5cca9;border-right:1px dashed #c5cca9}.note-top{display:flex;align-items:center;gap:7px;font-size:9px;color:#a39572}.note-top .icon{width:13px;height:13px}.note-top>span{margin-left:auto;font:8px Georgia,serif;color:#c1b28b;letter-spacing:1px}.daily-quote{font-family:"Noto Serif SC",Songti SC,serif;font-size:16px;line-height:1.95;color:#887e5e;margin:19px 0 16px;letter-spacing:1.6px}.note-bottom{display:flex;align-items:center;justify-content:space-between;font:italic 10px Georgia,serif;color:#bcad83}.note-bottom .icon{width:18px;height:18px;transform:rotate(15deg);opacity:.65}.journal-link{display:flex;align-items:center;justify-content:space-between;color:#939d82;font-size:10px;padding:0 8px;margin-top:2px}.journal-link>span{width:25px;height:25px;border:1px solid #dfe4d0;border-radius:50%;display:grid;place-items:center}.journal-link .icon{width:13px;height:13px}.thought-bubble{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #fffdf1;background:#fffdf3ed;box-shadow:0 4px 18px #6a62450c;border-radius:14px 14px 14px 3px;transform:translate(-35%,-100%);font-size:10px;color:#8c8d73;pointer-events:none;z-index:2;white-space:nowrap;opacity:0;transition:opacity .3s}.is-ready .thought-bubble{opacity:1}.thought-bubble.offscreen{opacity:0}.thought-symbol{font-family:Georgia,serif;font-size:15px;color:#b6a172}.thought-bubble:after{position:absolute;content:"";width:7px;height:7px;left:20px;bottom:-8px;border-radius:50%;background:#fffdf3e6}.scene-tools{position:absolute;left:34px;top:50%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:#fffef5d9;border:1px solid #fdfdf4;border-radius:24px;box-shadow:0 3px 18px #4e563407}.scene-tools>.icon-button{width:32px;height:32px}.scene-tools .icon{width:17px;height:17px}.scene-tools>span{width:14px;height:1px;background:#ebeedf}.interaction-hint{position:absolute;bottom:115px;left:0;right:322px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:9px;color:#a0a98e;letter-spacing:.3px;pointer-events:none}.interaction-hint .icon{width:15px;height:15px}.interaction-hint i{font-size:9px;font-style:normal;color:#c1c8b1}.bottom-area{position:absolute;bottom:20px;left:0;right:322px;display:flex;justify-content:center;padding:0 32px}.activity-dock{display:flex;align-items:center;gap:20px;padding:12px 19px 11px 24px;background:#fffff9f2;border:1px solid #fffdf8;border-radius:21px;box-shadow:0 5px 23px #69714b09}.dock-label{font-size:11px;letter-spacing:.4px;white-space:nowrap;line-height:1.6;color:#7d896d}.dock-label>span{display:block;font:7px Georgia,serif;letter-spacing:1.15px;margin-top:7px;color:#b5bda5}.dock-actions{display:flex;align-items:center;gap:12px}.activity-button{position:relative;width:48px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:#919781;padding:0 3px 3px}.action-illustration{width:39px;height:35px;border-radius:11px;display:grid;place-items:center;transition:transform .2s,background .2s}.action-illustration .icon{width:25px;height:25px;stroke-width:1.5}.action-cook{color:#b8a06e;background:#f4efdf}.action-eat{color:#ad9980;background:#f4ece1}.action-read{color:#a2ae88;background:#eef1e4}.action-sleep{color:#b49e84;background:#f4eee0}.action-clean{color:#97a489;background:#edf1e4}.activity-button:hover .action-illustration{transform:translateY(-3px);background:#e5ebd5}.activity-button.selected{color:#6b8253}.activity-button.selected .action-illustration{background:#e4eccf;box-shadow:inset 0 0 0 1px #d3dfba}.activity-button>i{position:absolute;width:3px;height:3px;border-radius:50%;background:transparent;bottom:-5px}.activity-button.selected>i{background:#9aae78}.dock-divider{height:40px;width:1px;background:#eaedde}.auto-button{display:flex;align-items:center;gap:8px;padding:0;white-space:nowrap}.auto-button>.icon{width:21px;height:21px;color:#9eaf81}.auto-button>span{font-size:11px;color:#7c896a;text-align:left;line-height:1.6}.auto-button small{font-size:8px;color:#b1b9a0;display:block;margin-top:5px}.toggle{width:25px;height:14px;border-radius:8px;background:#d7dccb;position:relative;margin-left:2px;transition:background .2s}.toggle b{position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#fff;transition:transform .2s}.auto-button.active .toggle{background:#a7b889}.auto-button.active .toggle b{transform:translate(11px)}.site-footer{height:61px;min-height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 43px;gap:24px;border-top:1px solid var(--line);background:#f8f7f0;color:#a4ac93;font-size:10px}.footer-note{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.5px}.footer-note .icon{width:14px;height:14px;color:#b8c0a6;transform:rotate(-16deg)}.playback{display:flex;align-items:center;gap:19px}.playback button{display:flex;align-items:center;gap:7px;font-size:10px;color:#919d7e;padding:6px}.playback .icon{width:14px;height:14px}.footer-separator{height:13px;width:1px;background:#e6eadb}.speed-button{font-family:Georgia,serif!important;font-size:13px!important}.speed-button>span{font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:9px;margin-left:2px}.save-status{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:.4px}.save-status>span{width:4px;height:4px;border-radius:50%;background:#b3bea1}.loading{position:absolute;left:0;right:322px;top:45%;display:flex;align-items:center;flex-direction:column;gap:16px;color:#7f8f6c;font-size:13px;z-index:3;pointer-events:none;transition:opacity .5s,visibility .5s}.loading-cat{width:80px;height:80px;border-radius:50%;background:#e3e9d4;padding:6px;animation:catFloat 2s ease-in-out infinite}.loading-cat svg{width:100%;height:100%}.loading small{font-size:10px;color:#a1ab8f}.is-ready .loading{opacity:0;visibility:hidden}.loading-dots{display:inline-block;animation:soundPulse .9s ease infinite alternate}.loading .retry-button{pointer-events:auto;background:#829769;color:#fff;border-radius:12px;padding:10px 24px}.loading p{max-width:300px;line-height:1.8;text-align:center}.furniture-tooltip{position:fixed;z-index:15;pointer-events:none;background:#fffdf4f5;border:1px solid #e2e6d7;padding:9px 12px;border-radius:10px;box-shadow:0 4px 18px #3c482515;color:#7f8c6a;font-size:11px;max-width:210px}.toast{position:fixed;bottom:87px;left:50%;transform:translate(-50%,15px);background:#526244ed;color:#fffef3;padding:13px 22px;border-radius:14px;font-size:12px;letter-spacing:.4px;box-shadow:0 6px 28px #35402e20;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(90vw,520px);line-height:1.6;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.modal{border:1px solid #f0eddf;border-radius:25px;background:#fcfaf1;color:var(--ink);width:550px;max-width:calc(100vw - 32px);max-height:84svh;padding:39px 37px 28px;box-shadow:0 30px 100px #303f2926}.modal::backdrop{background:#47503e46;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-close{position:absolute;right:16px;top:16px;color:#9ca48d}.modal-eyebrow{font:8px Georgia,serif;letter-spacing:1.8px;color:#a2ad8c;margin-bottom:18px}.modal h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:26px;font-weight:500;margin:0 0 15px;letter-spacing:1px}.modal-lead{font-size:12px;color:#969f86;line-height:1.9;letter-spacing:.3px;margin:0 0 25px}.modal h3{font-weight:500}.journal-count{font-family:Noto Sans SC,sans-serif;font-size:10px;letter-spacing:0;margin-left:15px;color:#a5af95}.journal-entries{display:flex;flex-direction:column;gap:15px}.journal-entry{display:flex;gap:14px;padding:15px 0 19px;border-bottom:1px dashed #e1e5d3;position:relative}.journal-entry-icon{background:#ebefde;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;color:#9cac80;margin-top:4px}.journal-entry-icon .icon{width:19px;height:19px}.journal-entry time{font:11px Georgia,serif;color:#aab796}.journal-entry h3{font-size:13px;margin:8px 0 7px}.journal-entry p{font-size:11px;color:#9ca48d;line-height:1.9;margin:0;padding-right:18px}.journal-check{color:#b4c096;width:14px;height:14px;position:absolute;right:0;top:21px}.journal-footer{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#b1b8a2;padding-top:23px}.journal-footer .icon{width:12px;height:12px}.empty-journal{text-align:center;padding:30px 0 38px;color:#9caa87}.empty-journal>.icon{width:48px;height:48px;stroke-width:.9;color:#bbc5a6;margin-bottom:12px}.empty-journal h3{font-size:16px;letter-spacing:1px}.empty-journal p{font-size:12px;line-height:1.9;color:#aab397}.about-avatar{width:95px;height:95px;border-radius:50%;background:#e9ecd9;padding:5px;float:right;margin:0 0 16px 20px}.about-avatar svg{width:100%;height:100%}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:26px 0;padding:22px 0;border-top:1px dashed #dfe5d2;border-bottom:1px dashed #dfe5d2}.about-facts>div{font-size:11px;color:#94a07e;display:flex;gap:8px;align-items:center}.about-facts .icon{width:15px;height:15px;color:#a8b58e}.about-letter{font-family:"Noto Serif SC",Songti SC,serif;font-size:13px;line-height:2.2;color:#889574;letter-spacing:.4px}.letter-sign{font-size:11px;color:#a0aa8d;margin-top:26px;display:flex;align-items:center;justify-content:space-between}.letter-sign .icon{width:15px;height:15px;margin-left:4px}.help-items{display:flex;flex-direction:column;gap:24px;margin:28px 0}.help-items>div{display:flex;gap:16px}.help-items>div>.icon{color:#a2b086;width:25px;height:25px}.help-items strong{font-size:13px;font-weight:500}.help-items p{font-size:11px;color:#9ba48b;line-height:1.9;margin:7px 0 0}.help-footnote{font-size:10px;color:#b0b8a1;border-top:1px dashed #e1e6d4;padding-top:18px;line-height:1.8}[data-theme=night]{--bg:#e1e5df;--line:#d7ded3;background:#e1e5df}[data-theme=night] .home-view{background:radial-gradient(ellipse at 38% 54%,#becac4 0,#d2dad2,#e1e5dc 80%)}[data-theme=night] .site-header,[data-theme=night] .site-footer{background:#e9ece2}[data-theme=night] .note-card{background:#ece1c6}[data-theme=night] .pipi-card{background:#f5f7eccf}[data-theme=night] .moment-card{background:#eff2e4dc}[data-theme=night] .intro p{color:#839079}[data-paused=true] .section-label i{background:#b4b7a5;box-shadow:none}@keyframes catFloat{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes soundPulse{to{opacity:.45}}@media(min-width:1600px){.sidebar{right:55px;width:290px;top:45px;gap:21px}.pipi-card{padding:23px 24px 0}.profile{margin:24px 0 26px}.stats{gap:18px}.moment-card,.note-card{padding:22px 24px}.intro{left:61px;top:43px}.intro h1{font-size:37px}.scene-container{right:355px;top:65px;bottom:106px}.bottom-area,.interaction-hint{right:355px}.scene-caption{left:62px;bottom:158px}.activity-dock{gap:27px;padding:16px 26px}.dock-actions{gap:20px}.scene-tools{left:48px}}@media(max-width:1200px){.site-header{padding:0 27px;gap:18px}.main-nav{gap:22px;margin-left:0}.header-right{gap:7px}.brand strong{font-size:18px}.brand small{font-size:8px}.brand-mark{width:41px;height:41px}.sidebar{right:24px;width:246px;top:33px;gap:14px}.pipi-card{padding:18px 16px 0}.profile{gap:9px}.avatar{width:59px;height:59px}.profile-text p{font-size:8px}.name-line h2{font-size:21px}.profile-note{font-size:7px}.moment-card{padding:17px 16px}.daily-quote{font-size:14px}.note-card{padding:18px 16px 14px}.scene-container{right:261px;top:85px;bottom:120px}.intro{left:31px;top:30px}.intro h1{font-size:29px}.intro p{font-size:11px}.scene-tools{left:24px;top:46%}.scene-caption{left:34px;bottom:163px}.scene-caption>span:last-child{display:none}.bottom-area{right:268px;padding:0 20px;bottom:26px}.activity-dock{gap:14px;padding:12px 15px}.dock-label{display:none}.dock-actions{gap:14px}.interaction-hint{right:274px;bottom:119px;font-size:8px;gap:8px}.auto-button>span{font-size:10px}.auto-button small{font-size:7px}.site-footer{padding:0 30px}.footer-note{font-size:8px}.save-status{font-size:7px}.playback{gap:12px}.note-top{font-size:8px}}@media(max-width:960px){.brand small{letter-spacing:1.5px}.main-nav{gap:17px}.nav-item{font-size:11px;gap:6px}.season,.header-divider{display:none}.header-right{gap:3px}.home-view{min-height:685px}.intro h1{font-size:27px}.sidebar{width:224px;right:18px;top:34px}.pipi-card{padding:16px 14px 0}.card-eyebrow{font-size:9px}.avatar{width:53px;height:53px}.profile{margin:20px 0}.profile-text p{font-size:7px}.mood-pill{font-size:8px}.profile-note{font-size:6px}.stats{gap:13px}.stat{gap:7px}.stat>span{font-size:9px;width:44px}.note-top{font-size:8px;gap:4px}.note-top>span{font-size:7px}.daily-quote{font-size:14px;letter-spacing:1px}.scene-container{right:239px;top:105px;bottom:112px}.scene-tools{left:15px}.scene-tools>.icon-button{width:29px;height:29px}.scene-caption{left:27px}.bottom-area{right:235px;padding:0 15px;bottom:25px}.activity-dock{gap:11px;padding:11px 13px}.dock-actions{gap:8px}.activity-button{width:40px}.action-illustration{width:35px;height:33px}.auto-button>.icon{display:none}.auto-button{gap:7px}.auto-button>span{font-size:9px}.auto-button small{display:none}.toggle{width:24px;height:14px}.interaction-hint{right:240px;font-size:7px;gap:6px}.interaction-hint .icon{width:13px}.footer-note{max-width:200px;font-size:7px}.site-footer{padding:0 22px}.save-status{font-size:6px}.playback{gap:8px}.playback button{font-size:9px;gap:5px}}@media(max-width:720px){.site-header{height:71px;min-height:71px;padding:0 19px;gap:12px}.brand{gap:9px}.brand-mark{width:37px;height:37px;border-radius:12px;padding:4px}.brand strong{font-size:16px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1.6px;margin-top:4px}.main-nav{margin-left:auto;gap:14px}.nav-item{font-size:0;gap:0;padding:0 3px}.nav-item .icon{width:18px;height:18px}.nav-item.active:after{left:0;right:0;height:2px}.main-nav .nav-item:first-child{display:none}.header-right{gap:0}.header-right .help-button{display:none}.header-right .icon-button{width:28px;height:28px}.journal-dot{top:18px;right:-3px}.home-view{height:auto;min-height:1030px;flex:none;background:radial-gradient(ellipse at 45% 34%,#e7ecda 0,#f1f3e6 35%,#f6f5ee 68%)}.intro{top:25px;left:25px}.eyebrow{font-size:7px;letter-spacing:1.8px}.intro h1{font-size:27px;margin:12px 0 9px;letter-spacing:.3px}.intro p{font-size:10px;letter-spacing:.6px}.title-sprout{width:25px;height:25px;margin-left:5px}.scene-container{left:0;right:0;top:135px;bottom:auto;height:429px}.scene-tools{left:auto;right:17px;top:156px;border-radius:18px;padding:5px 2px;gap:1px}.scene-tools .icon{width:15px;height:15px}.scene-tools .icon-button{width:29px;height:29px}.scene-caption{left:25px;bottom:auto;top:535px;font-size:8px}.scene-caption>span:last-child{display:inline;font-size:7px}.scene-caption .caption-line{height:9px}.interaction-hint{right:0;bottom:auto;top:568px;font-size:8px;gap:7px}.thought-bubble{font-size:8px;padding:7px 9px;gap:5px;border-radius:11px 11px 11px 2px}.thought-symbol{font-size:12px}.bottom-area{left:0;right:0;bottom:auto;top:596px;padding:0 18px}.activity-dock{width:100%;justify-content:space-between;padding:11px 13px;gap:10px;border-radius:18px}.dock-actions{flex:1;justify-content:space-between;gap:5px}.activity-button{font-size:9px;width:38px}.action-illustration{width:32px;height:30px;border-radius:9px}.action-illustration .icon{width:23px;height:23px}.dock-divider{height:35px}.auto-button{display:flex;flex-direction:column;gap:6px}.auto-button>span{font-size:8px}.auto-button .toggle{margin:0}.sidebar{left:19px;right:19px;top:698px;width:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:12px;align-items:start}.pipi-card{grid-row:1/3;border-radius:16px;padding:15px 14px 0}.card-eyebrow{font-size:8px;letter-spacing:0}.card-eyebrow>span{font-size:7px}.profile{flex-direction:column;align-items:flex-start;position:relative;gap:6px;margin:17px 0 19px}.avatar{position:absolute;right:-2px;top:0;width:49px;height:49px}.profile-text{z-index:1}.name-line h2{font-size:20px}.name-line{gap:5px}.name-line>span{font-size:10px}.profile-text p{font-size:7px;margin:7px 0 10px;padding-top:4px}.mood-pill{font-size:7px;padding:3px 6px}.avatar-flower{font-size:20px}.stats{padding-bottom:16px;gap:13px}.stat>span{font-size:8px;width:37px;gap:4px}.stat .icon{width:11px;height:11px}.stat{gap:6px}.stat b{font-size:8px;width:23px}.stat b small{font-size:6px}.meter{height:4px}.profile-note{padding:12px 0 13px;font-size:6px;white-space:normal;line-height:1.5;gap:4px}.profile-note .icon{width:10px}.moment-card{border-radius:14px;padding:14px 12px}.section-label>span{font-size:8px;gap:5px;letter-spacing:0}.house-time{font-size:10px}.activity-line{gap:7px;margin:15px 0}.activity-icon{width:29px;height:29px;border-radius:9px}.activity-icon .icon{width:17px;height:17px}.activity-line h3{font-size:9px;letter-spacing:0;line-height:1.6;margin:0 0 3px}.activity-line p{font-size:7px;line-height:1.7}.activity-meta{font-size:6px;margin-top:8px}.activity-meta>span:last-child{display:none}.note-card{margin:0 2px;padding:14px 12px 12px;transform:rotate(-1.5deg)}.note-top{font-size:7px}.note-top>span{display:none}.note-top .icon{width:10px;height:10px}.daily-quote{font-size:11px;line-height:1.8;letter-spacing:.5px;margin:10px 0 9px}.note-bottom{font-size:7px}.note-bottom .icon{width:13px;height:13px}.note-pin{width:31px;left:calc(50% - 15px);height:11px;top:-5px}.journal-link{grid-column:1/-1;font-size:9px;margin-top:1px;padding:0 7px}.journal-link>span{width:22px;height:22px}.leaf-one{left:5px;bottom:auto;top:433px}.leaf-two{right:24px;left:auto;top:71px}.leaf-two .icon{width:35px;height:35px}.loading{right:0;top:300px;font-size:12px}.loading-cat{width:70px;height:70px}.loading small{font-size:9px}.site-footer{min-height:97px;height:auto;flex-wrap:wrap;padding:16px 22px 13px;justify-content:center;gap:17px}.footer-note{order:2;max-width:none;flex:1;font-size:7px}.playback{justify-content:center;width:100%;gap:17px}.playback button{font-size:10px}.playback .icon{width:13px;height:13px}.speed-button>span{font-size:8px}.save-status{order:3;font-size:6px}.toast{bottom:23px;font-size:10px;padding:11px 17px}.modal{padding:35px 25px 25px;border-radius:20px}.modal h2{font-size:22px}.modal-eyebrow{font-size:7px;letter-spacing:1.4px}.modal-lead{font-size:11px}.about-facts{grid-template-columns:1fr;gap:14px}.about-avatar{width:75px;height:75px}.about-letter{font-size:12px}.letter-sign{font-size:9px}.journal-count{font-size:8px;margin-left:9px}}@media(max-width:380px){.site-header{padding:0 14px}.main-nav{gap:10px}.intro{left:21px}.intro h1{font-size:24px}.sidebar{left:15px;right:15px;gap:10px}.pipi-card{padding:13px 11px 0}.avatar{width:43px;height:43px;right:-1px}.profile-text p{font-size:6px}.activity-line{gap:5px}.activity-line h3{font-size:8px}.activity-line p{font-size:6px}.daily-quote{font-size:10px}.scene-container{height:405px;top:150px}.bottom-area{padding:0 14px}.activity-dock{padding:11px 10px;gap:8px}.dock-actions{gap:3px}.action-illustration{width:30px}.activity-button{width:35px}.interaction-hint{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:721px)and (max-height:800px){.home-view{min-height:555px}.sidebar{top:27px}.sidebar .note-card{display:none}.sidebar .journal-link{margin-top:3px}.scene-container{top:63px;bottom:88px}.intro{top:25px}.intro h1{font-size:29px;margin:11px 0 9px}.intro p{font-size:10px}.bottom-area{bottom:16px}.interaction-hint{bottom:106px}.scene-caption{bottom:128px}.scene-tools{top:45%}.activity-dock{padding-top:10px;padding-bottom:9px}.scene-caption>span:last-child{display:none}.pipi-card{padding-top:16px}.profile{margin:17px 0 19px}.stats{gap:13px;padding-bottom:19px}.moment-card{padding-top:16px;padding-bottom:16px}}@media(min-width:721px){.scene-container{top:5px;bottom:81px}}.personality-traits{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.personality-traits span{padding:7px 11px;border:1px solid #dce1cf;border-radius:6px;background:#edf0e4;color:#60714f;font-size:11px;line-height:1.4}.music-button[data-status=blocked] .sound-off-dot{background:#c19a62}.music-button[data-status=error] .sound-off-dot{background:#b6857e}.cat-sound-button.playing{background:#e5ebd8;color:#6d8554}.cat-sound-button[data-status=off]{color:#b0b5a4}.cat-sound-button[data-status=blocked]{color:#b69b70}.cat-sound-button[data-status=error]{color:#b6857e}@media(max-width:380px){.site-header{gap:8px}.main-nav{gap:7px}.header-right .icon-button{width:26px;height:28px}}