@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-5.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-7.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--catfe-ui-ready: 1;font-family:Be Vietnam Pro,sans-serif;font-size:13px;color:#e9e7d9;background:#333a2e;font-synthesis:none;--text: #e9e7d9;--secondary: #c2c7b5;--muted: #a0aa92;--accent: #b9c9a2;--line: #dfe8d021;--glass: rgba(35, 42, 30, .68);--shadow: 0 12px 50px #0a100a40}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{-webkit-appearance:none;appearance:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent;transition:background .2s,transform .2s,box-shadow .2s}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b6cba0;outline-offset:4px}button:active{transform:scale(.97)}svg{width:19px;height:19px;stroke-width:1.5;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}#app button,#app a,#app input,#app select,.panel,.cat-card,.intro-card{pointer-events:auto}.eyebrow{display:block;font-size:8px;font-weight:500;letter-spacing:1.8px;color:#b5c4a1}kbd{font:9px monospace;background:#dae6ca14;border:1px solid #e2e8d32b;border-radius:4px;padding:2px 5px;color:var(--secondary)}.live-dot{width:5px;height:5px;background:#b2c492;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #c5d7ac0b}.welcome-note{display:none}.panel-intro,.panel-footnote{color:var(--secondary);font-size:10px;line-height:1.9;margin:0 0 20px}.panel-footnote{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin:20px 0 0}.primary-btn,.secondary-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 17px;border-radius:13px;font-size:11px;border:1px solid #e7f0db35;background:linear-gradient(150deg,#c1d5a831,#8b9d7024);box-shadow:inset 0 1px #eaf6d927,0 5px 17px #0c140b1c}.primary-btn:hover{background:linear-gradient(150deg,#c1d5a84a,#8b9d703c)}.secondary-btn{background:#c5d5b00b;font-size:10px;color:var(--secondary)}.scene-error{position:fixed;inset:0;display:grid;place-content:center;background:#30392c;text-align:center;padding:30px}.scene-error h1{font-size:24px;font-weight:500}.scene-error p{font-size:12px;line-height:1.9;color:var(--secondary)}.drink-art{position:relative;display:grid;place-items:center;height:100px;background:radial-gradient(ellipse,#a8b59815,transparent 70%);overflow:hidden}.css-cup{width:40px;height:46px;border-radius:3px 3px 14px 14px;position:relative;background:linear-gradient(100deg,#b6af9e,#e6dfcc 45%,#b0aa98);transform:rotate(-7deg);border:1px solid #eeead435;box-shadow:inset -3px -3px 8px #453e2e1f,0 12px 12px #11190f1c}.css-cup:after{content:"";position:absolute;right:-11px;top:8px;width:12px;height:19px;border:4px solid #b8b3a3;border-left:0;border-radius:0 8px 10px 0}.css-cup:before{content:"capycatfe";position:absolute;left:6px;top:18px;color:#647052;font:italic 12px Georgia,serif}.cup-top{position:absolute;top:-3px;left:1px;width:36px;height:9px;border-radius:50%;background:var(--drink);border:2px solid #bcb4a1}.iced .css-cup{height:56px;border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,#fff2,var(--drink) 18%,var(--drink) 75%,#fff4)}.iced .css-cup:after{display:none}.iced .css-cup:before{color:#f7efcf6e;top:27px}.straw{position:absolute;height:36px;width:2px;background:#adb99b;top:-19px;left:27px;transform:rotate(9deg);border-radius:2px}.pastry-symbol{display:grid;place-items:center;width:68px;height:68px;border:1px solid #e5ddbc22;border-radius:50%;color:#c7b288;background:radial-gradient(circle,#b8a27d1f,transparent)}.pastry-symbol svg{width:34px;height:34px;stroke-width:1.1}.menu-tabs,.category-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#14201024;margin-bottom:18px}.menu-tabs button,.category-tabs button{flex:1;padding:9px 7px;border-radius:9px;font-size:10px;color:var(--secondary)}.menu-tabs button.active,.category-tabs button.active{color:var(--text);background:linear-gradient(150deg,#d1e2b826,#97ae7b18);box-shadow:inset 0 1px #edf8de2b,inset 0 0 0 1px #d2e6ba19}.category-tabs{overflow:auto}.category-tabs button{white-space:nowrap;min-width:max-content;font-size:9px}.empty-note{font-size:10px;line-height:1.9;color:var(--secondary);text-align:center;padding:20px 0}.counter-progress{height:3px;background:#c7d5b21a;border-radius:5px;overflow:hidden;margin:12px 0}.counter-progress span{display:block;height:100%;background:#b5c89b;border-radius:5px}.service-note{font-size:10px;color:var(--secondary);line-height:1.9;padding:12px;border-radius:12px;background:#bed2a40a;border:1px solid var(--line)}.glass{isolation:isolate;position:relative;background:linear-gradient(140deg,#ecf6da12,#c0d1a603 35%,#f0f5df09),var(--glass);border:1px solid #e7f0d540;box-shadow:inset 0 1px #f4f9e948,inset 1px 0 #e9f0d21c,inset 0 -1px #111c0d4a,var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#fff7 0,transparent 1.2%,transparent 70%,#efffd12c 99%);opacity:.42;z-index:-1}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x, 25%) var(--glass-y, 0%),#f5ffdc25 0%,#eafbc70a 32%,transparent 68%);opacity:.45;transition:opacity .3s;z-index:-1}.glass:hover:after{opacity:.9}.glass-button{border:1px solid #dfe9cd25;background:linear-gradient(145deg,#f0f9df10,#bdd3a603);box-shadow:inset 0 1px #eaf4d82b,inset 0 -1px 1px #0d190e44,0 3px 10px #0b150d12}.glass-button:hover{background:linear-gradient(145deg,#e7f4d12d,#c5ddb214);box-shadow:inset 0 1px #effbd759,inset 0 0 0 1px #d3e5bb13,0 5px 15px #0a160c22;transform:translateY(-1px)}.glass-button:active{transform:scale(.96);background:#c7dfae25}.glass-button.active,.glass-button[aria-pressed=true]{border-color:#d7e8bb57;background:linear-gradient(140deg,#cce4b038,#b9d29b17);box-shadow:inset 0 1px #f1ffdc55,inset 0 -1px #17261255,0 0 20px #a1bf7110}.glass-button:disabled{transform:none}.icon-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;width:37px;height:37px;color:var(--text)}.icon-btn svg{width:17px;height:17px}.toggle{width:37px;height:22px;padding:3px;border-radius:15px;background:#d5e3c519;border:1px solid #d5e3c52b;box-shadow:inset 0 1px 3px #08130644}.toggle:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(130deg,#e8eedc,#adbba0);box-shadow:0 2px 5px #10220c66;transition:transform .2s}.toggle[aria-pressed=true]{background:#a9c98a55;border-color:#b5d59455}.toggle[aria-pressed=true]:after{transform:translate(15px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#303d2af5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.glass-button:hover{transform:none}}.topbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;padding:5px 19px 5px 5px;border-radius:34px;color:var(--text);text-decoration:none}.brand img{width:43px;height:43px;object-fit:contain;border-radius:50%;background:#fff}.brand>span{font:600 28px Georgia,serif;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:1px;color:var(--secondary);border-left:1px solid var(--line);padding-left:12px}.place-tag{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100vw - 500px);white-space:nowrap;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:30px;font-size:10px;letter-spacing:.2px}.tag-divider{height:10px;width:1px;background:var(--line);margin:0 2px}.place-tag #weather-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.place-tag #zone-name{flex-shrink:0}.top-actions{margin-left:auto;display:flex;gap:7px}.top-actions .icon-btn{width:39px;height:39px}.explore{position:absolute;left:24px;bottom:151px}.visit-count{margin:0;color:var(--text);font-size:8px;letter-spacing:.2px;line-height:1.5;text-shadow:0 1px 4px #101910;opacity:.8;pointer-events:none}.map-button{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:25px;font-size:10px}.map-button svg{width:15px;height:15px}.map-button svg:last-child{width:12px;opacity:.6}.mini-locations{display:flex;gap:6px;margin-top:8px}.mini-locations button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.mini-locations svg{width:14px;height:14px}.bottom-wrap{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px)}.context-bar{display:flex;align-items:center;gap:6px;justify-content:center;font-size:9px;color:#e8eadb;text-shadow:0 1px 5px #15200e,0 1px 12px #15200e;text-align:center;padding:6px 12px}.context-bar svg{width:11px;height:11px}.dock{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:31px}.dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:75px;min-height:63px;padding:10px 12px;border-radius:22px;font-size:9px;white-space:nowrap}.dock>button svg{width:23px;height:23px;stroke-width:1.4;color:#e2e5d3}.dock kbd,.dock-separator{display:none}.bottom-caption{display:flex;justify-content:space-between;width:calc(100% - 24px);font-size:6px;letter-spacing:1.5px;color:#d9deca70}.bottom-caption span:last-child{margin-left:auto;font:9px monospace;letter-spacing:1px}.toast{position:absolute;top:91px;left:50%;transform:translate(-50%);padding:13px 21px;border-radius:18px;max-width:min(90vw,500px);text-align:center;font-size:11px;line-height:1.8;animation:toast-in .25s ease}.cat-label{position:absolute;display:flex;flex-direction:column;gap:3px;align-items:center;padding:6px 12px;border-radius:13px;transform:translate(-50%,-100%);font-size:11px}.cat-label>span{font-weight:500}.cat-label small{font-size:8px;color:var(--secondary)}.world-hint{position:absolute;transform:translate(-50%,-100%);padding:8px 13px;border-radius:12px;font-size:10px;white-space:nowrap}.pet-guide{position:absolute;bottom:145px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:17px;font-size:10px;white-space:nowrap}.pet-guide svg{color:var(--accent)}.pet-guide>div{width:45px;height:3px;background:#dbe7c625;border-radius:5px;overflow:hidden}.pet-guide>div>span{height:100%;display:block;width:0;background:#c2d7a8}.joystick{display:none;position:absolute;bottom:148px;left:25px;width:90px;height:90px;border-radius:50%;border:1px solid #e5edcf45;background:#55634645;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none;pointer-events:auto;box-shadow:inset 0 1px #f3fadf40}#joystick-knob{position:absolute;left:25px;top:25px;width:40px;height:40px;border-radius:50%;background:linear-gradient(130deg,#c6d8b164,#8fa9773b);border:1px solid #e8f3d76b;box-shadow:inset 0 1px #fff5,0 3px 12px #07150633}.photo-mode{position:absolute;inset:0;border:18px solid #1e2a1b88;display:flex;align-items:flex-end;justify-content:center;gap:15px;padding-bottom:28px}.photo-mode>span{position:absolute;left:20px;bottom:15px;font-size:8px;letter-spacing:2px;color:#e1e7d0}.photo-mode button{display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:28px;font-size:10px}.photo-active .topbar,.photo-active .explore,.photo-active .bottom-wrap,.photo-active .panel,.photo-active .cat-card,.photo-active .cat-label,.photo-active .pet-guide,.photo-active .joystick{display:none!important}.intro-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#14200c2b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.intro-card{max-width:calc(100vw - 32px);padding:25px 41px 31px;border-radius:30px;text-align:center;animation:soft-in .5s}.intro-logo{display:block;width:85px;height:85px;object-fit:contain;border-radius:50%;background:#fff;margin:0 auto 22px}.intro-card h2{font-size:27px;font-weight:400;letter-spacing:-.8px;line-height:1.5;margin:15px 0}.intro-card p{font-size:11px;line-height:1.9;color:var(--secondary)}.intro-rules{display:flex;flex-direction:column;gap:13px;text-align:left;border-top:1px solid var(--line);padding:18px 0 22px;margin-top:23px}.intro-rules span{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--secondary)}.intro-rules svg{width:16px;height:16px;color:var(--accent)}.intro-card .primary-btn{width:100%;margin-bottom:17px}.intro-card>small{font-size:8px;color:var(--muted)}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#293425;z-index:20;transition:opacity .65s}.loading-logo{width:135px;height:135px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 7px 40px #07140625}#loading p{font-size:10px;letter-spacing:1px;color:#bac5ab;margin-top:24px}.loading-line{width:70px;height:2px;background:#a9bf8c26;margin-top:17px;overflow:hidden;border-radius:4px}.loading-line:after{content:"";display:block;width:35px;height:2px;background:#afc594;animation:loading 1.4s ease-in-out infinite}@keyframes loading{0%{transform:translate(-35px)}to{transform:translate(75px)}}@keyframes panel-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes soft-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}.wear-state{display:block;margin-top:5px;color:var(--secondary);font-size:9px}.wardrobe-clear{width:100%;margin:0 0 18px;font-size:10px}.panel{position:absolute;right:24px;top:88px;bottom:136px;width:360px;border-radius:25px;display:flex;flex-direction:column;overflow:hidden;animation:panel-in .25s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 24px 19px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-header h2{font-size:23px;line-height:1.4;font-weight:400;letter-spacing:-.5px;margin:8px 0 0}.panel-header .icon-btn{width:30px;height:30px}.panel-header .icon-btn svg{width:14px;height:14px}#panel-content{padding:20px 24px 25px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#c5d4ae44 transparent}.drink-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.drink-card{border:1px solid #dce7c823;border-radius:15px;background:linear-gradient(150deg,#dde8c60b,#a4bc8705);overflow:hidden;position:relative;text-align:left;box-shadow:inset 0 1px #effad719}.drink-card:hover{background:linear-gradient(140deg,#d8edbb1e,#c5dfa70a);border-color:#d2e7b64d}.drink-info{padding:10px 11px 12px}.drink-info strong{display:block;font-size:11px;font-weight:500;margin-bottom:4px}.drink-info small{font-size:8px;color:var(--muted)}.drink-info span{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#c0d3a6;margin-top:12px}.drink-info svg{width:12px;height:12px}.drink-tag{position:absolute;left:7px;top:7px;font-size:6px;letter-spacing:.65px;color:#cedcba;background:#abc58d12;border:1px solid #d3e4ba20;border-radius:5px;padding:4px 5px;z-index:2}.cat-list{display:flex;flex-direction:column;gap:10px}.cat-list-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #d8e7c323;background:#c0d7a409;border-radius:14px;text-align:left}.cat-list-item:hover{background:#c4dba61a;border-color:#d8ecc44a}.cat-portrait{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:13px;flex-shrink:0;background:linear-gradient(145deg,color-mix(in srgb,var(--coat) 30%,transparent),#d8e4c408);border:1px solid #e5edcf20}.cat-portrait svg{width:39px;height:39px;stroke-width:.9}.cat-list-item strong{font-size:12px;font-weight:500;display:block;margin-bottom:4px}.cat-list-item small{font-size:8px;color:var(--secondary)}.cat-list-item .status{margin-left:auto;font-size:8px;color:#c2d3ad;background:#adc8920e;border:1px solid #d5e8bf23;padding:5px 7px;border-radius:8px;white-space:nowrap}.cat-card{position:absolute;left:24px;bottom:151px;width:294px;padding:24px;border-radius:23px;animation:panel-in .25s ease}.cat-card>.icon-btn{position:absolute;right:13px;top:13px;width:26px;height:26px}.cat-card>.icon-btn svg{width:13px;height:13px}.cat-card h2{font-size:28px;font-weight:400;letter-spacing:-.7px;margin:10px 0}.cat-card p{font-size:10px;line-height:1.9;color:var(--secondary);margin:0 0 13px}.cat-mood{display:flex;align-items:center;gap:8px;font-size:9px;color:#c5d6b0;margin:15px 0 17px}.cat-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cat-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 2px;border-radius:12px;font-size:8px}.cat-actions svg{width:17px;height:17px;color:#c1d3a9}.cat-card>small{display:block;margin-top:15px;font-size:8px;line-height:1.8;color:var(--muted)}.toy-option,.place-option{display:flex;align-items:center;gap:14px;width:100%;padding:17px;margin-bottom:11px;border-radius:15px;text-align:left;border:1px solid #dae9c327;background:#d9e9c409}.toy-option:hover,.place-option:hover{background:#daeec11c;border-color:#d8eac44a}.toy-option.active{background:#d0e9af23;border-color:#d9edc65e}.toy-option>svg,.place-option>svg{width:25px;height:25px;color:#c5d9ad}.toy-option strong,.place-option strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.toy-option small,.place-option small{font-size:9px;line-height:1.8;color:var(--secondary)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row label{font-size:11px;line-height:1.7}.setting-row small{display:block;font-size:8px;color:var(--muted)}.setting-row select{color:var(--text);background:#202d1e99;border:1px solid #d6e5c532;border-radius:9px;padding:8px 9px;font-size:10px;max-width:135px;box-shadow:inset 0 1px #edf8d61c}.setting-row select option{background:#303d29;color:#e7ead9}.setting-row input[type=range]{width:104px;accent-color:#bdd3a3}.help-item{margin-bottom:20px}.help-item strong{display:block;font-size:11px;font-weight:500;margin-bottom:8px}.help-item p{font-size:10px;line-height:1.9;color:var(--secondary);margin:0}.wardrobe-btn{display:flex;align-items:center;gap:9px;width:100%;padding:14px;border-radius:13px;font-size:11px;border:1px solid #d4e3bd32;background:#d0e7b50b;margin-bottom:17px}.wardrobe-btn svg{width:17px;height:17px}.wardrobe-btn svg:last-child{margin-left:auto}.wardrobe-section{margin-bottom:22px}.wardrobe-section h3{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:1px;margin:0 0 12px}.swatches{display:flex;flex-wrap:wrap;gap:9px;padding:2px}.swatch{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid #3c4832;outline:1px solid #d4e3bc30;box-shadow:inset 0 1px #fff3}.swatch.active{outline:2px solid #c4dda8;box-shadow:0 0 14px #b4d08a25}.outfit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.outfit-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;border-radius:13px;border:1px solid #d5e4be25;background:#d4e8bb08;font-size:9px}.outfit-option svg{width:28px;height:28px;color:var(--cloth, #a6b894);filter:drop-shadow(0 1px 2px #0004)}.outfit-option.active{background:#d1e7b622;border-color:#d5eabd5c}.toggle-row{display:flex;gap:7px;margin-bottom:18px}.toggle-row button{flex:1;padding:10px 6px;border-radius:11px;font-size:10px;border:1px solid #d9e6c22b;background:#c5dca90a}.toggle-row button.active{background:#c8e1ad23;border-color:#d2e7ba56}.body-slider{display:block;margin:15px 0}.body-slider>span{display:flex;justify-content:space-between;font-size:10px;color:var(--secondary);margin-bottom:11px}.body-slider input{width:100%;accent-color:#bdd3a3}.wardrobe-preview-note{font-size:9px;color:var(--muted);line-height:1.8;margin-bottom:16px}.look-actions{display:flex;gap:8px;margin-top:19px}.look-actions button{flex:1;padding:10px;border-radius:11px;font-size:9px}.look-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.look-chip{padding:8px 10px;border-radius:20px;font-size:9px;border:1px solid #d7e6c032;background:#c4dba50d}.bag-card{padding:20px;border-radius:17px;text-align:center;background:#d0e3b708;border:1px solid #dae6c42b}.bag-card .drink-art{height:125px}.bag-card h3{font-size:17px;font-weight:400}.bag-card p{font-size:10px;line-height:1.9;color:var(--secondary)}.bag-card button{width:100%;margin-top:10px}.bag-card .eyebrow{margin-top:12px}.item-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.item-line small{font-size:8px;color:var(--muted)}.service-status{padding:15px;border:1px solid #d9e9c536;background:linear-gradient(130deg,#d9edba17,#bad39908);border-radius:15px;margin-bottom:20px}.service-status strong{display:block;font-size:11px;font-weight:500;margin:12px 0}.service-status .primary-btn{width:100%;font-size:10px}.service-progress{height:3px;background:#d0dfba1b;overflow:hidden;border-radius:5px}.service-progress span{display:block;width:40%;height:100%;background:#c3d5aa;animation:loading 2s infinite}.pastry-art{height:100px;display:grid;place-items:center;background:radial-gradient(ellipse,#d9c49e12,transparent 70%)}.pastry-art img{width:110px;height:95px;object-fit:contain}.category-tabs svg{width:13px;height:13px;vertical-align:middle;margin-right:4px}.item-line>span>small{display:block;margin-top:5px}.item-line{gap:7px}.look-actions{position:sticky;bottom:-25px;padding:15px 0;background:linear-gradient(0deg,#2b3728f5,#2b3728df 70%,transparent);z-index:2}.saved-looks .look-chip{white-space:nowrap}.wardrobe-preview-note{max-width:270px}.pastry-art>svg{width:55px;height:55px;color:#c5ae84;stroke-width:.85;filter:drop-shadow(0 6px 12px #111a1040)}.wardrobe-open .panel{width:min(52vw,650px);top:85px;bottom:25px}.wardrobe-open #panel-content{display:flex;flex-direction:column;overflow:hidden;padding:15px 18px 0}.wardrobe-open .panel-header{padding:20px 23px 16px}.wardrobe-open .bottom-wrap,.wardrobe-open .explore{display:none}.wardrobe-toolbar{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--muted);margin:0 0 15px;letter-spacing:.6px}.wardrobe-toolbar>span:last-child{display:flex;gap:5px;align-items:center;letter-spacing:0}.wardrobe-toolbar svg{width:12px;height:12px}.wardrobe-layout{display:flex;gap:18px;flex:1;min-height:0;overflow:hidden}.wardrobe-categories{display:flex;flex-direction:column;gap:5px;width:76px;flex-shrink:0;padding-right:10px;border-right:1px solid var(--line);overflow:auto;scrollbar-width:none}.wardrobe-categories button{min-height:64px;flex-shrink:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;font-size:8px;border-radius:13px;color:var(--secondary);border:1px solid transparent}.wardrobe-categories button.active{color:var(--text);border-color:#d5e8be55;background:linear-gradient(145deg,#c8e1b52d,#b1ca8d12)}.wardrobe-categories svg{width:21px;height:21px}.wardrobe-items{overflow:auto;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#c5d4ae44 transparent;padding:1px 7px 20px 1px}.wardrobe-category-title{font-size:16px;font-weight:400;margin:0 0 19px}.wardrobe-section h3{font-size:10px;letter-spacing:.1px;text-transform:none;color:var(--secondary)}.wear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wear-card{position:relative;min-width:0;padding:9px 7px 12px;border:1px solid #d9e5c52d;border-radius:15px;text-align:center;background:linear-gradient(135deg,#c6d9ad10,#a6bd9205)}.wear-card.active{border-color:#d9edbbae;background:linear-gradient(135deg,#c6e4a82e,#abc98d13);box-shadow:inset 0 1px #ecfbdc55,0 0 0 1px #c8e6a41b}.wear-art{position:relative;display:grid;place-items:center;height:98px;margin-bottom:9px;overflow:hidden}.wear-art>svg{width:80px;height:95px;stroke-width:1.1}.wear-art>span>svg{width:57px;height:57px;stroke-width:1.2;filter:drop-shadow(0 4px 6px #14200d40)}.wear-name{font-size:9px;line-height:1.6}.wear-check{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:18px;height:18px;background:#b8d99b;border-radius:50%;color:#2b3b23;box-shadow:0 2px 6px #15220d33}.wear-check svg{width:12px;height:12px;stroke-width:2}.garment-mark{position:absolute;bottom:0;font-size:7px;color:var(--secondary)}.wardrobe-help{font-size:9px;line-height:1.9;color:var(--muted)}.saved-look{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:8px 10px;margin-bottom:10px}.saved-look-art{display:grid;place-items:center;width:45px;height:61px}.saved-look-art svg{width:43px;height:58px}.saved-look>span{font-size:10px}.saved-look small{display:block;font-size:8px;margin-top:6px;color:var(--muted)}.saved-look>div:last-child{margin-left:auto;display:flex;flex-direction:column;gap:5px}.saved-look .look-chip{margin:0;padding:7px 9px}.wardrobe-open .look-actions{flex-shrink:0;position:static;padding:16px 0;background:none;border-top:1px solid var(--line);margin-top:0}.wardrobe-open .look-actions button{min-height:43px;font-size:10px;gap:8px}.swatch svg{width:12px;height:12px;stroke:#f5f3e9;filter:drop-shadow(0 1px 2px #0008)}.wardrobe-preview{position:absolute;left:5%;width:38%;top:110px;bottom:40px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.wardrobe-preview>.eyebrow{color:#ebeddd;text-shadow:0 2px 6px #182510}.preview-caption{padding:13px 10px;border-radius:16px;color:#e7ead9;text-shadow:0 1px 6px #162510}.preview-caption p{font-size:11px;margin:0 0 7px}.preview-caption span{font-size:9px;color:#c9d0bb}.wardrobe-open .joystick{display:none}.order-list{display:flex;flex-direction:column;gap:7px;margin:10px 0}.order-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#d5e4bc08;font-size:10px}.order-line small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.order-line .secondary-btn{font-size:9px;padding:8px 11px;white-space:nowrap}@media(max-width:1000px){.panel{width:330px}.brand small{display:none}.cat-card{width:270px}.topbar{left:22px;right:22px}.dock>button{min-width:66px;padding:10px}.explore{left:22px}}@media(max-width:650px){.topbar{top:max(20px,env(safe-area-inset-top));left:14px;right:14px;gap:10px}.brand{gap:8px;padding:3px 13px 3px 3px;border-radius:27px}.brand img{width:33px;height:33px}.brand>span{font-size:25px}.brand small{display:block;font-size:7px;padding-left:8px}.top-actions{gap:5px}.top-actions .icon-btn{width:32px;height:32px}.top-actions .icon-btn svg{width:15px;height:15px}.top-actions #help-btn{display:none}.place-tag{position:absolute;top:52px;left:50%;max-width:calc(100vw - 28px);padding:7px 11px;font-size:8px}.explore{right:16px;left:auto;bottom:149px}.map-button{padding:10px;font-size:0}.map-button svg:last-child,.mini-locations{display:none}.map-button svg{width:17px;height:17px}.bottom-wrap{width:calc(100% - 24px);max-width:none;gap:8px;bottom:max(14px,env(safe-area-inset-bottom))}.dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100%;gap:1px;padding:6px;border-radius:29px}.dock>button{min-width:0;min-height:59px;font-size:8px;padding:8px 7px;gap:6px;border-radius:22px}.dock>button svg{width:21px;height:21px}.dock>button:last-child span{max-width:66px;overflow:hidden;text-overflow:ellipsis}.context-bar{font-size:8px;padding:5px 7px;max-width:100%}.context-bar svg{display:none}.bottom-caption{font-size:5px;justify-content:center;letter-spacing:1px}.bottom-caption span:last-child{display:none}.panel{inset:110px 12px 138px;width:auto;border-radius:23px}.panel-header{padding:22px 23px 16px}.panel-header h2{font-size:22px}#panel-content{padding:18px 23px 24px}.cat-card{left:12px;right:12px;bottom:138px;width:auto;padding:21px}.cat-card h2{font-size:26px;margin:7px 0}.cat-card p{font-size:10px;margin:0 0 8px}.cat-mood{margin:10px 0 13px}.cat-actions{grid-template-columns:repeat(6,1fr);gap:5px}.cat-actions button{font-size:7px;padding:10px 1px;gap:6px}.cat-card>small{margin-top:10px}.pet-guide{bottom:145px;font-size:8px;padding:12px;gap:7px;max-width:calc(100vw - 24px)}.pet-guide>div{width:27px}.toast{top:109px;font-size:10px;width:max-content;max-width:88vw;border-radius:15px}.joystick{display:block}.intro-card{padding:24px 27px 28px}.intro-card h2{font-size:25px}.intro-card .eyebrow{font-size:7px}.intro-logo{width:75px;height:75px}.intro-rules{gap:12px}.photo-mode{border-width:12px;padding-bottom:65px;gap:9px}.photo-mode>span{font-size:7px;bottom:18px}.photo-mode button{font-size:9px;padding:10px 13px}.photo-active .joystick{display:block!important}.photo-active .photo-mode{pointer-events:none}.loading-logo{width:115px;height:115px}.outfit-option{font-size:9px}.category-tabs{margin-bottom:16px}.glass{-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.glass:after{opacity:.35}}@media(max-width:650px){.wardrobe-open .panel{top:55%;bottom:123px}.wardrobe-open .panel-header{padding:13px 18px 10px}.wardrobe-open .panel-header h2{font-size:19px;margin-top:3px}.wardrobe-open #panel-content{padding:12px 18px 20px}.wardrobe-open .wardrobe-preview-note,.wardrobe-open .joystick,.wardrobe-open .explore{display:none}.wardrobe-open .look-actions{bottom:-20px;padding:10px 0}.wardrobe-open .category-tabs{margin-bottom:13px}}@media(max-width:800px){.wardrobe-open .panel{width:55vw}.wardrobe-layout{gap:11px}.wardrobe-categories{width:62px;padding-right:7px}.wear-grid{gap:7px}.wear-art{height:80px}.wear-art>svg{height:76px;width:65px}.wear-name{font-size:8px}}@media(max-width:650px){.wardrobe-open .panel{inset:49% 10px 10px;width:auto}.wardrobe-open .panel-header{padding:13px 17px 10px}.wardrobe-open #panel-content{padding:12px 12px 0}.wardrobe-toolbar{display:none}.wardrobe-layout{gap:10px}.wardrobe-categories{width:61px}.wardrobe-categories button{min-height:53px;font-size:7px;gap:5px}.wardrobe-categories svg{width:18px;height:18px}.wardrobe-category-title{font-size:14px;margin-bottom:13px}.wear-art{height:72px;margin-bottom:5px}.wear-art>svg{height:70px;width:61px}.wear-card{padding:7px 5px 9px;border-radius:12px}.wear-check{width:15px;height:15px}.wardrobe-open .look-actions{padding:10px 0}.wardrobe-open .look-actions button{min-height:35px;font-size:9px}.wardrobe-preview{left:13%;width:74%;top:110px;bottom:53%;justify-content:flex-start}.preview-caption{display:none}.wardrobe-section{margin-bottom:18px}.wardrobe-items{padding-right:3px}.saved-look{gap:7px;padding:7px}.saved-look-art{width:30px}.saved-look-art svg{width:30px}.saved-look>span{font-size:9px}.saved-look small{font-size:7px}.wardrobe-open .topbar .place-tag{display:none}}@media(max-width:650px){.brand small{display:none}}@media(max-width:380px){.brand img{width:28px;height:28px}.brand>span{font-size:21px}.brand{gap:5px;padding-right:9px}.top-actions{gap:3px}}@media(max-width:650px){.brand>span{font-size:18px;letter-spacing:-.5px}.brand img{width:28px;height:28px}.brand{gap:5px;padding-right:9px}}.online-button{display:flex;align-items:center;gap:8px;border-radius:24px;padding:9px 13px;font-size:9px;white-space:nowrap;position:relative}.channel-switch{position:absolute;top:82px;left:24px;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:24px;font-size:11px}.channel-switch svg{width:16px;height:16px}.channel-switch svg:last-child{width:12px;transform:rotate(90deg)}.channel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--secondary);font-size:10px;margin:18px 0 12px}.channel-heading button{display:flex;align-items:center;gap:5px;font-size:9px;padding:8px}.channel-heading svg{width:12px;height:12px}.public-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.public-channel{text-align:left;border:1px solid var(--line);background:#cadab80b;border-radius:19px;padding:18px 15px}.public-channel strong{display:block;font:23px Georgia,serif;color:var(--text)}.public-channel span{display:block;margin-top:12px;font-size:11px;color:var(--secondary)}.public-channel small{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:8px;color:var(--muted)}.public-channel small svg{width:13px;height:13px}.public-channel.active{border-color:#c4d6ad77;background:#bfd7a71b}.online-name-form{margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.online-name-form .online-field{margin-bottom:12px}.photo-active .channel-switch,.wardrobe-open .channel-switch{display:none}@media(max-width:380px){.brand small{display:none}}.online-button svg{width:18px;height:18px}.online-dot{width:5px;height:5px;border-radius:50%;background:#9da98b}.online-button.connected .online-dot{background:#c0e5a0;box-shadow:0 0 9px #bfeaa567}.online-content{overflow:auto;padding:20px 23px 24px;flex:1;min-height:0}.online-status{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:10px;margin:0 0 18px}.online-field{display:block;color:var(--secondary);font-size:10px;margin:0 0 20px}.online-field input,.online-chat-form input{display:block;width:100%;border:1px solid #d8e6c83b;background:#c6ddb30c;color:var(--text);border-radius:12px;padding:13px 14px;margin-top:9px;outline-offset:2px;font-size:12px;box-shadow:inset 0 1px 5px #14210d26}.room-code-row{display:flex;align-items:end;gap:8px}.room-code-row input{text-transform:uppercase;letter-spacing:2px}.room-code-row button{height:43px;padding:10px}.online-content>form>.primary-btn{width:100%}.online-room-code{text-align:center;padding:16px;border:1px solid var(--line);background:#c9dfb709;border-radius:17px;margin-bottom:18px}.online-room-code>span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.online-room-code>strong{display:block;font-size:27px;letter-spacing:5px;font-weight:400;margin:10px 0 14px}.online-room-code>button{margin:auto;padding:9px 14px;font-size:9px}.online-emotes{display:flex;gap:8px;margin-bottom:18px}.online-emotes>button{flex:1;display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 4px;border-radius:12px;font-size:8px}.online-emotes svg{width:21px;height:21px}.online-roster{display:flex;flex-direction:column;gap:8px;margin:15px 0 20px}.online-person{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:11px;background:#b9d1a20b}.online-person small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.online-person>svg{width:14px;height:14px}.online-chat-log{height:260px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#13200c17;padding:13px;scrollbar-width:thin}.online-message{margin-bottom:14px;font-size:10px}.online-message>strong{font-size:8px;letter-spacing:.3px;color:#bdd3a5;font-weight:500}.online-message.self>strong{color:#dad3b5}.online-message>p{margin:5px 0 0;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.online-chat-form{display:flex;align-items:center;gap:8px;margin-top:10px}.online-chat-form input{margin:0;font-size:10px;padding:12px}.online-chat-form button{width:37px;flex-shrink:0}.online-quick-chat{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.online-quick-chat button{font-size:8px;padding:7px 9px}#online-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.player-label{transition:none;position:absolute;left:0;top:0;border-radius:12px;padding:6px 10px;font-size:10px;white-space:nowrap;pointer-events:auto!important;color:#e6ecd7;box-shadow:inset 0 1px #e8f6d541,0 4px 18px #09130730}.player-label:hover,.player-label:active{scale:1}.player-label .peer-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);max-width:220px;min-width:35px;white-space:normal;width:max-content;overflow-wrap:anywhere;background:#34462ded;border:1px solid #d8eac346;border-radius:14px 14px 14px 3px;padding:10px 13px;font-size:11px;line-height:1.7;color:#e6edd9;box-shadow:0 6px 18px #10210f30}.peer-card{position:absolute;left:24px;bottom:150px;width:285px;padding:23px;border-radius:23px;pointer-events:auto}.peer-close{position:absolute;right:12px;top:12px;width:27px;height:27px}.peer-card h2{font-size:23px;font-weight:400;margin:13px 0 10px;overflow-wrap:anywhere}.peer-card>p{font-size:9px;line-height:1.8;color:var(--secondary);margin-bottom:16px}.peer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.peer-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:68px;padding:11px 5px;border-radius:12px;font-size:9px}.peer-actions svg{width:20px;height:20px}.peer-card>.look-chip{font-size:8px}.online-invitation{position:absolute;left:50%;top:100px;transform:translate(-50%);padding:22px;width:min(355px,90vw);border-radius:21px;pointer-events:auto}.online-invitation p{font-size:12px;line-height:1.8;margin:13px 0 17px}.online-invitation>div{display:flex;gap:9px}.online-invitation button{flex:1;font-size:10px;padding:11px}.online-panel{z-index:5}.peer-card{z-index:4}.online-invitation{z-index:8}.photo-active .online-panel,.photo-active .peer-card,.photo-active .online-invitation,.photo-active #online-labels{display:none!important}.wardrobe-open #online-labels,.wardrobe-open .peer-card{display:none}@media(max-width:650px){.channel-switch{left:14px;top:max(112px,calc(env(safe-area-inset-top) + 92px));font-size:10px;padding:8px 12px}.top-actions .online-button{width:32px;height:32px;padding:7px;justify-content:center}.online-button>span{display:none}.online-button>.online-dot{position:absolute;right:4px;bottom:4px;width:4px;height:4px}.online-button>svg{width:16px;height:16px}.online-content{padding:17px 21px 23px}.online-chat-log{height:240px}.peer-card{left:12px;right:12px;bottom:138px;width:auto}.peer-actions{grid-template-columns:repeat(4,1fr);gap:6px}.peer-actions>button{font-size:8px;padding:10px 3px}.player-label{font-size:9px;padding:5px 9px}.player-label .peer-bubble{font-size:10px;max-width:175px}.online-invitation{top:110px}}.channel-hud{max-width:min(360px,calc(100vw - 28px));position:absolute;top:82px;left:24px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.channel-hud .channel-switch{position:static}.site-stats{max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:7px 11px;border-radius:17px;color:var(--secondary);background:#22291fb5;font-size:9px;line-height:1.5;pointer-events:none}#online-count:not([hidden]):before{content:"";display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:50%;background:#b9ce98}.photo-active .channel-hud,.wardrobe-open .channel-hud{display:none}@media(max-width:650px){.channel-hud{top:max(112px,calc(env(safe-area-inset-top) + 92px));left:14px;gap:5px}.site-stats{font-size:8px;padding:6px 9px;gap:8px}.journal-sidebar{top:200px}}#donate-btn svg{color:#cbbb99}.donation-backdrop{position:absolute;inset:0;z-index:80;pointer-events:auto;background:#10150e52}#panel.donate-panel{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);height:auto;z-index:81;background:linear-gradient(145deg,#595648bc,#292e25c9);border:1px solid #eee4c74f;box-shadow:inset 0 1px 1px #fff4d94a,0 22px 80px #0710065c}.donate-panel .panel-header{padding:22px 25px 17px}.donate-panel .panel-header h2{font-size:24px}.donate-panel #panel-content{padding:0 25px 23px;overflow-y:auto}.donation-intro{display:flex;align-items:center;gap:12px;padding:17px 0 18px}.donation-intro p{font-size:11px;line-height:1.8;color:var(--secondary);margin:0}.donation-heart{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #e0d9b832;color:#d5c8a6;background:#efe3bf0b}.donation-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #d3deba3d;border-radius:18px;background:linear-gradient(130deg,#a0b28d2b,#d9c6a809);box-shadow:inset 0 1px #edf6d824}.donation-account>div{display:flex;flex-direction:column;gap:7px}.donation-account>div>span{color:var(--secondary);font-size:10px}.donation-account strong{font-size:20px;letter-spacing:1px;font-variant-numeric:tabular-nums}.donation-account button{display:flex;align-items:center;gap:5px;padding:9px;font-size:10px}.donation-account button svg{width:14px;height:14px}.donation-qr{margin:16px 0;padding:15px;background:#f8f6ed;color:#46513e;border:1px solid #fffaf0a6;border-radius:20px;text-align:center;box-shadow:0 8px 22px #10180e20}.donation-qr img{width:min(100%,250px);height:auto;display:block;margin:auto;background:#fff;border-radius:6px}.donation-qr figcaption{display:flex;flex-direction:column;gap:5px;margin-top:9px}.donation-qr figcaption strong{font-size:13px}.donation-qr figcaption span{font-size:9px;color:#68715e}.donation-download{width:100%;min-height:42px;display:flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;background:linear-gradient(135deg,#bdc69c,#a8b78c);color:#283023}.donation-note{font-size:10px;line-height:1.8;color:var(--secondary);text-align:center;margin:14px 4px 0}@media(max-width:650px){.donation-trigger{font-size:9px;padding:7px 10px}.donate-panel .panel-header{padding:18px 20px 14px}.donate-panel .panel-header h2{font-size:22px}.donate-panel #panel-content{padding:0 20px 20px}}@media(max-height:700px){.donation-qr img{width:min(100%,200px)}.donation-intro{padding:12px 0}.donation-qr{margin:12px 0;padding:12px}}#panel.donate-panel{animation:donation-in .22s ease}@keyframes donation-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast{z-index:90}@media(prefers-reduced-motion:reduce){#panel.donate-panel{animation:none}}.cat-feedback{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.cat-feedback:before,.cat-feedback:after{display:none!important}.cat-emotion{position:absolute;left:0;top:0;pointer-events:none;color:#dfb4a3;filter:drop-shadow(0 2px 4px #1e241e66);will-change:transform,opacity}.cat-emotion svg{width:21px;height:21px;fill:#dcb4a5;stroke:#fff0db;stroke-width:1}.cat-emotion.sleep{color:#e4debf;font:italic 600 23px Georgia,serif}.journal-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.journal-tabs button{flex:1;padding:10px 4px;border-radius:14px;font-size:10px}.journal-tabs button[aria-pressed=true]{background:#c9d4ac22;box-shadow:inset 0 1px #f1ebce33;color:#f1ead5}.journal-streak{display:flex;align-items:center;gap:17px;padding:22px 18px;border:1px solid #c3b58b44;border-radius:24px;background:radial-gradient(ellipse at 0 80%,#bc88552b,transparent 80%),#fff4cf07}.journal-flame{display:grid;place-items:center;width:64px;height:75px;color:#bb9b72;border-radius:23px;background:#dec0930c}.journal-flame svg{width:40px;height:48px;stroke-width:1.3}.journal-streak.kept .journal-flame{color:#e4ba79;filter:drop-shadow(0 0 13px #d6a45655)}.journal-streak strong{display:block;font:46px Georgia,serif;margin-top:8px}.journal-streak strong small{font:14px Be Vietnam Pro,sans-serif}.journal-streak p{color:var(--secondary);font-size:10px;margin:7px 0 0;line-height:1.8}.journal-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.journal-stats>span{border:1px solid var(--line);border-radius:17px;padding:14px 12px;color:var(--muted);font-size:9px}.journal-stats strong{display:block;font-size:14px;color:var(--text);margin-bottom:6px}.journal-checkin{padding:15px;background:#c5d4a70b;border-radius:17px;border:1px solid var(--line)}.journal-checkin>span{display:flex;align-items:center;gap:7px;font-size:11px}.journal-checkin svg{width:16px;height:16px}.journal-checkin p,.journal-note{color:var(--secondary);font-size:9px;line-height:1.9}.journal-note{margin:20px 0 0;color:var(--muted)}.journal-section-title{font-size:12px;margin:24px 0 13px}.journal-goal{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.journal-goal>svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)}.journal-goal>div{flex:1;min-width:0}.journal-goal strong{font-size:10px;line-height:1.8}.journal-goal small{display:block;color:var(--muted);font-size:9px;margin:3px 0 7px}.journal-goal button,.journal-cat-footer button{padding:8px 9px;border-radius:12px;font-size:9px;white-space:nowrap}.journal-goal button:disabled{opacity:.55;cursor:default}.journal-goal.complete>svg{color:#d0dfa8}.journal-cats{display:grid;gap:13px}.journal-cat{padding:17px;background:#e3dbc509;border:1px solid var(--line);border-radius:20px}.journal-cat-heading{display:flex;align-items:center;gap:13px}.journal-cat-heading small{display:block;color:var(--secondary);margin-top:5px;font-size:9px}.journal-cat p{font-size:10px;color:var(--secondary);line-height:1.9}.journal-cat>small,.journal-cat-footer small{color:var(--muted);font-size:8px;line-height:1.7}.journal-bond{display:block;font-size:9px;color:var(--secondary);margin-top:14px}.journal-bond>span{float:right}.journal-cat-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.journal-cat-footer button{display:flex;align-items:center;gap:3px}.journal-cat-footer svg{width:12px;height:12px}.journal-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.journal-badge{display:flex;align-items:center;flex-direction:column;gap:9px;padding:21px 8px;text-align:center;border:1px dashed var(--line);border-radius:20px;opacity:.5}.journal-badge.earned{opacity:1;border-style:solid;background:#b4bc8c15}.journal-badge svg{width:28px;height:28px;color:var(--accent)}.journal-badge strong{font-size:11px}.journal-badge small{font-size:9px;color:var(--muted)}.journal-stamps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.journal-stamp{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;border:1px dashed var(--line);border-radius:12px;color:var(--muted);opacity:.5}.journal-stamp.filled{color:#cdd6ac;opacity:1;border-style:solid;background:#c2d19a0b}.journal-stamp svg{width:19px;height:19px}.journal-stamp small{font-size:7px}.journal-checkin progress,.journal-goal progress,.journal-bond progress{display:block;appearance:none;border:0;border-radius:8px;width:100%;height:4px;overflow:hidden;background:#c3cbb41c;margin-top:8px}.journal-checkin progress::-webkit-progress-bar,.journal-goal progress::-webkit-progress-bar,.journal-bond progress::-webkit-progress-bar{background:#c3cbb41c}.journal-checkin progress::-webkit-progress-value,.journal-goal progress::-webkit-progress-value,.journal-bond progress::-webkit-progress-value{background:#bfcf9c;border-radius:8px}.journal-checkin progress::-moz-progress-bar,.journal-goal progress::-moz-progress-bar,.journal-bond progress::-moz-progress-bar{background:#bfcf9c}@media(max-width:650px){.journal-streak{padding:16px 13px;gap:12px}.journal-flame{width:50px}.journal-stamp small{font-size:6px}}.journal-sidebar{position:absolute;top:clamp(145px,22vh,240px);right:24px;width:182px;display:flex;flex-direction:column;gap:7px}.journal-shortcut{display:flex;flex-direction:row;align-items:center;gap:9px;padding:11px 13px;border-radius:22px;text-align:left}.journal-shortcut>svg{width:16px;height:17px;color:var(--secondary);flex-shrink:0}.streak-badge{display:inline-flex;align-items:center;color:#c4aa86}.streak-badge.kept{color:#efc78c}.journal-shortcut>.streak-badge{font-size:12px;gap:5px;white-space:nowrap;font-weight:500}.journal-shortcut .streak-badge svg{width:15px;height:19px}.journal-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.journal-daily{padding:0 11px;border-radius:17px}.journal-daily summary{display:flex;align-items:center;gap:6px;list-style:none;padding:10px 0;font-size:8px;color:var(--secondary);cursor:pointer;pointer-events:auto}.journal-daily summary::-webkit-details-marker{display:none}.journal-daily summary b{margin-left:auto;font-weight:400}.journal-daily summary svg{width:11px;height:11px;transition:transform .2s}.journal-daily[open] summary svg{transform:rotate(90deg)}#journal-daily-live{max-height:min(210px,calc(100dvh - 310px));overflow:auto}.journal-daily-task{display:flex;width:100%;gap:9px;align-items:center;padding:11px 2px;text-align:left;border-bottom:1px solid var(--line)}.journal-daily-task:last-child{border-bottom:0}.journal-daily-task>svg{width:17px;height:17px;color:var(--accent);flex-shrink:0}.journal-daily-task>span{flex:1}.journal-daily-task strong{display:block;font-size:9px;font-weight:500;line-height:1.8}.journal-daily-task small{font-size:8px;color:var(--muted)}.journal-daily-task progress{display:none}.journal-daily-task.complete{opacity:.6}.photo-active .journal-sidebar,.wardrobe-open .journal-sidebar,#app:has(#panel:not([hidden])) .journal-sidebar,#app:has(#cat-card:not([hidden])) .journal-sidebar,#app:has(#online-panel:not([hidden])) .journal-sidebar,#app:has(.intro-backdrop:not([hidden])) .journal-sidebar{display:none}@media(max-width:650px){.journal-sidebar{top:200px;right:12px;width:165px}.journal-shortcut{padding:10px 11px;gap:7px}.journal-shortcut>.streak-badge{font-size:11px}.journal-daily{padding:0 10px}.journal-daily-task{gap:7px;padding:10px 2px}.journal-daily-task strong{font-size:8px}}@media(max-height:500px){.journal-sidebar{top:130px}}