:root{--ink:#30454f;--muted:#819292;--line:#e3ebe7;--accent:#5b8c86;--accent-soft:#e8f0ea;--paper:#f8faf6;--sky:#e8f2ee;--sea:#b7d4ce;--sea-front:#9ebfb6;--sun:#f5e5af;--glow:#f8edcb;--radius:25px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8bb5a8;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a{color:inherit}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.topbar{height:93px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1300px)/2));gap:28px;background:#ffffff70}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;border-radius:17px 17px 22px 22px;background:#dceae6;color:#547b79;width:42px;height:42px;font-family:Georgia,serif;font-size:35px;font-weight:bold}.brand>span:last-child{font-size:17px;letter-spacing:1px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2.4px;font-weight:500;color:#91a49e;margin-top:7px}.topbar nav{display:flex;gap:34px;margin-left:35px;align-self:stretch}.top-nav{background:none;position:relative;font-size:13px;color:var(--muted);padding:0 3px}.top-nav.active{color:var(--accent)}.top-nav.active:after{content:"";height:3px;width:18px;border-radius:4px;background:var(--accent);position:absolute;bottom:0;left:calc(50% - 9px)}.top-right{display:flex;align-items:center;gap:19px}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.connection i{height:6px;width:6px;background:#a6b1aa;border-radius:50%}.connection.connected i{background:#6a9d85}.round-btn{background:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#7c9990}.round-btn[aria-pressed=true]{background:#dceae1;color:#436e5f}.shell{max-width:1300px;margin:0 auto;padding:0 32px}.heading{display:flex;align-items:center;justify-content:space-between;padding:42px 0 30px}.eyebrow{font-size:9px;font-weight:500;color:#8a9f95;letter-spacing:2.3px}h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:32px;font-weight:500;letter-spacing:1.2px;margin:13px 0 10px}h1>span{font-family:serif;color:#afbf9e;font-size:27px}.heading p{margin:0;font-size:12px;color:var(--muted);letter-spacing:.4px}.date{font-size:11px;color:#91a097;align-self:flex-end;margin-bottom:3px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:26px}.companion-column{min-width:0}.habitat{height:510px;position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius);background:var(--sky);border:1px solid #d9e6de;transition:background .8s}.scene-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.23;pointer-events:none;z-index:7}.sun-disc{position:absolute;width:160px;height:160px;border-radius:50%;background:var(--sun);top:95px;right:13%;opacity:.75;box-shadow:0 0 70px 20px var(--glow);transition:.8s}.cloud{position:absolute;width:140px;height:13px;background:#ffffff4d;filter:blur(8px);border-radius:50%;top:162px}.cloud-a{left:13%}.cloud-b{right:8%;top:226px;width:100px}.sea{position:absolute;left:-15%;width:130%;bottom:-90px;height:285px;border-radius:50% 50% 0 0;background:var(--sea);transform:rotate(-7deg);opacity:.5;transition:background .8s}.sea-front{bottom:-155px;height:250px;background:var(--sea-front);transform:rotate(6deg);opacity:.34}.sea-spark{position:absolute;font-family:serif;color:#fff9;font-size:25px}.s1{left:12%;bottom:100px}.s2{right:13%;bottom:190px}.s3{left:25%;top:170px;font-size:15px}.habitat-top{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:10}.place-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#658778;background:#ffffff80;border:1px solid #fff9;padding:8px 11px;border-radius:25px;backdrop-filter:blur(10px)}.place-label i{width:5px;height:5px;background:#85a98e;border-radius:50%}.scene-switch{background:#ffffff30;display:flex;align-items:center;gap:6px;font-size:10px;color:#6e8d7d;padding:7px 10px;border-radius:20px}.scene-switch svg{width:16px;height:16px}.speech{position:absolute;left:50%;transform:translateX(-50%);top:74px;width:min(340px,77%);background:#fffffff0;border:1px solid white;padding:16px 20px;border-radius:20px 20px 20px 4px;z-index:9;box-shadow:0 8px 25px #73928610;text-align:left;font-size:12px;line-height:1.9;transition:opacity .2s}.speech small{display:block;font-size:9px;color:#a1afa4;margin-top:4px}.pet-anchor{position:absolute;width:350px;height:350px;left:calc(50% - 175px);bottom:40px;z-index:8}.pet-floor{position:absolute;bottom:8px;left:27%;width:47%;height:19px;background:#577b6440;border-radius:50%;filter:blur(10px)}.character{width:100%;height:100%;position:relative;animation:breathe 4s ease-in-out infinite;transform-origin:50% 90%;touch-action:none;user-select:none}.character img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 9px #4e6e6c18);-webkit-user-drag:none}.touch-zone{position:absolute;z-index:3;background:transparent;border-radius:50%;touch-action:none}.head-zone{left:24%;top:8%;width:49%;height:36%;cursor:grab}.hug-zone{left:31%;top:48%;width:32%;height:31%}.tail-zone{left:73%;top:61%;width:21%;height:24%}.touch-zone span{display:none;position:absolute;white-space:nowrap;background:#fff;color:#6e8e7e;font-size:10px;padding:6px 10px;border-radius:20px;top:0;left:50%;transform:translate(-50%,-100%);box-shadow:0 4px 10px #5374611a}.touch-zone:hover span,.touch-zone:focus-visible span{display:block}.hair-accessory{position:absolute;left:59%;top:20%;font-size:32px;color:#e7bd75;filter:drop-shadow(0 2px 0 #fff);pointer-events:none;z-index:2;transform:rotate(10deg)}.character.react-pat{animation:pat .65s ease-in-out}.character.react-feed{animation:munch .35s ease-in-out 4}.character.react-hug{animation:hug .8s ease-in-out}.character.react-tickle,.character.react-play{animation:wiggle .7s ease-in-out}.character.react-rest{animation:breathe 6s ease-in-out infinite;filter:saturate(.75)}.character.react-praise{animation:hug .8s ease-in-out}.particles{position:absolute;inset:0;pointer-events:none;z-index:10}.particle{position:absolute;color:#de9caf;font-size:23px;animation:float-heart 1.2s ease-out forwards}.touch-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;color:#6e8d7d;display:flex;align-items:center;gap:7px;white-space:nowrap;z-index:9}.hint-dot{width:4px;height:4px;background:#90a38e;border-radius:50%;display:inline-block;flex-shrink:0}.habitat-footer{position:absolute;bottom:21px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7b9587;z-index:10;pointer-events:none}.habitat-footer button{background:none;color:inherit;padding:3px;font-size:9px;pointer-events:auto}.action-dock{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px 6px;margin-top:17px}.action-dock button{background:none;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:7px;transition:transform .2s}.action-dock button:last-child{border:0}.action-dock button:hover{transform:translateY(-3px)}.action-symbol{height:37px;width:37px;border-radius:13px;display:grid;place-items:center;margin-bottom:2px}.action-symbol svg{width:22px;height:22px}.pink{color:#c8919c;background:#fbefef}.peach{color:#c89f70;background:#fcf2e7}.lilac{color:#a292bc;background:#f2eff8}.mint{color:#7aa68e;background:#ebf3ec}.blue{color:#87a3ba;background:#edf3f8}.action-dock strong{font-weight:500;font-size:11px}.action-dock small{font-size:9px;color:#99a89f}.gentle-note{display:flex;align-items:center;padding:22px 12px;gap:15px;color:#83958a}.gentle-note>span{font-size:32px;color:#a8b4a1}.gentle-note b{font-size:11px;font-weight:500}.gentle-note p{font-size:10px;margin:7px 0 0;color:#a0aba3}.gentle-note button{margin-left:auto;white-space:nowrap;font-size:10px;background:none;color:#7f9989}.side-column>section{padding:22px;background:#fff;border-radius:20px;border:1px solid var(--line);margin-bottom:17px}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#9bad9e}.card-eyebrow svg{height:14px;width:14px;color:#b9c5ad}.profile{display:flex;gap:10px;align-items:center;margin:20px 0}.avatar{height:53px;width:53px;background:#eef4ec;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.35);transform-origin:50% 10%}.profile h2{font-size:18px;margin:0 0 7px;font-family:"Songti SC",serif;font-weight:500}.profile p{font-size:9px;margin:0;color:#9aac9c}.profile>span{margin-left:auto;white-space:nowrap;font-size:10px;background:#f0f3e9;padding:5px 7px;color:#8b9b76;border-radius:6px}.bond-meta{display:flex;justify-content:space-between;font-size:9px;color:#92a28e}.bond-meta b{font-weight:400}.bond-track{height:5px;border-radius:10px;background:#eff2eb;margin-top:9px;overflow:hidden}.bond-track i{display:block;width:0;background:#b1c5a6;height:100%;border-radius:10px;transition:width .4s}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 17px}.stats>div{display:flex;align-items:center;flex-direction:column;gap:9px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{font-size:9px;color:#9baa9c}.stats b{font-size:23px;font-weight:500;color:#637f6b}.mood-note{display:flex;gap:7px;align-items:center;font-size:9px;color:#97a88e;border-top:1px dashed var(--line);padding-top:15px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2{font-size:12px;font-weight:600;margin:0}.section-title>span,.section-title button{font-size:9px;color:#9aa98f;background:none;padding:0}.task{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:10px;color:#839581}.task i{width:17px;height:17px;border-radius:50%;border:1px solid #d8e4d4;display:grid;place-items:center;font-size:10px;font-style:normal;color:#88a27c}.task.done i{background:#ecf3e7;border-color:#ecf3e7}.task>span:last-child{margin-left:auto;font-size:9px;color:#acb6a2}.fine-print{font-size:10px;line-height:1.8;color:#9daa9c}.daily-card .fine-print{font-size:9px;margin:14px 0 0}.mini-outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-outfits button{background:#f6f7f1;border:1px solid transparent;border-radius:12px;overflow:hidden;padding:5px 0 9px}.mini-outfits button.selected{background:#edf3e8;border-color:#b7c8ab}.mini-outfits img{width:100%;height:75px;object-fit:contain;pointer-events:none}.mini-outfits span{font-size:9px;color:#91a087}.diary-entry{padding:0 0 14px 12px;border-left:1px solid #dde6d7;margin-left:3px;position:relative}.diary-entry:before{content:"";height:5px;width:5px;border-radius:50%;background:#b7c8a6;position:absolute;left:-3px;top:5px}.diary-entry time{font-size:8px;color:#a4b099}.diary-entry p{font-size:10px;line-height:1.8;margin:5px 0 0;color:#899b80}.diary-peek{padding-bottom:10px!important}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;font-size:9px;color:#a3afa0;letter-spacing:.6px}footer i{margin:0 8px;font-style:normal}footer button{background:none;font-size:10px;color:#94a38d}.sheet{border:1px solid #e6ecdf;background:#fcfdf9;border-radius:26px;color:var(--ink);padding:28px;width:min(660px,calc(100vw - 30px));max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #273c4325}.sheet::backdrop{background:#233e4059;backdrop-filter:blur(7px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sheet-head h2{font-family:"Songti SC",serif;font-size:24px;font-weight:500;margin:9px 0}.sheet-head>button{align-self:flex-start;border-radius:50%;height:30px;width:30px;background:#edf2e9;color:#8a9c81;font-size:23px}.sheet-intro,.sheet>p{font-size:12px;line-height:1.9;color:#8b9d85}.outfit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.outfit-grid button{background:#f1f5ed;border:1px solid #e1e9db;border-radius:17px;padding:10px 8px 14px;text-align:left;position:relative}.outfit-grid button.selected{border:1px solid #91ad80;background:#eaf1e4}.outfit-grid button>div{height:190px;background:#e6ede02e;border-radius:11px;margin-bottom:13px}.outfit-grid img{width:100%;height:100%;object-fit:contain}.outfit-grid strong{font-size:13px;font-weight:500;display:block;padding:0 4px}.outfit-grid small{display:block;font-size:9px;line-height:1.7;color:#95a389;margin:7px 4px}.outfit-grid button>span{display:block;font-size:10px;color:#859d75;padding:7px 4px 0}.sheet h3{font-size:13px;font-weight:500;margin:25px 0 13px}.accessories{display:flex;gap:10px;flex-wrap:wrap}.accessories button{background:#f0f4ea;border:1px solid #e0e7d9;color:#8a9f7d;padding:10px 15px;border-radius:20px;font-size:11px}.accessories button.selected{border-color:#a2ba8b;background:#e4eedb;color:#6c875a}.primary{width:100%;padding:14px 20px;background:#698875;color:white;border-radius:13px;font-size:12px;letter-spacing:1px}.secondary{padding:12px 16px;background:#edf2e7;color:#82966e;border-radius:12px;font-size:11px;margin-top:20px}.food-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.food-options button{background:#f6f3e9;border:1px solid #ebe6d7;border-radius:15px;padding:20px 8px 15px;display:flex;align-items:center;flex-direction:column;gap:11px}.food-options button.selected{border-color:#c1b18b;background:#f3eddb}.food-options b{font-size:12px;font-weight:500}.food-options small{font-size:9px;color:#a79e85}.food-drawing{height:65px;width:65px;display:grid;place-items:center;font-size:32px;color:#c29f68}.food-drawing.cookie{background:#e4c791;border:3px dotted #bc965b;border-radius:50%;box-shadow:inset -4px -4px 0 #d8b77a;font-size:21px;color:#a37c4c;transform:rotate(-12deg)}.food-drawing.pudding{background:linear-gradient(#bd9c70 12%,#eacfa0 14%,#f5e3be);clip-path:polygon(20% 10%,80% 10%,100% 90%,0 90%);border-radius:15px;color:#ffedbb;font-size:30px}.food-drawing.milk{background:#f6f8ed;border:2px solid #d6dccb;border-radius:10px 10px 24px 24px;color:#a2baa0;box-shadow:8px 1px 0 -3px #e1e7d6}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.scenes button{background:#f1f4ed;border:1px solid #e3e9de;border-radius:14px;padding:8px 8px 14px;text-align:left}.scenes button.selected{border-color:#91a980}.scene-thumb{display:block;height:90px;border-radius:9px;margin-bottom:13px;position:relative;overflow:hidden}.scene-thumb:after{content:"";width:150%;height:50px;border-radius:50%;background:#ffffff40;position:absolute;bottom:-20px;left:-20px}.scene-thumb.tide{background:radial-gradient(circle at 70% 30%,#f4e3a0 0 14%,transparent 15%),linear-gradient(#d9eee4 65%,#a9cbbb 66%)}.scene-thumb.sunset{background:radial-gradient(circle at 70% 40%,#ffe0a4 0 16%,transparent 17%),linear-gradient(#e9c7b9 65%,#cfabac 66%)}.scene-thumb.night{background:radial-gradient(circle at 70% 25%,#f0edcb 0 9%,transparent 10%),linear-gradient(#46576b 65%,#6b8391 66%)}.scenes b{font-size:12px;font-weight:500;display:block;margin-left:4px}.scenes small{font-size:9px;color:#94a486;display:block;margin:8px 4px 0}.diary-list{margin-top:25px}.diary-list .diary-entry{padding-bottom:22px}.diary-list p{font-size:12px}.diary-list time{font-size:10px}.chat-log{max-height:45dvh;min-height:160px;overflow:auto;padding:5px 0 14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.chat-log p{margin:0;border-radius:15px;padding:12px 15px;font-size:12px;line-height:1.9;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere}.bot-line{background:#edf3e8;color:#6b8562}.user-line{background:#e8eee9;color:#607d6c;align-self:flex-end}#chatForm{display:flex;border:1px solid #dce5d5;border-radius:13px;padding:6px;gap:5px}#chatInput{flex:1;min-width:0;border:0;background:transparent;padding:10px;font-size:12px;color:var(--ink)}#chatForm button{background:#6f8c73;color:#fff;border-radius:9px;padding:0 14px;font-size:11px}.pair-screen{position:fixed;z-index:40;inset:0;background:#f9fbf5ee;backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.pair-screen .brand-mark{width:70px;height:70px;font-size:55px}.pair-screen h2{font-family:"Songti SC",serif;font-weight:500;font-size:28px;margin:25px 0 0}.pair-screen p{font-size:13px;color:#87977f;line-height:2.2;margin:22px 0}.pair-screen b{display:inline-block;padding:5px 17px;background:#e8efdf;color:#658250;border-radius:12px;margin:12px}.pair-screen .primary{max-width:260px}.pair-screen small{font-size:10px;margin-top:20px;color:#9aa88d}.snack-hand{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:#fffdf5;border:1px solid #e3dbc5;box-shadow:0 8px 30px #6a674520;border-radius:22px;display:flex;align-items:center;gap:15px;padding:12px 16px;max-width:95vw}.snack-hand>span{font-size:11px;color:#9b8f73;white-space:nowrap}.snack-hand button{background:none}#snackToken{font-size:36px;touch-action:none;cursor:grab;padding:0}#cancelFood{font-size:22px;color:#a59a7f}.snack-ghost{position:fixed;font-size:45px;pointer-events:none;z-index:100;transform:translate(-50%,-50%)}.feeding .hug-zone{border:1px dashed #cdad70;background:#fbe8bd28}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%,15px);background:#3c5b4deb;color:white;box-shadow:0 5px 20px #33463720;padding:13px 23px;border-radius:30px;font-size:12px;max-width:90vw;width:max-content;text-align:center;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.bubble-game{position:absolute;z-index:15;inset:65px 20px 50px;border-radius:20px;background:#e9f1eae8;backdrop-filter:blur(10px);border:1px solid #fff;overflow:hidden}.bubble-game>div{display:flex;align-items:center;justify-content:space-between;padding:17px;font-size:11px;color:#7a9480}.bubble-game>div span{font-size:10px}.bubble-game>div button{font-size:25px;background:none;color:#91a088}.bubble-game p{font-size:10px;position:absolute;bottom:8px;text-align:center;width:100%;color:#98a68c}#bubbleTarget{position:absolute;height:65px;width:65px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffffffdd,#b9d2bd77);border:1px solid #a8c0a2;box-shadow:inset -4px -5px 10px #8fac8533,0 7px 15px #536a4515;color:#81a070;font-size:30px;touch-action:manipulation}body[data-scene=sunset]{--sky:#f0dfd3;--sea:#d4aeb0;--sea-front:#c5a0a8;--sun:#f9d298;--glow:#f9dec3}body[data-scene=night]{--sky:#4e6573;--sea:#6f8c9b;--sea-front:#8fa4a9;--sun:#eeeac6;--glow:#a3b1b32b}body[data-scene=night] .sun-disc{height:85px;width:85px;top:110px;right:16%}body[data-scene=night] .touch-hint,body[data-scene=night] .habitat-footer{color:#d3ddd4}body.focus-mode .heading,body.focus-mode .side-column,body.focus-mode .action-dock,body.focus-mode .gentle-note,body.focus-mode footer,body.focus-mode .topbar{display:none}body.focus-mode .shell{max-width:none;padding:0}body.focus-mode .room-layout{display:block}body.focus-mode .habitat{height:100dvh;border-radius:0;border:0}body.focus-mode .pet-anchor{width:min(75vw,480px);height:min(75vw,480px);left:50%;transform:translateX(-50%);bottom:16dvh}body.focus-mode .speech{top:15dvh}body.focus-mode .habitat-footer{bottom:35px}body.focus-mode .touch-hint{bottom:80px}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}@keyframes pat{0%,100%{transform:scale(1)}35%{transform:scale(.97,1.02) rotate(-2deg)}70%{transform:scale(1.03,.98) rotate(2deg)}}@keyframes munch{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px) scaleX(1.02)}}@keyframes hug{0%,100%{transform:scale(1)}50%{transform:scale(1.07) translateY(-8px)}}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes float-heart{from{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-95px) scale(1.2)}}
@media(min-width:1450px){.habitat{height:550px}.pet-anchor{width:385px;height:385px;left:calc(50% - 192px)}}@media(max-width:1050px){.room-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.shell{padding:0 24px}.topbar{padding:0 24px}.side-column>section{padding:18px}.profile{gap:8px}.profile p{font-size:8px}.touch-hint{bottom:44px;font-size:9px}.topbar nav{gap:25px;margin-left:0}.habitat{height:510px}.pet-anchor{bottom:58px}.connection{font-size:10px}}@media(max-width:780px){.topbar{height:76px;padding:0 20px;gap:10px}.brand>span:last-child{font-size:14px}.brand small{font-size:7px;letter-spacing:1.7px}.brand-mark{width:35px;height:35px;font-size:29px;border-radius:13px 13px 19px 19px}.topbar nav{display:none}.connection{font-size:9px}.top-right{gap:10px}.round-btn{height:31px;width:31px}.round-btn svg{width:17px}.shell{padding:0 18px}.heading{padding:27px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:27px;letter-spacing:.6px;margin:11px 0 10px}.heading p{font-size:10px;line-height:1.8}.date{display:none}.room-layout{display:block}.habitat{height:485px;border-radius:23px}.habitat-top{top:18px;left:17px;right:17px}.pet-anchor{width:330px;height:330px;left:calc(50% - 165px);bottom:55px}.speech{top:65px;width:79%;font-size:11px;padding:13px 17px}.speech small{font-size:8px}.touch-hint{bottom:41px;font-size:9px}.habitat-footer{bottom:17px;left:18px;right:18px;font-size:8px}.sun-disc{top:130px;right:7%;width:135px;height:135px}.action-dock{padding:16px 2px;margin-top:13px;border-radius:18px}.action-symbol{height:33px;width:33px;border-radius:12px}.action-dock strong{font-size:10px}.action-dock small{font-size:8px}.action-dock button{gap:6px;padding:0 3px}.gentle-note{padding:22px 7px;gap:10px}.gentle-note b{font-size:10px}.gentle-note p{font-size:9px;max-width:190px;line-height:1.7}.gentle-note button{font-size:9px;max-width:80px;white-space:normal;line-height:1.8}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-column>section{margin:0;padding:19px}.side-column .bond-card{grid-column:1/-1}.profile{margin:18px 0}.avatar{width:52px;height:52px}.profile h2{font-size:20px}.profile p{font-size:10px}.card-eyebrow{font-size:9px}.bond-meta,.mood-note,.stats span{font-size:10px}.stats{margin:21px 0}.stats b{font-size:25px}.daily-card{grid-column:1/-1}.daily-card .section-title{margin-bottom:12px}.task{font-size:12px;padding:10px 0}.task>span:last-child{font-size:10px}.daily-card .fine-print{font-size:10px;margin-top:14px}.side-column .closet-peek,.side-column .diary-peek{grid-column:1/-1}.mini-outfits img{height:105px}.mini-outfits span{font-size:11px}.section-title h2{font-size:13px}.section-title button{font-size:10px}.diary-entry p{font-size:11px}.diary-entry time{font-size:9px}footer{font-size:8px;margin-top:23px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.sheet{padding:22px 18px;border-radius:24px;width:calc(100vw - 20px);max-height:90dvh}.sheet-head h2{font-size:23px}.sheet-head .eyebrow{font-size:8px}.outfit-grid{gap:7px;margin:21px 0}.outfit-grid button{padding:6px 5px 10px}.outfit-grid button>div{height:145px}.outfit-grid strong{font-size:11px}.outfit-grid small{font-size:8px;min-height:29px}.outfit-grid button>span{font-size:9px}.accessories{gap:6px}.accessories button{font-size:10px;padding:10px}.food-options{gap:7px}.food-options button{padding:18px 5px 13px}.food-options small{font-size:8px;line-height:1.6;text-align:center;min-height:26px}.food-options b{font-size:11px}.food-drawing{height:55px;width:55px}.scenes{gap:8px}.scene-thumb{height:80px}.scenes b{font-size:11px}.scenes small{font-size:8px}.snack-hand{bottom:20px;padding:10px 14px;gap:10px}.snack-hand>span{font-size:10px}.chat-log p{font-size:12px}body.focus-mode .pet-anchor{width:min(90vw,420px);height:min(90vw,420px);bottom:22dvh}}
@media(max-width:375px){.connection{max-width:100px;line-height:1.6}.topbar{padding:0 14px}.shell{padding:0 13px}h1{font-size:25px}.pet-anchor{width:310px;height:310px;left:calc(50% - 155px);bottom:62px}.habitat{height:475px}.hair-accessory{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}