@charset "UTF-8";
/* Keep one consistent face and side fringe across every outfit and pose. */
.avatar-base{clip-path:inset(51% 0 0)}
.character .head-layer,.dressing-avatar .head-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 49%);pointer-events:none}
.character .smile-face,.dressing-avatar .smile-face{clip-path:ellipse(4% 2.2% at 51% 45.4%)}
.character .blink-face,.dressing-avatar .blink-face{clip-path:inset(38.2% 27% 55.6% 28%)}
.outfit-thumbnail{display:block;position:relative;height:94px}
.outfit-card .outfit-thumbnail img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}
.outfit-thumbnail .head-layer{clip-path:inset(0 0 49%)}
@media(max-height:700px){.outfit-thumbnail{height:75px}}
/* Window-side reading corner. Both camera views retain the same live controls. */
.weather-masks{position:absolute;pointer-events:none;overflow:hidden}
.room .room-art{background-image:url(assets/room-window-v2.webp)}
.app.close-view .room-art{background-image:url(assets/sofa-window-v2.webp)}
.app.close-view .character{left:56%;width:66%;height:52%;bottom:22%;max-height:none}
.app.close-view .seal-hotspot{left:5%;right:auto;bottom:10%;width:35%;height:17%}
.app .rain{inset:0;clip-path:url(#window-wide);background:linear-gradient(#7c99b677,#8faab969);opacity:0;transition:opacity .8s;z-index:1}
.app.close-view .rain{clip-path:url(#window-close)}
.app .rain.active{opacity:1}
.app .rain i{height:23px;width:1.3px;background:#edf7fccc;box-shadow:0 0 2px #8198aa66;animation-name:windowRain}
.rainy .room-art{filter:saturate(.88) brightness(.96)}
.night.rainy .room-art{filter:brightness(.72) saturate(.75)}
.app.close-view .lamp-glow{top:40%;right:-23%;width:48%;height:32%}
.app .speech{width:88%}
.app .companion-mini{right:6%}
@keyframes windowRain{from{transform:translate(0,-25px)}to{transform:translate(-18px,1000px)}}
@media(max-height:700px){.app.close-view .character{height:51%;width:64%;bottom:22%}}
.room .room-art{background-size:100% 100%}
.night .character{filter:brightness(.88) saturate(.9)}
.view-switch{position:absolute;z-index:5;top:calc(125px + env(safe-area-inset-top));right:18px;display:flex;padding:3px;border:1px solid #d2bd9b;border-radius:20px;background:#fff7e7ee;gap:2px}.view-switch button{border-radius:16px;background:none;font-size:10px;padding:6px 9px;min-height:26px}.view-switch [aria-pressed=true]{background:#87956d;color:#fffaed}.close-view .room-art{background-image:url(assets/sofa.webp)}.close-view .character{width:83%;height:64%;max-height:none;left:49%;bottom:17%}.close-view .character-ground{display:none}.close-view .seal-hotspot{right:7%;bottom:34%;height:14%;width:22%}.close-view .lamp-glow{top:31%}.face-icon{font-size:30px;line-height:25px;font-family:Georgia,serif}.expression-picker{position:absolute;z-index:10;right:75px;top:43%;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px;background:#fff7e9f5;border:1px solid #cfb894;border-radius:18px;box-shadow:0 5px 20px #6755371c}.expression-picker button{background:#f5ead4;padding:10px;font-size:11px;border-radius:11px;border:1px solid #dfcdaa}.expression-picker [aria-pressed=true]{background:#e3e9d2;border-color:#9baa7a}.character .face-layer,.character .blink-face,.dressing-avatar .face-layer,.dressing-avatar .blink-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.smile-face{clip-path:ellipse(5.5% 2.6% at 50% 46%)}.whole-face,.blink-face{clip-path:ellipse(28% 9% at 51% 42.7%)}.cheek{display:none;position:absolute;width:13%;height:3.4%;top:44.8%;background:radial-gradient(ellipse,#ee9a9d85,transparent 70%);pointer-events:none}.cheek-left{left:29%}.cheek-right{left:58%}.expression-shy .cheek{display:block}.dressing-avatar{position:absolute;left:50%;transform:translateX(-50%);height:96%;width:85%;bottom:0}.dressing-avatar .dressing-harry{position:absolute;inset:0;transform:none;left:0;bottom:0;height:100%;width:100%;animation:none}.dressing-avatar .cheek{top:44.8%}@media(max-height:700px){.view-switch{top:109px}.close-view .character{height:62%;bottom:18%;width:80%}.side-nav{gap:0!important}.side-nav button{min-height:43px!important}.expression-picker{top:38%}}@media(prefers-reduced-motion:reduce){.blink-face{display:none!important}}
:root{--ink:#6b4a35;--muted:#9d8669;--cream:#fff7e7;--sage:#7e8c65;--line:#d8bf98;--pink:#d59b90;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#e8decb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,#f9efda,transparent 60%),#e4dac6}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline:3px solid #9aab78;outline-offset:3px}button{border:0}button:disabled{cursor:wait;opacity:.6}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;flex-shrink:0}.icon-defs{display:none}[hidden]{display:none!important}.app{position:relative;width:min(100%,480px);height:min(100dvh,960px);overflow:hidden;background:#f6ead4;isolation:isolate;box-shadow:0 16px 80px #60452d26;display:flex;flex-direction:column}.room{position:relative;flex:1;min-height:0;overflow:hidden;background:#f4e5c8}.room-art{position:absolute;inset:0;background:url(assets/room.webp) center center/cover;transition:filter 1.2s}.night-wash{position:absolute;inset:0;background:#293045;opacity:0;pointer-events:none;transition:opacity 1.5s}.lamp-glow{position:absolute;width:65%;height:50%;top:28%;right:-24%;background:radial-gradient(ellipse,#ffdd83a6,transparent 65%);opacity:0;transition:opacity 1.5s;pointer-events:none}.night .room-art{filter:brightness(.72) saturate(.8)}.night .night-wash{opacity:.2}.night .lamp-glow{opacity:1}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(22px + env(safe-area-inset-top)) 25px 17px;background:linear-gradient(#fff7e4ed,#fff7e4a6 60%,transparent);z-index:3}.eyebrow{font-size:8px;letter-spacing:2.6px;display:block;color:#a08d6d}.brand h1{margin:4px 0 0;font-size:34px;line-height:1.3;letter-spacing:.4px;font-weight:800}.brand h1 span{font-size:26px;letter-spacing:2px;margin-left:6px}.brand h1 i{color:#8e9b6b;font-style:normal;font-size:34px;margin-left:8px}.dayline{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#978467;margin-top:7px}.tiny-dot{width:3px;height:3px;border-radius:50%;background:#afa181}.weather{position:absolute;top:calc(125px + env(safe-area-inset-top));left:22px;display:flex;gap:5px;align-items:center;padding:7px 9px;background:#fff7e8db;border:1px solid #dabf9880;border-radius:20px;font-size:10px;z-index:3}.weather svg{width:17px;height:17px;color:#ac915c}.side-nav{position:absolute;right:14px;top:27%;z-index:5;display:flex;flex-direction:column;gap:12px;padding:10px 4px;background:#fff7e8ed;border:1px solid #c9ad84;border-radius:28px;box-shadow:0 3px 0 #79553210}.side-nav button{background:none;width:46px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;letter-spacing:2px}.side-nav svg{width:25px;height:25px}.side-nav button:active{transform:scale(.94)}.character{position:absolute;z-index:4;left:53%;bottom:17%;width:58%;max-height:48%;aspect-ratio:2/3;padding:0;background:none;transform:translateX(-50%);transform-origin:50% 95%;animation:breathe 4.5s ease-in-out infinite}.character img{width:100%;height:100%;object-fit:contain;pointer-events:none}.character-ground{position:absolute;width:32%;height:2.4%;left:53%;bottom:20%;transform:translateX(-50%);background:#77634733;filter:blur(5px);border-radius:50%;z-index:2}.character.touched{animation:happy .8s ease-in-out}.hearts{opacity:0;position:absolute;right:15%;top:10%;font-size:28px;color:#d99788}.touched .hearts{animation:heartUp 1.2s ease-out}.seal-hotspot{position:absolute;right:0;bottom:6%;width:26%;height:16%;z-index:4;background:none}.speech{position:absolute;z-index:6;bottom:3%;left:6%;width:81%;min-height:73px;padding:11px 25px 12px 17px;background:#fff9eaef;border:1.5px solid #ccb48d;border-radius:18px 17px 20px 5px;box-shadow:0 3px 0 #80613c12}.speech::before{content:"";position:absolute;width:12px;height:12px;background:#fff9ea;border-left:1.5px solid #ccb48d;border-top:1.5px solid #ccb48d;top:-7px;left:58%;transform:rotate(45deg)}.speech-name{font-size:8px;letter-spacing:2px;color:#9d8c6e;display:block}.speech-name i{font-style:normal;color:#cda18d;margin-left:6px}.speech p{margin:6px 0 0;font-size:13px;line-height:1.7;letter-spacing:.3px}.speech-mark{position:absolute;right:12px;bottom:13px;color:#c5ae87}.bottom-bar{flex-shrink:0;position:relative;z-index:8;background:#fff6e7;border-top:1px solid #d8bf98;padding:8px 15px calc(12px + env(safe-area-inset-bottom))}.bottom-bar>p{font-size:9px;text-align:center;color:#9d8d71;margin:0 0 8px;letter-spacing:.6px}.little-leaf{color:#8d9b6c}.bottom-actions{display:flex;gap:7px}.bottom-actions button{flex:1;min-width:0;min-height:53px;border:1px solid #e5d4b5;background:#fcf1dd;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.bottom-actions button:first-child{background:#e8ecd9;border-color:#ccd4b7}.bottom-actions svg{width:20px;height:20px}.bottom-actions [aria-pressed=true]{background:#e8ecd9}.companion-mini{position:absolute;z-index:7;left:6%;right:13%;bottom:calc(3% + 84px);display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #c6cfaa;background:#f5f7e7f5;border-radius:14px;font-size:10px}.companion-mini strong{font-weight:500;font-variant-numeric:tabular-nums;margin-left:3px}.companion-mini button{background:none;font-size:10px;padding:5px}.companion-mini button:nth-last-child(2){margin-left:auto;background:#e2e8cc;border-radius:9px}.breath-orb{width:14px;height:14px;background:#98aa79;border:3px solid #dce3c5;border-radius:50%;animation:orb 6s ease-in-out infinite;flex-shrink:0}.rain{position:absolute;inset:10% 55% 22% 0;overflow:hidden;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s}.rain.active{opacity:.7}.rain i{position:absolute;top:-20px;width:1px;height:15px;background:#9dada7;animation:raindrop linear infinite}.wardrobe{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% 30%,#fff9eb,#f1e2c8);overflow:hidden}.wardrobe-head{display:flex;align-items:center;gap:12px;padding:calc(21px + env(safe-area-inset-top)) 20px 12px;flex-shrink:0}.round-button{background:#fff9eb;border:1px solid #d9c7a7;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.round-button svg{width:18px;height:18px}.wardrobe-head small{color:#a08868;font-size:9px;letter-spacing:1px}.wardrobe-head h2{margin:4px 0 0;font-size:23px}.wardrobe-count{margin-left:auto;font:italic 23px Georgia,serif;color:#9b9e7a;text-align:center}.wardrobe-count small{font-size:8px;letter-spacing:0}.dressing-stage{position:relative;flex:1;min-height:130px;overflow:hidden;border-bottom:1px solid #d8c7a9;background:linear-gradient(0deg,#cbaa7b26 0 10%,transparent 10%)}.closet{position:absolute;width:36%;height:66%;left:-5%;top:9%;background:#c49b69;border:3px solid #a47c50;border-radius:15px 15px 3px 3px;transform:rotate(-1deg);box-shadow:inset 0 0 0 7px #d3af7d}.closet-top{position:absolute;top:-8px;left:-6px;right:-6px;height:15px;background:#b99163;border:2px solid #9c774f;border-radius:7px}.closet-doors{display:flex;height:78%;gap:5px;padding:20px 10px 10px}.closet-doors span{display:block;flex:1;border:2px solid #b18a5d;border-radius:12px 12px 0 0;position:relative;background:#d8b88b}.closet-doors span::after{content:"";width:5px;height:12px;background:#9b784f;position:absolute;right:5px;top:55%;border-radius:5px}.closet-doors span+span::after{left:5px}.closet-drawer{height:17%;margin:0 10px;border:2px solid #ad8559;border-radius:3px;background:#cfaa79;position:relative}.closet-drawer::after{content:"";width:20px;height:4px;position:absolute;left:45%;top:40%;background:#9b784f;border-radius:4px}.mirror{position:absolute;right:5%;top:10%;width:27%;height:66%;border:7px solid #c6a476;border-radius:50% 50% 6px 6px;background:linear-gradient(120deg,#e5e6d9,#f7f5e9 35%,#dfe3d5 36%,#edf0df 47%,#e1e5d6 48%);box-shadow:0 4px 0 #96754b26,inset 0 0 0 2px #f2dbc0;transform:rotate(3deg)}.mirror span{position:absolute;right:15%;top:16%;color:#fff;font-size:30px}.dressing-rug{position:absolute;bottom:6%;left:17%;width:70%;height:17%;background:#fdf3d9;border:3px dashed #d9bd8c;border-radius:50%;box-shadow:0 0 0 5px #f8ebce}.dressing-harry{position:absolute;left:50%;transform:translateX(-50%);height:96%;width:85%;object-fit:contain;bottom:0;animation:dressIn .3s ease-out}.outfit-note{position:absolute;bottom:4%;left:5%;background:#fff9e9de;border:1px solid #ddc9a5;border-radius:7px 9px 8px 3px;padding:7px 12px;transform:rotate(-3deg);font-size:11px}.outfit-note span{display:block;font-size:8px;color:#a99474;margin-bottom:3px;letter-spacing:2px}.outfit-note strong{font-weight:500}.wardrobe-bottom{flex-shrink:0;background:#fff7e6;padding:13px 17px calc(17px + env(safe-area-inset-bottom))}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px}.section-label small{font-size:9px;color:#a39479}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.outfit-card{position:relative;background:#f3ead6;border:1px solid #dfcdab;border-radius:12px 12px 8px 8px;overflow:hidden;padding:2px 0 7px;min-width:0;transition:border .15s,background .15s}.outfit-card[aria-pressed=true]{border:2px solid #8e9c70;background:#edf0df;padding:1px 0 6px}.outfit-card img{width:100%;height:94px;object-fit:contain;display:block}.outfit-card span{display:block;font-size:9px;white-space:nowrap;letter-spacing:-.3px}.outfit-card b{position:absolute;right:5px;top:5px;display:none;width:14px;height:14px;font-size:9px;background:#8e9c70;color:white;border-radius:50%}.outfit-card[aria-pressed=true] b{display:block}.primary-button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;background:#87956d;color:#fffbed;border:1px solid #78855e;border-radius:13px;box-shadow:0 3px 0 #65714c15;margin-top:13px;font-size:13px;letter-spacing:1px}.primary-button svg{width:18px;height:18px}.paper-dialog{border:1.5px solid #d4bd95;border-radius:23px;background:#fff9eb;width:min(90vw,420px);max-height:85dvh;padding:22px;color:var(--ink);box-shadow:0 10px 50px #513b3240;overscroll-behavior:contain}.paper-dialog::backdrop{background:#473f3270;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.paper-dialog h2{font-size:21px;margin:13px 0 8px}.dialog-intro{font-size:11px;line-height:1.8;color:#9b876b}.moods{padding:0;border:0;display:flex;gap:7px;margin:15px 0 12px}.moods legend{font-size:10px;color:#a39173;margin-bottom:9px}.moods button{flex:1;min-height:35px;border:1px solid #e0d1b6;border-radius:12px;background:#faf1df;font-size:11px}.moods button[aria-pressed=true]{border-color:#9eaa83;background:#e9eedc}textarea{width:100%;resize:vertical;min-height:100px;max-height:240px;background:#fffdf7;border:1px solid #dfcfb4;border-radius:12px;padding:12px;font-size:13px;line-height:1.8}textarea::placeholder{color:#b3a38c}.note-meta{display:flex;justify-content:space-between;font-size:8px;color:#a89980;margin-top:6px}.diary-history{margin-top:23px}.diary-history h3{font-size:11px;font-weight:500;color:#9b876b;border-bottom:1px solid #e4d7bf;padding-bottom:10px}.empty-note{font-size:11px;color:#ac9b81;padding:8px 0}.diary-entry{position:relative;background:#f6eddc;padding:11px 34px 11px 12px;border-radius:10px;margin:10px 0}.diary-entry small{font-size:8px;color:#a08e72}.diary-entry p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0}.diary-entry button{position:absolute;right:5px;top:5px;background:none;color:#a99478;font-size:15px;padding:7px}.toast{position:absolute;z-index:30;bottom:calc(120px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#69533fed;color:#fff8e8;padding:12px 20px;border-radius:20px;font-size:11px;max-width:90%;text-align:center;white-space:nowrap;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes breathe{0%,100%{transform:translateX(-50%) scale(1,1)}50%{transform:translateX(-50%) scale(1.014,1.008)}}@keyframes happy{0%,100%{transform:translateX(-50%) rotate(0)}35%{transform:translateX(-50%) rotate(-3deg)}70%{transform:translateX(-50%) rotate(3deg)}}@keyframes heartUp{0%{opacity:0;transform:translateY(10px) scale(.7)}30%{opacity:1}100%{opacity:0;transform:translateY(-30px) scale(1.2)}}@keyframes orb{0%,100%{transform:scale(.8)}50%{transform:scale(1.2)}}@keyframes raindrop{to{transform:translate(-25px,600px)}}@keyframes dressIn{from{opacity:0}to{opacity:1}}@media(min-width:540px){.app{border:7px solid #f9f0df;border-radius:32px;height:min(95dvh,960px)}.brand h1{font-size:38px}.brand h1 span{font-size:28px}}@media(max-height:700px){.topbar{padding-top:14px}.brand h1{font-size:29px}.brand h1 span{font-size:23px}.weather{top:109px}.side-nav{top:24%;gap:3px}.side-nav button{min-height:48px}.character{max-height:48%;bottom:20%}.speech{min-height:62px;padding:8px 22px 8px 13px}.speech p{font-size:12px;margin-top:3px}.bottom-bar{padding-top:6px;padding-bottom:8px}.bottom-actions button{min-height:46px;font-size:10px}.wardrobe-head{padding-top:14px;padding-bottom:8px}.outfit-card img{height:75px}.wardrobe-bottom{padding-top:9px;padding-bottom:12px}.primary-button{min-height:40px;margin-top:10px}.companion-mini{bottom:calc(3% + 72px)}}@media(max-width:350px){.brand h1{font-size:30px}.brand h1 span{font-size:23px}.side-nav{right:8px}.side-nav button{width:40px}.bottom-actions button{font-size:10px;gap:4px}.bottom-bar{padding-left:9px;padding-right:9px}.outfit-card span{font-size:8px}.wardrobe-bottom{padding-left:12px;padding-right:12px}.section-label small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}