:root{--paper-0: #fffbf3;--ink-900: #4a3b2e;--teal-700: #3e8c86;--radius-panel: 22px;--stroke-hand: 2px solid rgba(120, 90, 60, .35);--cream-50: #fffcF5;--cream-100: #fdf5e6;--cream-200: #f8ead2;--cream-300: #efdcbb;--cream-400: #e4caa0;--paper: rgba(255, 251, 243, .9);--paper-deep: rgba(246, 232, 210, .86);--sea-100: #d8efe9;--sea-200: #b7e0d8;--sea-300: #8ecdc1;--sea-400: #67b3a6;--sea-500: #4e9d90;--sea-600: #3e8c86;--sea-700: #2d635c;--sea-900: #1f4642;--gold-100: #f8ecce;--gold-200: #f0dca8;--gold-300: #e8c579;--gold-400: #e0b763;--gold-500: #d9a84e;--gold-600: #a87f2c;--gold-700: #7d5c1c;--coral-100: #fbe6de;--coral-200: #f6cbbd;--coral-300: #f1ac97;--coral-400: #ea9376;--coral-500: #e8836a;--coral-600: #c25b3c;--sun-100: #fff3d4;--sun-200: #ffe2ad;--sun-300: #fbc978;--sun-400: #f4a95c;--sun-500: #e8875a;--sun-600: #d16b47;--ink-800: #574635;--ink-700: #6a5642;--ink-600: #836f58;--ink-500: #9c8770;--ink-400: #b7a48d;--ok-500: #4e9d90;--warn-500: #d9902f;--danger-500: #c1523a;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: var(--radius-panel);--radius-xl: 30px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(120, 84, 44, .14);--shadow-md: 0 6px 16px rgba(120, 84, 44, .18);--shadow-lg: 0 14px 34px rgba(104, 70, 36, .24);--shadow-float: 0 12px 26px rgba(96, 64, 32, .28), 0 2px 0 rgba(255, 255, 255, .6) inset;--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .75);--edge-paper: 1px solid rgba(150, 112, 42, .22);--edge-strong: 1px solid rgba(150, 112, 42, .42);--font-display: "Palatino Linotype", "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;--font-body: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: clamp(10.5px, 2.8vw, 12px);--fs-sm: clamp(12px, 3.2vw, 13.5px);--fs-md: clamp(13.5px, 3.6vw, 15px);--fs-lg: clamp(15px, 4vw, 17px);--fs-xl: clamp(18px, 4.8vw, 21px);--fs-2xl: clamp(22px, 6vw, 27px);--tap: 44px;--app-vh: 100dvh;--app-vt: 0px;--hud-guard: 12px;--header-h: 96px;--figure-top: calc(var(--header-h) + env(safe-area-inset-top) + var(--hud-guard));--figure-h: 25%;--z-scene: 0;--z-content: 10;--z-nav: 30;--z-toast: 50;--z-story-overlay: 60;--z-modal: 70}:root{--stat-hunger: linear-gradient(90deg, #f4b45e, #e8875a);--stat-clean: linear-gradient(90deg, #8ecdc1, #4e9d90);--stat-mood: linear-gradient(90deg, #f6c2bd, #c25b3c);--stat-intimacy: linear-gradient(90deg, #f1ac97, #c1523a);--stat-exp: linear-gradient(90deg, #f0dca8, #a87f2c);--stat-rel: linear-gradient(90deg, #f6cbbd, #c25b3c)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:var(--font-body);color:var(--ink-800);background:radial-gradient(1200px 700px at 20% -10%,#f9e2bb 0%,transparent 60%),radial-gradient(900px 600px at 90% 110%,#cfe6df 0%,transparent 62%),linear-gradient(160deg,#e9d3ae,#dcc09a 45%,#c7a988);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100%}button{font-family:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--coral-400);outline-offset:2px}.stage{height:100%;display:grid;place-items:center;padding:16px}.phone{position:relative;width:min(430px,100vw,calc((var(--app-vh) - 32px) * .4614));min-width:0;aspect-ratio:430 / 932;max-height:calc(var(--app-vh) - 32px);border-radius:34px;overflow:hidden;isolation:isolate;background:#1f4642;box-shadow:0 0 0 9px #f6ead4,0 0 0 11px #96702a80,0 26px 60px #583a1e6b}.phone[data-tone=cafe]{background:radial-gradient(110% 72% at 50% 12%,#fff4dd 0%,transparent 72%),#efcf9f}@media(max-width:480px){.stage{position:fixed;top:var(--app-vt);left:0;right:0;height:var(--app-vh);padding:0}.phone{width:100vw;height:var(--app-vh);max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}}.stage__badge{position:fixed;right:18px;bottom:14px;margin:0;font-size:11px;letter-spacing:.16em;color:#5a402873;text-transform:uppercase;pointer-events:none}@media(max-width:480px),(max-height:760px){.stage__badge{display:none}}.scroll{scrollbar-width:thin;scrollbar-color:rgba(150,112,42,.45) transparent}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#96702a66;border-radius:99px}.scroll::-webkit-scrollbar-track{background:transparent}.t-num{font-variant-numeric:tabular-nums;letter-spacing:.01em}.t-muted{color:var(--ink-500)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.scene{position:absolute;inset:0;z-index:var(--z-scene);overflow:hidden;pointer-events:none}.scene__bg-layer,.scene__css,.scene__props,.scene__figure,.scene__atmosphere{position:absolute;inset:0}.scene__props,.scene__figure{z-index:2}.scene__atmosphere{z-index:auto}.scene__rays,.scene__sweep,.scene__warm,.scene__texture{z-index:3}.scene__sweep{position:absolute;inset:-20% 0;background:linear-gradient(178deg,transparent 30%,rgba(255,240,204,.14) 42%,rgba(255,244,214,.2) 50%,rgba(255,240,204,.14) 58%,transparent 70%);mix-blend-mode:screen;animation:sweep-drift 26s ease-in-out infinite;will-change:transform}@keyframes sweep-drift{0%,to{transform:translate3d(0,-8%,0)}50%{transform:translate3d(0,8%,0)}}.scene__vignette{position:absolute;inset:0;z-index:4;background:radial-gradient(120% 82% at 50% 42%,transparent 52%,rgba(96,60,24,.26) 100%);pointer-events:none}.scene__bg{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease}.scene__bg.is-ready{opacity:1}.scene__room{position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 8%,#f6e2c0 0%,transparent 55%),radial-gradient(120% 90% at 85% 30%,#eed4a8 0%,transparent 60%),linear-gradient(165deg,#f0dcbb,#e6cda4 38%,#d4b88c 68%,#bd9f76)}.scene__room:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(160,120,70,.06) 0 1px,transparent 1px 46px);opacity:.7}.scene__room:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 78% at 52% 44%,transparent 42%,rgba(112,74,36,.34) 100%)}.scene__win{position:absolute;left:13%;right:13%;top:5%;height:60%;border-radius:48% 48% 14px 14px/32% 32% 14px 14px;overflow:hidden;background:linear-gradient(180deg,#cfe6f0,#e9e2c9);box-shadow:inset 0 -20px 40px #8c643c2e,0 16px 34px #78522c38}.scene__win:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 2px),rgba(255,250,238,.92) 0 calc(50% + 2px),transparent 0),linear-gradient(180deg,transparent 46%,rgba(255,250,238,.92) 46% calc(46% + 4px),transparent 0),linear-gradient(180deg,transparent 74%,rgba(255,250,238,.8) 74% calc(74% + 3px),transparent 0);pointer-events:none}.scene__sky{position:absolute;inset:0;background:linear-gradient(180deg,#8fbdd6,#c9cfd0 14%,#f5cf9e 30%,#f7b877 44%,#ef9a5b 54%,#e07f52,#c96a4c 70%)}.scene__sun{position:absolute;left:50%;top:46%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffbe8,#ffe08f 38%,#ffb25c00 70%);animation:sun-breathe 7s ease-in-out infinite}@keyframes sun-breathe{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}.scene__clouds{position:absolute;left:0;right:0;top:14%;height:34%;background:radial-gradient(38% 46% at 24% 40%,rgba(255,244,228,.85) 0%,transparent 70%),radial-gradient(30% 40% at 62% 26%,rgba(255,240,220,.7) 0%,transparent 72%),radial-gradient(34% 36% at 86% 52%,rgba(255,236,214,.6) 0%,transparent 74%)}.scene__sea{position:absolute;inset:58% 0 0;background:linear-gradient(180deg,#6fb0c6,#3f89a8,#2f6f8f 68%,#235a76)}.scene__sea:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,rgba(255,246,222,.34) 0 2px,transparent 2px 9px),radial-gradient(58% 62% at 52% 4%,rgba(255,236,190,.95) 0%,transparent 64%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 86%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 86%);filter:blur(1.2px);opacity:.75}.scene__village{position:absolute;left:0;right:0;top:62%;height:12%;background:radial-gradient(9% 100% at 76% 88%,#fdf3e2 0 60%,transparent 61%),radial-gradient(7% 78% at 82% 92%,#f7ead6 0 60%,transparent 61%),radial-gradient(6% 62% at 70% 96%,#f2e2cc 0 60%,transparent 61%),radial-gradient(8% 70% at 88% 96%,#efe0c8 0 60%,transparent 61%),linear-gradient(180deg,transparent 70%,rgba(94,106,96,.35) 100%);filter:blur(.3px)}.scene__glow{position:absolute;inset:0;background:radial-gradient(42% 34% at 54% 56%,rgba(255,240,206,.85) 0%,transparent 70%);mix-blend-mode:screen}.scene__vine{position:absolute;background:radial-gradient(closest-side,rgba(96,138,78,.55),transparent 78%);filter:blur(1px)}.scene__vine--l{left:-6%;top:2%;width:34%;height:30%}.scene__vine--r{right:-4%;top:0%;width:26%;height:22%}.scene__lamp{position:absolute;left:50%;top:0;width:13%;aspect-ratio:1.25 / 1;transform:translate(-50%);background:linear-gradient(180deg,#8a6a2c,#c8a153 42%,#6f521d);border-radius:50% 50% 46% 46%/30% 30% 78% 78%;box-shadow:0 6px 14px #5a3c1452}.scene__lamp:before{content:"";position:absolute;left:50%;bottom:-14px;width:34%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#fff8dd,#ffce78 40%,#ffbe6e00 72%);box-shadow:0 0 26px 12px #ffd08280;animation:lamp-flicker 5s ease-in-out infinite}@keyframes lamp-flicker{0%,to{opacity:.92}50%{opacity:1}}.scene__counter{position:absolute;left:0;right:0;bottom:0;height:24%;background:repeating-linear-gradient(88deg,rgba(120,80,40,.08) 0 3px,transparent 3px 30px),linear-gradient(180deg,#e9c893,#dcb478 26%,#c99a5e 68%,#b07f47);border-top:3px solid rgba(255,244,222,.8);box-shadow:0 -12px 26px #78522c38}.scene__counter:after{content:"";position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(180deg,rgba(255,240,210,.55),transparent 90%)}.scene__wainscot{position:absolute;left:0;right:0;bottom:0;height:9%;background:linear-gradient(180deg,#4e9d90,#3b8076 60%,#2d635c)}.scene__plant{position:absolute;bottom:20%;width:26%;height:32%;background:radial-gradient(closest-side at 30% 30%,rgba(126,168,96,.75),transparent 72%),radial-gradient(closest-side at 68% 52%,rgba(96,142,78,.7),transparent 74%),radial-gradient(closest-side at 46% 76%,rgba(140,178,108,.6),transparent 76%);filter:blur(1.5px)}.scene__plant--l{left:-8%}.scene__plant--r{right:-10%;height:26%}.scene__rays{position:absolute;inset:-10% -10% 0;background:linear-gradient(118deg,#ffecc200 34%,#ffecc261,#ffecc200 54%);mix-blend-mode:screen;opacity:.5}.scene__texture{position:absolute;inset:0;background:radial-gradient(rgba(120,84,44,.05) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:5px 5px,7px 7px;background-position:0 0,2px 3px;opacity:.85;mix-blend-mode:multiply}.scene__warm{position:absolute;inset:0;background:radial-gradient(140% 62% at 50% 112%,rgba(255,178,96,.4) 0%,transparent 60%),radial-gradient(86% 54% at 50% 44%,rgba(255,200,130,.24) 0%,transparent 72%),linear-gradient(180deg,#ffd69633,#ffe2b214 32%,#6838122e);mix-blend-mode:soft-light}.scene__figure{top:var(--figure-top);bottom:auto;left:12%;right:12%;height:var(--figure-h);display:flex;align-items:flex-end;justify-content:center}.scene__figure-img{max-width:100%;max-height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 20px rgba(92,60,28,.32));animation:figure-in .5s cubic-bezier(.2,.9,.3,1)}@keyframes figure-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.scene__figure-floor{position:absolute;left:20%;right:20%;bottom:-6px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(96,62,28,.3),transparent 78%)}.scene__figure-ph{display:grid;place-items:center;width:min(52%,132px);height:72%;border-radius:46% 46% 30% 30%/54% 54% 26% 26%;background:radial-gradient(closest-side,rgba(255,250,238,.34),transparent 78%);border:1.5px dashed rgba(120,90,60,.28)}.scene__figure-ph-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:var(--gold-700);background:radial-gradient(circle at 34% 28%,#fffcf4e6,#eedab2c2);border:1px solid rgba(150,112,42,.28)}.scene--pet .scene__win{left:7%;right:7%;top:4%;height:62%;border-radius:20px}.scene--pet .scene__counter{height:20%;background:repeating-linear-gradient(92deg,rgba(150,108,62,.16) 0 2px,transparent 2px 22px),linear-gradient(180deg,#f0dcb8,#e2c795 40%,#cfa96f)}.scene--pet .scene__cushion{position:absolute;left:8%;bottom:17%;width:42%;height:12%;border-radius:50%;background:linear-gradient(180deg,#fdf4e2,#eddcbe 60%,#dcc59f);box-shadow:0 10px 20px #78522c3d,var(--shadow-inset)}.scene__cushion{display:none}.scene--pet .scene__cushion{display:block}.scene--pet .scene__curtain{position:absolute;right:-6%;top:-2%;width:34%;height:74%;border-radius:0 0 40% 40%;background:linear-gradient(180deg,rgba(255,252,244,.85),rgba(255,246,228,.35) 70%,transparent);filter:blur(.5px)}.scene__curtain{display:none}.scene--pet .scene__curtain{display:block}.scene--story .scene__win{left:22%;right:22%;top:3%;height:34%;filter:blur(14px) saturate(.66) brightness(1.08);opacity:.7}.scene--story .scene__room{background:radial-gradient(110% 70% at 12% 6%,#f6e2c0 0%,transparent 58%),linear-gradient(165deg,#f0dcbb,#e2c79c 42%,#cfb086 72%,#b99a72)}.scene--story .scene__counter{height:22%}.scene--story .scene__warm{background:radial-gradient(96% 74% at 50% 56%,rgba(255,216,158,.6),transparent 70%),radial-gradient(140% 60% at 50% 108%,rgba(255,178,96,.5) 0%,transparent 64%);mix-blend-mode:screen;opacity:.85}.scene--cafe .scene__win,.scene--business .scene__win{left:8%;right:8%;top:6%;height:56%}.app{position:absolute;inset:0;display:flex;flex-direction:column;z-index:var(--z-content)}.app:has(.storybook__draft-layer){z-index:var(--z-story-overlay)}.appbar{flex:0 0 var(--figure-top);height:var(--figure-top);padding:calc(8px + env(safe-area-inset-top) + var(--hud-guard)) 14px 0;display:flex;flex-direction:column;gap:6px}.appbar__row{display:flex;align-items:center;gap:8px}.appbar__avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:radial-gradient(circle at 32% 28%,#fff6e4,#efd6ac 62%,#d9b985);border:var(--stroke-hand);box-shadow:var(--shadow-float);color:var(--sea-700);transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.appbar__avatar:active{transform:scale(.95)}.appbar__plate{flex:1 1 auto;min-width:0;padding:5px 12px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffcf4f0,#f5e6cdeb);border:var(--stroke-hand);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.appbar__title-row{display:flex;align-items:center;gap:7px;min-width:0}.appbar__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:.04em;color:var(--ink-900);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar__stars{display:inline-flex;gap:1px;flex:0 0 auto;color:var(--gold-500)}.appbar__sub{margin-top:2px;font-size:var(--fs-xs);color:var(--ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar__actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.appbar__coin{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 11px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fff7e2,#f3dfae);border:var(--stroke-hand);box-shadow:var(--shadow-float);color:var(--gold-700);font-size:var(--fs-sm)}.appbar__coin b{color:var(--ink-900)}.appbar__res{display:flex;gap:6px;padding-left:50px}.icon-btn{width:var(--tap);height:var(--tap);min-width:var(--tap);border-radius:50%;border:var(--stroke-hand);background:linear-gradient(180deg,#fffaf0,#f2e2c4);color:var(--gold-600);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-float);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.icon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-inset)}.icon-btn:active:not(:disabled){transform:translateY(1px) scale(.96)}.icon-btn:disabled{opacity:.42;cursor:not-allowed}.icon-btn--sm{width:36px;height:36px;min-width:36px}.resbar{flex:0 0 auto;display:flex;gap:6px;padding:0 12px 8px;align-items:center}.resbar--compact{padding:0}.resbar--flush{padding:6px 0 0;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 8px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffcf4f2,#f6e8d0e6);border:1px solid rgba(150,112,42,.32);box-shadow:var(--shadow-sm),var(--shadow-inset);font-size:var(--fs-sm);font-weight:700;color:var(--ink-800);white-space:nowrap}.chip__icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffffb3}.chip--coin .chip__icon{color:var(--gold-500)}.chip--stamina .chip__icon{color:var(--coral-400)}.chip--level .chip__icon{color:var(--sea-500)}.chip--rel .chip__icon{color:var(--coral-500)}.chip__sub{font-weight:600;font-size:var(--fs-xs);color:var(--ink-500)}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:10px 16px 116px;display:flex;flex-direction:column;gap:14px}.screen>*{flex:0 0 auto}.figure-zone{flex:0 0 auto;height:var(--figure-h);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;pointer-events:none}.figure-zone__tag{padding:3px 12px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffcf4e6,#f4e4cadb);border:var(--stroke-hand);box-shadow:var(--shadow-sm);font-size:var(--fs-xs);font-weight:700;color:var(--ink-600);letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone[data-figure=character]{--figure-h: 33%}.panel{position:relative;border-radius:var(--radius-panel);padding:13px 14px;background:radial-gradient(120% 90% at 12% 0%,rgba(255,255,255,.68) 0%,transparent 55%),linear-gradient(170deg,#fffbf3eb,#f6e8d2e0);border:var(--stroke-hand);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel--sea{background:radial-gradient(120% 90% at 12% 0%,rgba(255,255,255,.66) 0%,transparent 55%),linear-gradient(170deg,#e9f6f2ed,#cfe9e2e6)}.panel--coral{background:radial-gradient(120% 90% at 12% 0%,rgba(255,255,255,.68) 0%,transparent 55%),linear-gradient(170deg,#fdeee8ed,#f8dbcfe6)}.panel__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.panel__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--ink-900);letter-spacing:.03em}.panel__hint{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-500);font-weight:600}.section-label{display:flex;align-items:center;gap:7px;padding:2px 2px 0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;letter-spacing:.06em;color:var(--ink-700)}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(150,112,42,.35),transparent)}.btn{--btn-bg: linear-gradient(180deg, #fffaf0, #f0dcbc);--btn-fg: var(--ink-800);--btn-bd: rgba(150, 112, 42, .4);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--fs-md);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-sm),var(--shadow-inset);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:var(--shadow-sm)}.btn:disabled{cursor:not-allowed;--btn-bg: linear-gradient(180deg, rgba(242, 235, 222, .95), rgba(226, 216, 198, .95));--btn-fg: rgba(122, 102, 82, .8);--btn-bd: rgba(150, 112, 42, .22);box-shadow:none;opacity:.92}.btn--primary{--btn-bg: linear-gradient(180deg, var(--coral-300) 0%, var(--coral-500) 100%);--btn-fg: #fff8f2;--btn-bd: rgba(150, 62, 34, .5);box-shadow:0 6px 14px #b44a2c57,inset 0 1px #ffffff73}.btn--gold{--btn-bg: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-500) 100%);--btn-fg: #4a3512;--btn-bd: rgba(120, 88, 24, .5)}.btn--sea{--btn-bg: linear-gradient(180deg, var(--sea-300) 0%, var(--sea-600) 100%);--btn-fg: #f4fffc;--btn-bd: rgba(35, 96, 88, .5);box-shadow:0 6px 14px #2d635c4d,inset 0 1px #fff6}.btn--ghost{--btn-bg: rgba(255, 252, 244, .7);--btn-fg: var(--ink-700);--btn-bd: rgba(150, 112, 42, .3);box-shadow:var(--shadow-inset)}.btn--sm{min-height:34px;padding:0 12px;font-size:var(--fs-sm);border-radius:var(--radius-pill)}.btn--block{width:100%}.btn--loading{pointer-events:none}.btn__spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .7s linear infinite}.btn--ghost .btn__spinner,.btn--gold .btn__spinner{border-color:#4a35124d;border-top-color:var(--gold-700)}@keyframes spin{to{transform:rotate(360deg)}}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row>.btn{flex:1 1 auto}.stat{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:30px}.stat__icon{display:grid;place-items:center;color:var(--ink-600)}.stat__body{min-width:0}.stat__label{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-xs);font-weight:700;color:var(--ink-600);margin-bottom:3px}.stat__track{height:8px;border-radius:99px;background:#785a3229;overflow:hidden;box-shadow:inset 0 1px 2px #5a3c1833}.stat__fill{height:100%;border-radius:99px;background:var(--stat-hunger);transition:width .4s cubic-bezier(.4,0,.2,1)}.stat--clean .stat__fill{background:var(--stat-clean)}.stat--mood .stat__fill{background:var(--stat-mood)}.stat--intimacy .stat__fill{background:var(--stat-intimacy)}.stat--exp .stat__fill{background:var(--stat-exp)}.stat--rel .stat__fill{background:var(--stat-rel)}.stat--time .stat__fill{background:linear-gradient(90deg,#f6c2ae,#b44a2c)}.stat__value{font-size:var(--fs-xs);font-weight:800;color:var(--ink-700);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.nav{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:var(--z-nav);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px 6px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffbf2f5,#f4e6cdf5);border:var(--stroke-hand);box-shadow:0 14px 30px #68462457,var(--shadow-inset);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);padding:4px 2px 3px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--ink-600);cursor:pointer;transition:color .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.nav__item:active{transform:scale(.94)}.nav__icon{display:grid;place-items:center;width:34px;height:30px;transition:color .15s ease,transform .15s ease}.nav__text{font-size:10px;font-weight:700;letter-spacing:.02em}.nav__item.is-active{color:var(--coral-600)}.nav__item.is-active .nav__icon{color:var(--coral-600);transform:translateY(-1px)}.nav__badge{position:absolute;top:4px;right:50%;transform:translate(14px);width:9px;height:9px;padding:0;border-radius:99px;background:var(--coral-500);border:1.5px solid #fff7e8;box-shadow:0 2px 5px #b44a2c80;animation:nav-badge-pulse 1.8s ease-in-out infinite}@keyframes nav-badge-pulse{0%,to{opacity:1;transform:translate(14px) scale(1)}50%{opacity:.82;transform:translate(14px) scale(1.16)}}.nav__tip{position:absolute;bottom:calc(100% + 9px);left:-6px;z-index:1;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f6e3c4);border:var(--stroke-hand);box-shadow:var(--shadow-float);color:var(--ink-800);font-size:var(--fs-xs);font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;animation:nav-tip-in .24s ease-out both}.nav__tip:after{content:"";position:absolute;left:45px;bottom:-5px;width:8px;height:8px;background:#f6e3c4;border-right:var(--stroke-hand);border-bottom:var(--stroke-hand);border-bottom-right-radius:2px;transform:rotate(45deg)}@keyframes nav-tip-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.nav__tip{animation:none}}.toasts{position:absolute;left:12px;right:12px;top:calc(var(--figure-top) + 6px);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fffdf7fc,#f8ecd8fc);border:1px solid rgba(150,112,42,.34);box-shadow:var(--shadow-lg);animation:toast-in .24s cubic-bezier(.2,.9,.3,1);pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}.toast__icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#96702a24;color:var(--gold-600);margin-top:1px}.toast__title{font-size:var(--fs-sm);font-weight:800;color:var(--ink-900)}.toast__text{font-size:var(--fs-xs);color:var(--ink-600);margin-top:2px;line-height:1.4}.toast--success .toast__icon{background:#4e9d902e;color:var(--sea-600)}.toast--reward .toast__icon{background:#cfa64f38;color:var(--gold-600)}.toast--error .toast__icon{background:#c1523a2e;color:var(--coral-600)}.modal-layer{position:absolute;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:20px;background:#2e201280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:340px;max-height:100%;overflow-y:auto;position:relative;border-radius:var(--radius-xl);padding:18px 16px 16px;background:radial-gradient(120% 80% at 20% 0%,rgba(255,255,255,.9) 0%,transparent 60%),linear-gradient(170deg,#fffaf0,#f5e6ca);border:1.5px solid rgba(150,112,42,.4);box-shadow:0 26px 54px #462c126b,var(--shadow-inset);animation:modal-in .24s cubic-bezier(.2,.9,.3,1)}.modal:focus{outline:none}.modal__close{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(150,112,42,.22);border-radius:50%;background:#fffdf6cc;color:var(--ink-600);cursor:pointer;transition:background .16s ease,color .16s ease}.modal__close:hover{background:#fffffffa;color:var(--ink-900)}.modal__close:focus-visible{outline:2px solid var(--coral-400);outline-offset:2px}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.modal__title{padding:0 34px;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-900);text-align:center;letter-spacing:.04em}.modal__sub{margin-top:5px;text-align:center;font-size:var(--fs-sm);color:var(--ink-600);line-height:1.5}.modal__body{margin:14px 0 16px}.modal__actions{display:flex;flex-direction:column;gap:8px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;text-align:center;color:var(--ink-500);font-size:var(--fs-sm)}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;background:#4e9d9029;color:var(--sea-700);border:1px solid rgba(78,157,144,.3)}.tag--gold{background:#cfa64f33;color:var(--gold-700);border-color:#cfa64f5c}.tag--coral{background:#d5623f29;color:var(--coral-600);border-color:#d5623f4d}.tag--locked{background:#78645024;color:var(--ink-500);border-color:#7864503d}.hero{position:relative;border-radius:var(--radius-panel);padding:14px;background:radial-gradient(130% 90% at 8% 0%,rgba(255,255,255,.68) 0%,transparent 58%),linear-gradient(168deg,#fffaf0ed,#f7e5c7e0);border:var(--stroke-hand);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.hero:after{content:"";position:absolute;right:-18%;top:-30%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,210,140,.6),transparent 70%);pointer-events:none}.quick__card,.task-card,.shop-card,.pet-action,.order,.chapter-item,.story-narration,.story-choice,.story-end{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero__date{font-size:var(--fs-xs);color:var(--ink-600);font-weight:700}.hero__title{margin-top:9px;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-900);letter-spacing:.02em;line-height:1.3}.hero__text{margin-top:5px;font-size:var(--fs-sm);color:var(--ink-600);line-height:1.55}.rhythm{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.rhythm__item{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:var(--tap);padding:8px 3px;border-radius:var(--radius-md);border:1px solid rgba(150,112,42,.24);background:#fffdf6b8;color:var(--ink-600);cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.rhythm__item:active{transform:scale(.96)}.rhythm__item.is-now{background:linear-gradient(180deg,var(--sun-200),var(--sun-300));border-color:#b478288c;color:#4a3512;box-shadow:0 4px 12px #c88c3c59,var(--shadow-inset)}.rhythm__label{font-size:var(--fs-xs);font-weight:800}.rhythm__time{font-size:9px;opacity:.8}.story-entry{display:flex;gap:10px;align-items:flex-start}.story-entry__index{flex:0 0 auto;width:46px;height:46px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;color:var(--coral-600);background:linear-gradient(180deg,#fff6ee,#fadfd2);border:1.5px solid rgba(180,74,44,.32);box-shadow:var(--shadow-inset)}.story-entry__body{min-width:0;flex:1}.story-entry__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--ink-900);display:flex;align-items:center;flex-wrap:wrap;gap:2px}.story-entry__sub{margin-top:2px;font-size:var(--fs-sm);color:var(--ink-600)}.story-entry__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:var(--fs-xs);color:var(--ink-500);font-weight:600}.story-entry__lock{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:var(--fs-xs);font-weight:700;color:var(--warn-500)}.pet-mini{display:flex;gap:11px;align-items:flex-start}.pet-hero{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%;height:164px;margin:0 0 4px;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.pet-hero__halo{position:absolute;bottom:2px;width:172px;height:172px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fffcf4fa,#f8eaceb8 58%,#f8eace00 74%)}.pet-hero__halo:after{content:"";position:absolute;left:50%;bottom:12px;width:132px;height:20px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#7a583047,#7a583000)}.pet-hero__body{position:relative;z-index:1;display:block;isolation:isolate;contain:paint;transform-origin:50% 16%;transition:transform .16s ease}.pet-hero:active .pet-hero__body{transform:scale(.982)}.pet-hero--react .pet-hero__img{animation:pet-meow .62s ease-in-out}.pet-hero__img{position:relative;display:block;height:156px;width:auto;animation:pet-breathe 5s ease-in-out infinite;backface-visibility:hidden;will-change:transform}.pet-hero__bubble{position:absolute;z-index:3;left:50%;top:0;padding:3px 12px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffdf8,#f8e8cc);border:var(--stroke-hand);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;color:var(--coral-600);pointer-events:none;transform:translate(-50%);animation:pet-bubble 1.6s ease forwards}.pet-hero__hearts{position:absolute;z-index:2;inset:0;color:var(--coral-400);pointer-events:none}.pet-hero__hearts>*{position:absolute;opacity:0;animation:pet-heart 1.4s ease-out forwards}.pet-hero__hearts>:nth-child(1){left:30%;bottom:44%;animation-delay:.04s}.pet-hero__hearts>:nth-child(2){left:66%;bottom:38%;animation-delay:.16s}.pet-hero__hearts>:nth-child(3){left:48%;bottom:52%;animation-delay:.26s}.pet-hero__note{position:absolute;z-index:6;right:4px;bottom:4px;display:inline-flex;align-items:center;gap:5px;max-width:78%;padding:5px 10px;border-radius:var(--radius-pill);background:var(--paper);border:var(--stroke-hand);box-shadow:var(--shadow-sm);font-size:var(--fs-xs);color:var(--ink-700)}.pet-card{overflow:hidden}.pet-care-act{position:absolute;z-index:4;right:0;bottom:-4px;width:170px;height:150px;pointer-events:none;animation:pet-care-enter 2.2s cubic-bezier(.2,.78,.24,1) both}.pet-care-act--feed{right:-3px;bottom:-8px;width:176px;height:148px;transform-origin:42% 68%;animation-name:pet-care-feed-enter}.pet-care-act--feed .pet-care-act__image{transform-origin:42% 64%;animation:care-feed-offer .82s ease-in-out infinite alternate}.pet-care-act--play{right:-11px;bottom:-14px;width:242px;height:165px;transform-origin:92% 70%;animation-name:pet-care-enter}.pet-care-act--groom{right:-13px;bottom:-9px;width:188px;height:144px;transform-origin:24% 78%;animation-name:pet-care-groom-enter}.pet-care-act--groom .pet-care-act__image{transform-origin:24% 78%;animation:care-groom-stroke .86s ease-in-out infinite alternate}.pet-care-act--photo{right:-64px;bottom:-15px;width:204px;height:174px;transform-origin:92% 76%;animation-name:pet-care-enter}.pet-care-act__image{display:block;width:100%;height:100%;object-fit:contain;object-position:100% 100%;filter:drop-shadow(-5px 7px 6px rgba(96,64,32,.16));-webkit-user-select:none;user-select:none;pointer-events:none}.pet-care-act__image--play{transform-origin:78% 62%;animation:care-play-hand .52s ease-in-out infinite alternate}.pet-care-act__glow{position:absolute;z-index:-1;top:46px;left:-14px;width:150px;height:94px;border-radius:50%;background:radial-gradient(circle,rgba(255,248,224,.62),transparent 70%)}.pet-care-act--feed .pet-care-act__glow{top:57px;left:-10px;width:124px;height:78px}.pet-care-act--groom .pet-care-act__glow{top:74px;left:-54px;width:142px;height:62px}.pet-care-act__flash{position:absolute;z-index:5;top:55px;left:52px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,248,220,.9) 28%,transparent 70%);opacity:0;animation:care-camera-flash 2.2s ease-out both}.pet-hero--feed .pet-hero__img{animation:pet-feed-nuzzle 2.2s ease-in-out}.pet-hero--play .pet-hero__img{animation:pet-play-pounce 2.2s ease-in-out}.pet-hero--groom .pet-hero__img{animation:pet-groom-settle 2.2s ease-in-out}.pet-hero--photo .pet-hero__img{animation:pet-photo-pose 2.2s ease-in-out}@keyframes pet-care-enter{0%{opacity:0;transform:translate(18px,12px) rotate(2deg) scale(.97)}16%{opacity:1;transform:translate(0) rotate(0) scale(1)}72%{opacity:1;transform:translate(-2px,-3px) rotate(-.7deg) scale(1.008)}92%{opacity:1;transform:translateY(-2px) rotate(0) scale(1)}to{opacity:0;transform:translate(10px,7px) rotate(1.5deg) scale(.99)}}@keyframes pet-care-feed-enter{0%{opacity:0;transform:translate(-12px,10px) rotate(-1.5deg) scale(.97)}16%{opacity:1;transform:translate(0) rotate(0) scale(1)}72%{opacity:1;transform:translate(-2px,2px) rotate(.6deg) scale(1.006)}92%{opacity:1;transform:translate(-1px) rotate(.2deg) scale(1)}to{opacity:0;transform:translate(-7px,6px) rotate(-.8deg) scale(.99)}}@keyframes pet-care-groom-enter{0%{opacity:0;transform:translate(-14px,8px) rotate(-1deg) scale(.97)}16%{opacity:1;transform:translate(0) rotate(0) scale(1)}72%{opacity:1;transform:translate(-1px,1px) rotate(.4deg) scale(1.006)}92%{opacity:1;transform:translateY(-1px) rotate(0) scale(1)}to{opacity:0;transform:translate(-8px,5px) rotate(-.6deg) scale(.99)}}@keyframes pet-feed-nuzzle{0%,18%,to{transform:translateY(0) rotate(0)}40%,72%{transform:translate(-4px,8px) rotate(-2.5deg)}}@keyframes pet-play-pounce{0%,16%,to{transform:translateY(0) rotate(0)}36%{transform:translate(5px,-7px) rotate(2deg)}52%{transform:translate(-5px,-2px) rotate(-2deg)}68%{transform:translate(3px,-5px) rotate(1.4deg)}}@keyframes pet-groom-settle{0%,16%,to{transform:translateY(0) rotate(0) scale(1)}34%,76%{transform:translateY(5px) rotate(-1.4deg) scale(.99)}}@keyframes pet-photo-pose{0%,16%,to{transform:translateY(0) rotate(0)}42%,76%{transform:translateY(-5px) rotate(1.4deg)}}@keyframes care-play-hand{0%{transform:rotate(-4deg)}to{transform:rotate(2deg)}}@keyframes care-feed-offer{0%{transform:translate(1px,1px) rotate(-.5deg)}to{transform:translate(-1px,-2px) rotate(.6deg)}}@keyframes care-groom-stroke{0%{transform:translate(-2px,-2px) rotate(-.5deg)}to{transform:translate(2px,3px) rotate(.5deg)}}@keyframes care-camera-flash{0%,35%,58%,to{opacity:0;transform:scale(.72)}43%{opacity:.96;transform:scale(1)}50%{opacity:.24;transform:scale(1.12)}}@keyframes pet-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}@keyframes pet-meow{0%{transform:rotate(0) translateY(0)}16%{transform:rotate(-5.5deg) translateY(-4px)}36%{transform:rotate(4.5deg) translateY(1px)}56%{transform:rotate(-3deg) translateY(-2px)}76%{transform:rotate(2deg) translateY(0)}to{transform:rotate(0) translateY(0)}}@keyframes pet-bubble{0%{opacity:0;transform:translate(-50%,8px) scale(.88)}18%{opacity:1;transform:translate(-50%,-2px) scale(1)}74%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.98)}}@keyframes pet-heart{0%{opacity:0;transform:translateY(6px) scale(.6)}26%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1.08)}}.pet-avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--sea-700);background:radial-gradient(circle at 32% 26%,#fffaf0,#f6dfb8 62%,#dcb87f);border:2px solid var(--gold-300);box-shadow:var(--shadow-sm),var(--shadow-inset)}.pet-mini__body{flex:1;min-width:0}.pet-card__top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pet-card__id{min-width:0}.pet-card__name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-900)}.pet-card__meta{margin-top:2px;font-size:var(--fs-sm);color:var(--ink-600)}.pet-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.pet-card__stats{display:flex;flex-direction:column;gap:5px}.pet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pet-action{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float)}.pet-action__head{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:center}.pet-action__icon{grid-area:1 / 1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#4e9d9029;color:var(--sea-700)}.pet-action__name{grid-area:1 / 2;align-self:center;font-size:var(--fs-md);font-weight:800;line-height:1.2;color:var(--ink-900)}.pet-action__desc{grid-area:2 / 2;font-size:10.5px;line-height:1.45;color:var(--ink-600);word-break:keep-all;min-height:30.45px}.pet-action__costs{display:flex;gap:5px;flex-wrap:wrap}.pet-action>.btn{margin-top:auto}.pet-feedback{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:var(--radius-md);background:linear-gradient(170deg,#e9f6f2,#d3ebe5);border:1px solid rgba(78,157,144,.4);box-shadow:var(--shadow-sm);animation:toast-in .24s ease}.pet-feedback__icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#4e9d9033;color:var(--sea-700)}.pet-feedback strong{font-size:var(--fs-sm);color:var(--sea-900)}.pet-feedback p{margin-top:2px;font-size:var(--fs-sm);color:var(--ink-700);line-height:1.5}.diary{display:flex;flex-direction:column}.diary__item{display:flex;gap:9px;padding:9px 0;border-bottom:1px dashed rgba(150,112,42,.22)}.diary__item:last-child{border-bottom:none;padding-bottom:0}.diary__icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#cfa64f33;color:var(--gold-600)}.diary__body{min-width:0}.diary__text{font-size:var(--fs-sm);color:var(--ink-800);line-height:1.5}.diary__time{display:block;margin-top:3px;font-size:10px;color:var(--ink-400)}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick__card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:var(--tap);padding:12px;border-radius:var(--radius-panel);background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float);cursor:pointer;text-align:left;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.quick__card:active{transform:scale(.98)}.quick__icon{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:3px}.quick__icon--coral{background:linear-gradient(180deg,var(--coral-200),var(--coral-300));color:var(--coral-600)}.quick__icon--sea{background:linear-gradient(180deg,var(--sea-200),var(--sea-300));color:var(--sea-700)}.quick__title{font-size:var(--fs-md);font-weight:800;color:var(--ink-900)}.quick__desc{font-size:10.5px;color:var(--ink-500);line-height:1.4}.notice-strip{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:var(--radius-md);background:linear-gradient(170deg,#fff4dc,#ffe9c0);border:1px solid rgba(207,166,79,.5);color:var(--gold-700);font-size:var(--fs-sm);font-weight:700;box-shadow:var(--shadow-sm)}.task-list{display:flex;flex-direction:column;gap:8px}.task-card{display:grid;grid-template-columns:34px minmax(0,1fr) 72px;gap:10px;align-items:start;padding:11px 12px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float)}.task-card.is-claimed{opacity:.62}.task-card__icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#cfa64f33;color:var(--gold-600)}.task-card__body{min-width:0}.task-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px 6px}.task-card__title{font-size:var(--fs-md);font-weight:800;color:var(--ink-900);white-space:nowrap}.task-card__reward{flex-basis:100%;font-size:11px;color:var(--gold-600);font-weight:700;white-space:nowrap}.task-card__desc{margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--ink-500)}.task-card__progress{display:flex;align-items:center;gap:7px;margin-top:6px}.task-card__track{flex:1;height:6px;border-radius:99px;background:#785a3229;overflow:hidden}.task-card__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sea-300),var(--sea-600));transition:width .4s ease}.task-card__count{font-size:10px;font-weight:800;color:var(--ink-600)}.task-card>.btn{width:100%;padding-inline:8px}.unlock-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.biz__lead{font-size:var(--fs-sm);color:var(--ink-700);line-height:1.6}.biz__rules{display:flex;flex-direction:column;gap:7px;margin:11px 0}.biz__rules li{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-700);line-height:1.5}.biz__rules li svg{flex:0 0 auto;margin-top:2px;color:var(--coral-500)}.biz__stats{display:flex;flex-wrap:wrap;gap:6px}.biz__warn{display:flex;align-items:flex-start;gap:6px;margin-top:9px;padding:8px 10px;border-radius:var(--radius-sm);background:#c1523a1a;border:1px solid rgba(193,82,58,.3);color:var(--coral-600);font-size:var(--fs-xs);font-weight:700;line-height:1.45}.biz__warn svg{flex:0 0 auto;margin-top:1px}.biz__hud-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.biz__timer{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--coral-600)}.biz__hud-stat{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:var(--fs-sm);font-weight:800;color:var(--ink-700)}.biz__settling{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;font-size:var(--fs-sm);font-weight:700;color:var(--ink-700)}.biz__footer{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);padding:0 4px}.orders{display:flex;flex-direction:column;gap:9px}.order{border-radius:var(--radius-md);padding:11px 12px;background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float);transition:box-shadow .2s ease,transform .2s ease}.order--new{border-color:#4e9d9073;animation:toast-in .26s ease}.order--brewing{border-color:#cfa64fb3}.order--ready{border-color:#d5623fbf;box-shadow:0 0 0 2px #d5623f2e,var(--shadow-md);animation:ready-pulse 1.4s ease-in-out infinite}@keyframes ready-pulse{0%,to{box-shadow:0 0 0 2px #d5623f29,var(--shadow-md)}50%{box-shadow:0 0 0 5px #d5623f1f,var(--shadow-md)}}.order--dirty{border-color:#78645047;background:linear-gradient(170deg,#f3ecdd,#e6dbc6)}.order--ghost{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-style:dashed;background:#fffcf480;color:var(--ink-500);font-size:var(--fs-sm);font-weight:700;box-shadow:none}.order__head{display:flex;align-items:center;gap:10px}.order__icon{flex:0 0 auto;width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;background:linear-gradient(180deg,#fff6e6,#f4e3c4);border:1px solid rgba(150,112,42,.26);color:var(--gold-600)}.order__info{min-width:0;flex:1}.order__name{font-size:var(--fs-md);font-weight:800;color:var(--ink-900);display:flex;align-items:center;gap:5px}.order__qty{font-size:var(--fs-xs);color:var(--coral-600);font-weight:800}.order__reward{margin-top:1px;font-size:10.5px;color:var(--gold-600);font-weight:700}.order__status{flex:0 0 auto;font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--radius-pill);background:#78645024;color:var(--ink-600)}.order__status--brewing{background:#cfa64f38;color:var(--gold-700)}.order__status--ready{background:#d5623f33;color:var(--coral-600)}.order__status--new{background:#4e9d9033;color:var(--sea-700)}.order__progress{display:flex;align-items:center;gap:8px;margin:9px 0}.order__track{flex:1;height:9px;border-radius:99px;background:#785a3229;overflow:hidden;box-shadow:inset 0 1px 2px #5a3c182e}.order__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-200),var(--gold-500));transition:width .1s linear}.order--ready .order__fill{background:linear-gradient(90deg,var(--sea-200),var(--coral-300))}.order__pct{font-size:10px;font-weight:800;color:var(--ink-600);min-width:32px;text-align:right}.order__action{margin-top:2px}.result{display:flex;flex-direction:column;gap:9px}.result__row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-md);color:var(--ink-700);padding-bottom:7px;border-bottom:1px dashed rgba(150,112,42,.22)}.result__row strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-900)}.result__stars{display:inline-flex;align-items:center;gap:2px;color:var(--gold-500)}.result__stars em{margin-left:4px;font-family:var(--font-display);font-size:var(--fs-sm);font-style:normal;color:var(--ink-700)}.result__badge{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff3d4,#ffe2ad);border:1px solid rgba(207,166,79,.55);color:var(--gold-700);font-size:var(--fs-xs);font-weight:800}.kv-list{display:flex;flex-direction:column;gap:2px}.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(150,112,42,.2);font-size:var(--fs-sm);color:var(--ink-600)}.kv:last-child{border-bottom:none;padding-bottom:0}.kv strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-900)}.cafe__summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.cafe__summary-block{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:var(--radius-sm);background:#ffffff8c;border:1px solid rgba(78,157,144,.24);text-align:center}.cafe__summary-value{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--sea-700)}.cafe__summary-label{font-size:10px;color:var(--ink-500);font-weight:700}.cafe__note{display:flex;gap:7px;align-items:flex-start;font-size:var(--fs-xs);color:var(--ink-600);line-height:1.5;padding:0 3px}.cafe__note svg{flex:0 0 auto;margin-top:2px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:var(--radius-pill);background:#fffaf0db;border:1px solid rgba(150,112,42,.3);box-shadow:var(--shadow-inset)}.tabs__item{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-600);font-size:var(--fs-sm);font-weight:800;cursor:pointer;transition:background .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.tabs__item.is-active{background:linear-gradient(180deg,var(--coral-300),var(--coral-500));color:#fff8f2;box-shadow:0 4px 10px #b44a2c4d,var(--shadow-inset)}.card-list{display:flex;flex-direction:column;gap:10px}.shop-card{padding:12px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float)}.shop-card.is-owned{background:linear-gradient(170deg,#eef7f4,#dcece8);border-color:#4e9d905c}.shop-card__head{display:flex;gap:10px;align-items:flex-start}.shop-card__icon{flex:0 0 auto;width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;background:linear-gradient(180deg,#fff6e6,#f2e0be);border:1px solid rgba(150,112,42,.26);color:var(--gold-600)}.shop-card__title-wrap{flex:1;min-width:0}.shop-card__title{font-size:var(--fs-md);font-weight:800;color:var(--ink-900)}.shop-card__desc{margin-top:2px;font-size:10.5px;color:var(--ink-500);line-height:1.45}.shop-card__levels{display:flex;gap:4px;margin:9px 0 8px}.pip{flex:1;height:6px;border-radius:99px;background:#785a3229}.pip.is-on{background:linear-gradient(90deg,var(--gold-300),var(--gold-500))}.shop-card__effect{display:flex;gap:8px;align-items:baseline;padding:6px 9px;border-radius:var(--radius-xs);background:#fff9;font-size:var(--fs-xs);color:var(--ink-700);line-height:1.45;margin-bottom:5px}.shop-card__effect-label{flex:0 0 auto;font-weight:800;color:var(--ink-500)}.shop-card__effect--next{background:#cfa64f29;color:var(--gold-700)}.shop-card__effect--max{background:#4e9d9024;color:var(--sea-700)}.shop-card__metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.metric{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-pill);background:#fff9;border:1px solid rgba(150,112,42,.2);font-size:10.5px;font-weight:700;color:var(--ink-600)}.shop-card__action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.shop-card__cost{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--gold-600)}.shop-card__cost.is-short{color:var(--danger-500)}.story-head__row{display:flex;align-items:center;gap:10px}.story-head__index{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);color:var(--coral-600);background:linear-gradient(180deg,#fff6ee,#fadfd2);border:1.5px solid rgba(180,74,44,.32)}.story-head__title-wrap{flex:1;min-width:0}.story-head__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-900)}.story-head__sub{margin-top:2px;font-size:var(--fs-sm);color:var(--ink-600)}.story-head__scene{display:flex;align-items:center;gap:5px;margin:9px 0 10px;font-size:var(--fs-xs);color:var(--ink-500);font-weight:700}.story-head__progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;font-size:10px;font-weight:800;color:var(--ink-600)}.story-head__progress-label{flex:0 0 auto;color:var(--ink-500)}.story-head__track{flex:1;height:6px;border-radius:99px;background:#785a3229;overflow:hidden}.story-head__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--coral-200),var(--coral-500));transition:width .35s ease}.screen--romance{justify-content:flex-end;gap:10px}.story-head{position:relative}.story-head__menu{flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--coral-600);background:linear-gradient(180deg,#fff6ee,#f7ded1);border:1.5px solid rgba(180,74,44,.3);box-shadow:var(--shadow-inset);-webkit-tap-highlight-color:transparent;transition:transform .14s ease}.story-head__menu:active{transform:scale(.92)}.story-head__actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.story-head__actions .story-voice-btn{color:var(--sea-600);background:linear-gradient(180deg,#f3fcf7,#d9efe9);border-color:#1f706547}.story-head__actions .story-voice-btn.is-on{color:#fffaf3;background:linear-gradient(180deg,var(--sea-400),var(--sea-600));box-shadow:0 3px 9px #1f706540,var(--shadow-inset)}.story-head__actions .story-voice-btn:disabled{opacity:.46;cursor:not-allowed}.story-head__bond{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 7px}.story-head__bond-name{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:var(--fs-sm);font-weight:800;color:var(--ink-800)}.story-head__bond-name svg{flex:0 0 auto;color:var(--coral-500)}.story-head__bond-value{flex:0 0 auto;font-size:var(--fs-xs);font-weight:800;color:var(--coral-600)}.story-narration--lock{display:flex;flex-direction:column;gap:2px}.story__lock{display:flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:800;color:var(--warn-500)}.story__lock-hint{margin-top:7px;font-size:var(--fs-sm);color:var(--ink-600);line-height:1.6}.story-stage{display:flex;flex-direction:column;gap:10px;min-height:110px;flex:0 0 auto;justify-content:flex-end;padding-bottom:2px}.story-narration{padding:13px 14px;border-radius:var(--radius-md);background:linear-gradient(170deg,#fffaeef5,#f6e8d0f5);border:var(--stroke-hand);box-shadow:var(--shadow-float);font-size:var(--fs-md);line-height:1.72;color:var(--ink-800);animation:toast-in .24s ease}.story-bubble{padding:13px 14px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px;background:linear-gradient(170deg,#eaf6f3,#d5ebe6);border:1px solid rgba(78,157,144,.4);box-shadow:var(--shadow-sm);animation:toast-in .24s ease}.story-bubble--me{border-radius:var(--radius-lg) var(--radius-lg) 6px var(--radius-lg);background:linear-gradient(170deg,#fdeee8,#f7dbd0);border-color:#d5623f59}.story-bubble__speaker{display:inline-block;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;color:var(--sea-700);margin-bottom:5px}.story-bubble--me .story-bubble__speaker{color:var(--coral-600)}.story-bubble__text{font-size:var(--fs-md);line-height:1.7;color:var(--ink-800)}.story-choice{padding:13px 14px;border-radius:var(--radius-md);background:linear-gradient(170deg,#fffaeef7,#f8ecd6f7);border:var(--stroke-hand);box-shadow:var(--shadow-float);animation:toast-in .24s ease}.story-choice__prompt{display:flex;align-items:center;gap:7px;font-size:var(--fs-md);font-weight:800;color:var(--ink-900);margin-bottom:10px}.story-choice__options{display:flex;flex-direction:column;gap:7px}.story-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--tap);padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fffdf7,#f6e9d0);border:1.5px solid rgba(150,112,42,.34);color:var(--ink-800);font-size:var(--fs-sm);font-weight:700;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.story-option:hover:not(:disabled){border-color:var(--coral-400);box-shadow:var(--shadow-md)}.story-option:active:not(:disabled){transform:scale(.985)}.story-option:disabled{opacity:.5;cursor:not-allowed}.story-option svg{flex:0 0 auto;color:var(--coral-400)}.story-reply{padding:12px 13px;border-radius:var(--radius-md);background:linear-gradient(170deg,#fff5e0,#ffe8c2);border:1px solid rgba(207,166,79,.55);box-shadow:var(--shadow-sm);animation:toast-in .26s ease}.story-reply__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:6px}.story-reply__label{font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--radius-pill);background:#cfa64f47;color:var(--gold-700)}.story-reply__option{font-size:var(--fs-sm);font-weight:800;color:var(--ink-900)}.story-reply__text{font-size:var(--fs-sm);line-height:1.65;color:var(--ink-700)}.story-reply__delta{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:var(--fs-sm);font-weight:800;color:var(--coral-600)}.story-end{display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 14px;border-radius:var(--radius-lg);background:linear-gradient(170deg,#fffaeef7,#fae8c8f7);border:var(--stroke-hand);box-shadow:var(--shadow-float);text-align:center;animation:toast-in .26s ease}.story-end__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--sun-200),var(--sun-400));color:#7a4a12;box-shadow:var(--shadow-sm)}.story-end__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink-900)}.story-end__text,.story-end__next{font-size:var(--fs-sm);color:var(--ink-600);line-height:1.55}.story-end__next{font-weight:700;color:var(--sea-700)}.story-controls,.chapter-list{display:flex;flex-direction:column;gap:8px}.chapter-item{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--paper),var(--paper-deep));border:var(--stroke-hand);box-shadow:var(--shadow-float)}.chapter-item.is-current{border-color:#d5623f80;background:linear-gradient(170deg,#fff3ec,#fbe0d6)}.chapter-item__index{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:700;color:var(--ink-500)}.chapter-item__body{min-width:0}.chapter-item__title{font-size:var(--fs-md);font-weight:800;color:var(--ink-900)}.chapter-item__sub{margin-top:1px;font-size:10.5px;color:var(--ink-500)}.modal__list{display:flex;flex-direction:column;gap:8px}.modal__item{display:flex;gap:9px;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-700);line-height:1.5}.modal__item svg{flex:0 0 auto;margin-top:2px;color:var(--coral-500)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.settings-stat{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:var(--radius-sm);background:#ffffff9e;border:1px solid rgba(150,112,42,.22)}.settings-stat__value{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--ink-900)}.settings-stat__label{font-size:10px;font-weight:700;color:var(--ink-500)}.settings-note{font-size:var(--fs-xs);color:var(--ink-500);line-height:1.55;text-align:center;margin-top:10px}.save-state{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;line-height:1.45}.save-state--ok{background:#4e9d9024;border:1px solid rgba(78,157,144,.34);color:var(--sea-700)}.save-state--error{background:#c1523a1f;border:1px solid rgba(193,82,58,.34);color:var(--coral-600)}.save-state svg{flex:0 0 auto}.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:12px;border-radius:var(--radius-sm);background:#634e3717;border:1px solid rgba(150,112,42,.18)}.account-tab{min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--ink-600);font:inherit;font-size:var(--fs-sm);font-weight:800;cursor:pointer}.account-tab.is-active{background:#fffaf0;color:var(--ink-900);box-shadow:0 1px 4px #5b3f2524}.account-tab:focus-visible,.account-guest-link:focus-visible{outline:2px solid var(--sea-400);outline-offset:2px}.account-tab:disabled,.account-guest-link:disabled{cursor:not-allowed;opacity:.58}.account-form{display:flex;flex-direction:column;gap:10px}.account-field{display:flex;flex-direction:column;gap:5px;min-width:0}.account-field__label{font-size:var(--fs-xs);font-weight:800;color:var(--ink-700)}.account-field__control{min-width:0;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:var(--radius-sm);border:1px solid rgba(125,96,60,.32);background:#fffdf7e6;color:var(--sea-700);transition:border-color .18s ease,box-shadow .18s ease}.account-field__control:focus-within{border-color:var(--sea-500);box-shadow:0 0 0 3px #4e9d9024}.account-field__control svg{flex:0 0 auto}.account-field__control input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--ink-900);font:inherit;font-size:var(--fs-sm)}.account-field__control input::placeholder{color:var(--ink-400)}.account-field__control input:disabled{cursor:not-allowed}.account-error{display:flex;align-items:flex-start;gap:7px;margin:0;padding:8px 10px;border-radius:var(--radius-sm);background:#c1523a1a;border:1px solid rgba(193,82,58,.28);color:var(--coral-600);font-size:var(--fs-xs);font-weight:700;line-height:1.45}.account-error svg{flex:0 0 auto;margin-top:1px}.account-policy{display:flex;align-items:flex-start;gap:7px;margin-top:11px;color:var(--ink-500);font-size:var(--fs-xs);line-height:1.5}.account-policy svg{flex:0 0 auto;margin-top:1px;color:var(--sea-600)}.account-guest-link{min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;padding:8px;border:0;background:transparent;color:var(--sea-700);font:inherit;font-size:var(--fs-sm);font-weight:800;cursor:pointer}.account-guest-link:hover{color:var(--sea-800)}.account-identity{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:9px;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(78,157,144,.3);background:#eef9f5b8}.account-identity__icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--sea-700);background:#4e9d9026}.account-identity__copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.account-identity__copy strong{overflow:hidden;color:var(--ink-900);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.account-identity__copy span{color:var(--ink-500);font-size:var(--fs-xs);line-height:1.4}.account-identity__badge{flex:0 0 auto;padding:3px 7px;border-radius:var(--radius-pill);background:#6e5b411a;color:var(--ink-500);font-size:10px;font-weight:800}.account-identity__badge.is-online{background:#4e9d902b;color:var(--sea-700)}.account-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin:-2px 2px 10px;color:var(--ink-500);font-size:10.5px}.account-meta span{display:inline-flex;align-items:center;gap:4px}.account-meta svg{color:var(--sea-600)}.account-guest-actions,.account-operations{display:flex;flex-direction:column;gap:7px;margin:10px 0}.account-operations{margin-top:12px}.account-conflict{margin:10px 0 12px;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(193,82,58,.34);background:#fff4eed6}.account-conflict__heading{display:flex;align-items:flex-start;gap:7px;color:var(--coral-600)}.account-conflict__heading>svg{flex:0 0 auto;margin-top:1px}.account-conflict__heading div{display:flex;flex-direction:column;gap:2px}.account-conflict__heading strong{font-size:var(--fs-sm)}.account-conflict__heading span{color:var(--ink-600);font-size:var(--fs-xs);line-height:1.45}.account-conflict__versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.account-conflict__versions>div{min-width:0;display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:var(--radius-sm);background:#ffffff8f}.account-conflict__versions span{color:var(--ink-500);font-size:10px;font-weight:800}.account-conflict__versions strong{overflow-wrap:anywhere;color:var(--ink-800);font-size:11px;line-height:1.4}.account-conflict__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:9px}.setting-row{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px 11px;border-radius:var(--radius-sm);background:#ffffff9e;border:1px solid rgba(150,112,42,.22);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.setting-row:hover{background:#fffc}.setting-row:disabled{opacity:.6;cursor:not-allowed}.setting-row:disabled:hover{background:#ffffff9e}.setting-row:focus-visible{outline:2px solid var(--sea-400);outline-offset:2px}.setting-row__icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--sea-700);background:#4e9d9024}.setting-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.setting-row__body strong{font-size:var(--fs-sm);color:var(--ink-900)}.setting-row__body small{font-size:var(--fs-xs);color:var(--ink-500);line-height:1.4}.setting-switch{position:relative;flex:0 0 auto;width:40px;height:24px;border-radius:var(--radius-pill);background:#785a3c3d;transition:background .2s ease}.setting-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fffdf7;box-shadow:0 1px 3px #5a3c1e59;transition:transform .2s ease}.setting-switch.is-on{background:var(--sea-500)}.setting-switch.is-on i{transform:translate(16px)}.setting-volume{margin-top:7px;padding:10px 12px 11px;border-radius:var(--radius-sm);background:#ffffff70;border:1px solid rgba(150,112,42,.16);transition:opacity .18s ease,background .18s ease}.setting-volume[aria-disabled=true]{background:#ffffff52}.setting-volume__heading,.setting-volume__control{display:flex;align-items:center}.setting-volume__heading{justify-content:space-between;gap:10px}.setting-volume__label{color:var(--ink-700);font-size:var(--fs-xs);font-weight:800}.setting-volume__value{color:var(--sea-700);font-size:var(--fs-xs);font-weight:800}.setting-volume__control{gap:9px;margin-top:7px;color:var(--sea-700)}.setting-volume__control svg{flex:0 0 auto}.setting-volume__range{appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;accent-color:var(--sea-500)}.setting-volume__range::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--sea-500),rgba(78,157,144,.22))}.setting-volume__range::-moz-range-track{height:6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--sea-500),rgba(78,157,144,.22))}.setting-volume__range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid #fffdf7;border-radius:50%;background:var(--sea-500);box-shadow:0 2px 6px #2a5b544d}.setting-volume__range::-moz-range-thumb{width:14px;height:14px;border:3px solid #fffdf7;border-radius:50%;background:var(--sea-500);box-shadow:0 2px 6px #2a5b544d}.setting-volume__range:focus-visible{outline:2px solid var(--sea-400);outline-offset:3px;border-radius:var(--radius-pill)}.setting-volume__hint{margin-top:5px;color:var(--ink-500);font-size:10px;line-height:1.4}.scene-prop{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--gold-700);background:radial-gradient(circle at 34% 28%,#fffcf4f2,#f0debad9);border:1px solid rgba(150,112,42,.3);box-shadow:0 4px 10px #6e4a2438;opacity:.92}.scene-prop--art{width:50px;height:50px;border-radius:0;background:transparent;border-color:transparent;box-shadow:none;opacity:1}.scene-prop__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(110,74,36,.3))}.prep{gap:12px}.prep__head{display:flex;align-items:center;justify-content:space-between}.prep__title{margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-900)}.prep__goal{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--sun-100),var(--cream-100));border:var(--edge-paper)}.prep__goal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--gold-700);background:radial-gradient(circle at 34% 28%,#fffdf6,var(--gold-200));box-shadow:var(--shadow-sm);flex:0 0 auto}.prep__goal-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--ink-900)}.prep__goal-sub{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;font-size:var(--fs-xs)}.prep__goal-sub span,.prep__last span{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--radius-pill);background:#ffffff94}.prep__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.prep__nav-btn{position:relative;min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 4px 6px;border:1px solid rgba(150,112,42,.2);border-radius:var(--radius-sm);background:#fffbf3a3;color:var(--ink-600);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.prep__nav-btn:active{transform:scale(.97)}.prep__nav-btn:focus-visible{outline:3px solid rgba(78,157,144,.38);outline-offset:2px}.prep__nav-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:var(--sea-700);background:var(--sea-100);transition:color .18s ease,background .18s ease,transform .18s ease}.prep__nav-label{font-size:var(--fs-xs);font-weight:800;line-height:1}.prep__nav-chevron{position:absolute;top:5px;right:5px;color:var(--ink-400);transition:transform .18s ease}.prep__nav-btn.is-active{border-color:#4e9d9085;background:linear-gradient(180deg,#e2f4f0f5,#c7e7e0db);color:var(--sea-900);box-shadow:0 4px 10px #2d635c21,var(--shadow-inset)}.prep__nav-btn.is-active .prep__nav-icon{color:var(--cream-50);background:var(--sea-600);transform:translateY(-1px)}.prep__nav-btn.is-active .prep__nav-chevron{color:var(--sea-700);transform:rotate(180deg)}.prep__detail{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(78,157,144,.28);border-radius:var(--radius-sm);background:#fffbf3c7;box-shadow:var(--shadow-inset);animation:prep-detail-in .2s ease-out both}.prep__detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.prep__detail-head strong{color:var(--ink-900);font-size:var(--fs-sm)}.prep__detail-head span{font-size:var(--fs-xs)}.prep__detail-chips{display:flex;flex-wrap:wrap;gap:6px}.prep__detail-empty{margin:0;font-size:var(--fs-xs)}.prep__pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.prep__pet-grid>span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:1px;padding:7px 3px;border-radius:var(--radius-xs);background:#ffffff9e;color:var(--coral-600)}.prep__pet-grid strong{font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink-900);line-height:1.1}.prep__pet-grid small{color:var(--ink-500);font-size:10px;font-weight:700}.prep__shop .cafe__summary-row{margin-bottom:6px}.prep__grid{display:grid;gap:8px}.prep__cell{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--radius-sm);background:#fffbf3b3;border:1px solid rgba(150,112,42,.16)}.prep__cell-label{font-size:var(--fs-xs);color:var(--ink-500);letter-spacing:.04em}.prep__cell-value{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-sm);color:var(--ink-800)}.prep__menu-chip,.prep__level{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--sea-100);color:var(--sea-700);font-size:var(--fs-xs);white-space:nowrap}.prep__pet span{display:inline-flex;align-items:center;gap:3px}.prep__stamina{padding-top:2px}.prep__last{display:flex;flex-wrap:wrap;gap:5px;min-height:22px;font-size:var(--fs-xs)}@keyframes prep-detail-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.prep__nav-btn,.prep__nav-icon,.prep__nav-chevron{transition:none}.prep__detail{animation:none}}.cafe-run{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;overflow:hidden}.cafe-run>*:not(.cafe-run__ambience){position:relative;z-index:1}.cafe-run.is-dragging{touch-action:none;user-select:none;-webkit-user-select:none}.cafe-run__ambience{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.55}.cafe-run__ambience i{position:absolute;left:var(--amb-x, 20%);bottom:var(--amb-y, 30%);width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.78);animation:cafe-ambient-rise var(--amb-d, 7s) ease-in-out infinite;animation-delay:var(--amb-delay, 0s)}.cafe-run__ambience i:nth-child(1){--amb-x: 9%;--amb-y: 44%;--amb-d: 8.5s}.cafe-run__ambience i:nth-child(2){--amb-x: 34%;--amb-y: 57%;--amb-d: 7.2s;--amb-delay: -2.4s;width:7px;height:7px}.cafe-run__ambience i:nth-child(3){--amb-x: 72%;--amb-y: 38%;--amb-d: 9.2s;--amb-delay: -4.1s}.cafe-run__ambience i:nth-child(4){--amb-x: 88%;--amb-y: 61%;--amb-d: 6.8s;--amb-delay: -1.2s;width:6px;height:6px}.cafe-run__ambience i:nth-child(5){--amb-x: 53%;--amb-y: 18%;--amb-d: 10s;--amb-delay: -5.3s;width:12px;height:12px}.cafe-run__hud{display:flex;align-items:center;gap:6px;flex:0 0 auto}.cafe-run__timer{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--sea-700);color:var(--cream-50);font-weight:700;font-size:var(--fs-sm);box-shadow:var(--shadow-sm)}.cafe-run__chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-800);font-size:var(--fs-xs);border:var(--edge-paper)}.cafe-run__chip b{font-weight:800}.cafe-run__pop{display:inline-block;animation:cafe-num-pop .42s cubic-bezier(.2,1.5,.4,1)}@keyframes cafe-num-pop{0%{transform:scale(.62);color:var(--coral-600)}60%{transform:scale(1.18)}to{transform:scale(1)}}.cafe-run__hud-actions{margin-left:auto;display:flex;gap:6px}.cafe-run__timerbar{flex:0 0 auto;height:4px;border-radius:99px;background:#785a3c29;overflow:hidden}.cafe-run__timerbar i{display:block;height:100%;background:linear-gradient(90deg,var(--sea-400),var(--sea-600));transition:width .25s linear}.cafe-floor{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.cafe-table{position:relative;display:flex;flex-direction:column;gap:4px;min-height:82px;padding:7px 8px;border-radius:var(--radius-md);background:var(--paper);border:var(--edge-paper);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cafe-table--empty{opacity:.72}.cafe-table--dirty{background:linear-gradient(135deg,var(--cream-200),var(--cream-100));border-color:#c2563a66}.cafe-table.is-focused{border-color:var(--sea-500);box-shadow:0 0 0 2px var(--sea-300),var(--shadow-md)}.cafe-table.is-drop{border-color:var(--gold-500);box-shadow:0 0 0 2px var(--gold-300),var(--shadow-md)}.cafe-table.has-misplaced{border-color:#c2563a9e;background:linear-gradient(135deg,#fffaf3fa,#fde8cce6);box-shadow:0 0 0 2px #e8836a38,var(--shadow-md);animation:cafe-misplaced-pulse 1.15s ease-in-out infinite}.cafe-table__head{display:flex;align-items:center;gap:6px;padding-right:40px;font-size:var(--fs-xs);color:var(--ink-700)}.cafe-table__index{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sea-600);color:var(--cream-50);font-size:11px;font-weight:700}.cafe-table__customer{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-table__avatar{position:absolute;top:6px;right:7px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--sea-700);background:radial-gradient(circle at 32% 25%,#fffdf5,var(--sea-100) 68%,var(--sea-300));border:1.5px solid rgba(45,99,92,.28);box-shadow:var(--shadow-sm);transform-origin:50% 90%}.cafe-table__avatar-ring{position:absolute;inset:-4px;border:2px solid transparent;border-top-color:#4e9d9080;border-radius:50%}.cafe-table__mood-dot{position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:var(--coral-400);border:1.5px solid #fffaf0}.cafe-table__avatar--ordering,.cafe-table__avatar--seated,.cafe-table__avatar--waiting,.cafe-table__avatar--impatient{animation:cafe-customer-bob 2.2s ease-in-out infinite}.cafe-table__avatar--ordering .cafe-table__avatar-ring,.cafe-table__avatar--waiting .cafe-table__avatar-ring{animation:cafe-avatar-ring 1.8s linear infinite}.cafe-table__avatar--served,.cafe-table__avatar--satisfied{color:var(--coral-600);background:radial-gradient(circle at 32% 25%,#fffdfc,var(--coral-100) 68%,var(--coral-300));animation:cafe-happy-pop .65s cubic-bezier(.2,1.4,.4,1)}.cafe-table--dirty .cafe-table__avatar{color:var(--coral-500);background:radial-gradient(circle at 32% 25%,#fffaf0,var(--cream-200) 66%,var(--gold-300));animation:cafe-cup-wobble 2.4s ease-in-out infinite}.cafe-table__patience{display:flex;align-items:center;gap:6px}.cafe-table__patience-bar{flex:1 1 auto;height:5px;border-radius:99px;background:#785a3c29;overflow:hidden}.cafe-table__patience-bar i{display:block;height:100%;border-radius:99px;transition:width .25s linear}.cafe-table__patience--ok .cafe-table__patience-bar i{background:linear-gradient(90deg,var(--sea-300),var(--sea-500))}.cafe-table__patience--warn .cafe-table__patience-bar i{background:linear-gradient(90deg,var(--sun-300),var(--warn-500))}.cafe-table__patience--danger .cafe-table__patience-bar i{background:linear-gradient(90deg,var(--coral-300),var(--danger-500))}.cafe-table__patience-num{font-size:10.5px;color:var(--ink-500);min-width:26px;text-align:right}.cafe-table__order{margin:0;display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--ink-800);min-height:16px}.cafe-table__bubble{--bubble-tail: #fffaf3;position:relative;display:flex;align-items:center;gap:4px;margin:2px 0 0;padding:5px 8px;border-radius:12px 12px 12px 4px;background:#ffffffeb;border:1px solid rgba(78,157,144,.34);color:var(--ink-800);font-size:10.5px;line-height:1.35;transform-origin:88% 0;animation:cafe-bubble-in .3s cubic-bezier(.2,1.3,.45,1)}.cafe-table__bubble:after{content:"";position:absolute;top:-5px;right:10px;width:8px;height:8px;background:var(--bubble-tail);border-left:1px solid rgba(78,157,144,.34);border-top:1px solid rgba(78,157,144,.34);transform:rotate(45deg)}.cafe-table__bubble-text{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cafe-table__bubble--pref{--bubble-tail: #fdf3dc;background:linear-gradient(180deg,#fffdf4,#fdf3dc);border-color:#a0782852}.cafe-table__bubble--warn{--bubble-tail: #fde8cc;background:linear-gradient(180deg,#fff8e8,#fde8cc);border-color:#d9902f8c;color:var(--coral-600)}.cafe-table__bubble--happy{--bubble-tail: #fde5dd;background:linear-gradient(180deg,#fffaf9,#fde5dd);border-color:#e8836a73;color:var(--coral-600);animation:cafe-bubble-in .3s cubic-bezier(.2,1.3,.45,1),cafe-happy-bubble .7s .28s ease-out}.cafe-table__bubble--sad{--bubble-tail: #efe9df;background:#f5f0e8;border-color:#785a3c47;color:var(--ink-500)}.cafe-table__bubble--ok{--bubble-tail: #faf5eb;background:#faf5eb}.cafe-table__stars{flex:0 0 auto;display:inline-flex;gap:1px;color:var(--gold-500)}.cafe-table__reward{position:absolute;top:30%;left:50%;padding:2px 7px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fff6d8,#ffe7a3);border:1px solid rgba(168,127,44,.45);color:var(--gold-700);font-size:10.5px;font-weight:800;pointer-events:none;animation:cafe-reward-float 1.5s ease-out forwards}@keyframes cafe-bubble-in{0%{opacity:0;transform:translateY(4px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cafe-happy-bubble{0%,to{box-shadow:none}40%{box-shadow:0 0 0 3px #e8836a2e}}@keyframes cafe-reward-float{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}20%{opacity:1;transform:translate(-50%,2px) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-26px) scale(1.02)}}.cafe-table__order.is-pop{transform-origin:20% 100%;animation:cafe-order-pop .48s cubic-bezier(.2,1.35,.45,1)}.cafe-table--waiting .cafe-table__patience-bar i{animation:cafe-patience-breathe 1.4s ease-in-out infinite}.cafe-table--served{animation:cafe-served-pulse .9s ease-out}.cafe-table__actions{margin-top:auto;display:flex;gap:6px}.cafe-table__failed{font-size:var(--fs-xs);color:var(--danger-500)}.cafe-mini{min-height:30px;min-width:52px;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid rgba(62,140,134,.5);background:var(--sea-100);color:var(--sea-700);font-size:var(--fs-xs);font-weight:700;cursor:pointer}.cafe-mini:active{transform:scale(.97)}.cafe-mini--gold{border-color:var(--gold-500);background:linear-gradient(135deg,var(--gold-200),var(--gold-400));color:var(--gold-700)}.cafe-mini--sea{background:var(--sea-600);color:var(--cream-50);border-color:var(--sea-700)}.cafe-mini--recover{border-color:#c2563a9e;background:linear-gradient(135deg,var(--coral-100),var(--coral-300));color:var(--coral-600);box-shadow:0 2px #943d2821}.cafe-event{flex:0 0 auto;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius-md);border:1px solid rgba(150,112,42,.28);background:linear-gradient(135deg,var(--sun-100),var(--cream-100));color:var(--ink-800);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);animation:cafe-pop-up .25s ease}.cafe-event--romance{background:linear-gradient(135deg,var(--coral-100),var(--sun-100))}.cafe-event--pet{background:linear-gradient(135deg,var(--sea-100),var(--cream-100))}.cafe-event__body{display:flex;flex-direction:column;gap:1px;min-width:0}.cafe-event__body b{font-size:var(--fs-sm)}.cafe-event__body span{font-size:var(--fs-xs);color:var(--ink-600)}.cafe-banner{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--gold-200);color:var(--gold-700);font-size:var(--fs-xs);font-weight:700;animation:cafe-pop-up .22s ease}.cafe-toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);max-width:88%;padding:7px 14px;border-radius:var(--radius-pill);background:#4a3b2eeb;color:var(--cream-50);font-size:var(--fs-xs);box-shadow:var(--shadow-md);z-index:var(--z-toast);pointer-events:none;animation:cafe-toast-in .2s ease}.cafe-toast--success{background:#2d635cf0}.cafe-toast--error{background:#c1523af2}.cafe-toast--pet{background:#3e8c86f0}.cafe-toast--romance{background:#c25b3cf0}.cafe-orders{flex:0 0 auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cafe-orders::-webkit-scrollbar{display:none}.cafe-orders__empty{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:6px 2px}.cafe-orderchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:5px 11px;border-radius:var(--radius-pill);border:var(--edge-paper);background:var(--paper);color:var(--ink-800);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap}.cafe-orderchip.is-focused{border-color:var(--sea-500);box-shadow:0 0 0 2px var(--sea-200)}.cafe-orderchip--pending{background:linear-gradient(135deg,var(--gold-100),var(--cream-100));border-color:var(--gold-400)}.cafe-orderchip__step{font-weight:700;color:var(--sea-700)}.cafe-counter{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.cafe-craft{gap:6px}.cafe-craft__head{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-900)}.cafe-craft__head .t-muted{margin-left:auto;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cafe-craft__pref{margin:0;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs)}.cafe-craft__step{margin:0;padding:6px 10px;border-radius:var(--radius-sm);background:#d8efe999;color:var(--sea-900);font-size:var(--fs-sm);font-weight:600}.cafe-craft__track{display:flex;gap:3px;margin:6px 0 2px}.cafe-craft__track i{flex:1;height:4px;border-radius:99px;background:#4e9d902e;transition:background .25s ease}.cafe-craft__track i.is-done{background:var(--sea-500)}.cafe-craft__track i.is-current{background:var(--gold-400);animation:cafe-track-current 1.2s ease-in-out infinite}@keyframes cafe-track-current{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.8)}}.cafe-craft__options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cafe-option{min-height:var(--tap);padding:6px;border-radius:var(--radius-sm);border:1px solid rgba(62,140,134,.4);background:var(--cream-50);color:var(--ink-800);font-size:var(--fs-xs);font-weight:600;cursor:pointer}.cafe-option:active{transform:scale(.97)}.cafe-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--sea-700);background:linear-gradient(135deg,var(--sea-500),var(--sea-700));color:var(--cream-50);font-size:var(--fs-md);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.cafe-action-btn:active{transform:scale(.98)}.cafe-craft__msg{margin:0;font-size:var(--fs-xs);color:var(--coral-600)}.cafe-craft__idle{display:flex;align-items:center;gap:10px;color:var(--ink-600)}.cafe-craft__idle svg{animation:cafe-idle-float 2.6s ease-in-out infinite}.cafe-craft__idle p{margin:0;font-size:var(--fs-sm)}.cafe-craft__util{display:flex;flex-wrap:wrap;gap:6px}.cafe-process{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:var(--radius-md);border:1px solid var(--gold-600);background:var(--cream-100);color:var(--gold-700);font-size:var(--fs-sm);font-weight:700;overflow:hidden;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.cafe-process:disabled{opacity:.55;cursor:not-allowed}.cafe-process__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(135deg,var(--gold-200),var(--gold-400));transition:width .08s linear;z-index:0}.cafe-process__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.72) 48%,transparent 66%);transform:translate(-100%);animation:cafe-progress-shine 1.15s linear infinite}.cafe-process__zone{position:absolute;inset-block:0;z-index:1;border-left:2px solid rgba(62,140,134,.68);background:repeating-linear-gradient(135deg,#4e9d9021 0 5px,#ffffff2e 5px 10px);box-shadow:inset 0 0 0 1px #ffffff61;pointer-events:none;transition:background .12s ease,border-color .12s ease}.cafe-process.is-sweet{border-color:var(--sea-500);background:linear-gradient(135deg,var(--sun-100),var(--sea-100));color:var(--sea-700);box-shadow:0 0 0 2px #4e9d903d}.cafe-process.is-sweet .cafe-process__zone{border-left-color:var(--sea-600);background:repeating-linear-gradient(135deg,#3e8c863d 0 5px,#ffffff57 5px 10px)}.cafe-process.is-sweet .cafe-process__label{color:var(--sea-700);text-shadow:0 1px 0 rgba(255,255,255,.65)}.cafe-process__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px}.cafe-process-recovery{display:grid;gap:8px;padding:10px;border-radius:var(--radius-md);border:1px solid rgba(194,86,58,.46);background:linear-gradient(135deg,#fffaf3fa,#fde8cceb);box-shadow:inset 0 1px #ffffffb8}.cafe-process-recovery p{display:grid;gap:3px;color:var(--ink-700);font-size:var(--fs-xs);line-height:1.45}.cafe-process-recovery b{color:var(--coral-600);font-size:var(--fs-sm)}.cafe-process-recovery__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cafe-recovery__retry,.cafe-recovery__adopt{min-width:0;min-height:42px;padding:5px 9px;border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:800;line-height:1.2;cursor:pointer}.cafe-recovery__retry{border:1px solid rgba(62,140,134,.5);background:#ffffffb8;color:var(--sea-700)}.cafe-recovery__adopt{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--gold-600);background:linear-gradient(135deg,var(--gold-300),var(--gold-500));color:var(--gold-700);box-shadow:0 2px #82561829}.cafe-recovery__adopt small{font-size:9.5px;font-weight:700;opacity:.82}.cafe-recovery__retry:active,.cafe-recovery__adopt:active{transform:translateY(1px)}.cafe-stations{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cafe-station{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 8px;border-radius:var(--radius-md);background:var(--paper);border:var(--edge-paper);text-align:center;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.cafe-station.is-active{border-color:var(--sea-500);box-shadow:0 0 0 2px var(--sea-200)}.cafe-station.is-highlight{border-color:var(--gold-500);box-shadow:0 0 0 2px var(--gold-200)}.cafe-station.is-highlight.is-active{animation:cafe-pulse 1s ease-in-out infinite}.cafe-station.is-occupied{background:linear-gradient(135deg,var(--cream-200),var(--cream-100))}.cafe-station__icon{color:var(--sea-700);transform-origin:50% 100%}.cafe-station__fx{position:absolute;inset:0;pointer-events:none}.cafe-station__fx i{position:absolute;left:50%;bottom:28px;width:5px;height:10px;border-radius:50%;background:#ffffffd1;opacity:0}.cafe-station.is-busy .cafe-station__fx i{animation:cafe-station-steam 1.35s ease-out infinite}.cafe-station.is-busy .cafe-station__fx i:nth-child(2){margin-left:-8px;animation-delay:.32s}.cafe-station.is-busy .cafe-station__fx i:nth-child(3){margin-left:7px;animation-delay:.64s}.cafe-station--machine.is-busy .cafe-station__icon{animation:cafe-machine-shake .42s ease-in-out infinite}.cafe-station--oven.is-busy .cafe-station__icon{animation:cafe-oven-heat .72s ease-in-out infinite alternate}.cafe-station--oven.is-busy .cafe-station__fx i{border-radius:2px;background:var(--gold-400)}.cafe-station--assembly.is-busy .cafe-station__icon{animation:cafe-assembly-turn 1.8s ease-in-out infinite}.cafe-station--sink.is-busy .cafe-station__icon{animation:cafe-sink-bob .8s ease-in-out infinite}.cafe-station--sink.is-busy .cafe-station__fx i{width:7px;height:7px;border:2px solid var(--sea-400);background:transparent}.cafe-station--tray.is-busy .cafe-station__fx i{width:5px;height:5px;background:var(--gold-400)}.cafe-station.is-processing{animation:cafe-processing-glow 1.05s ease-in-out infinite}.cafe-station__name{display:flex;flex-direction:column;align-items:center;font-size:10.5px;font-weight:700;color:var(--ink-800);line-height:1.15}.cafe-station__level{font-size:9.5px;font-weight:600;color:var(--ink-500)}.cafe-station__hint{font-size:9px;line-height:1.15}.cafe-station__pips{display:flex;gap:3px;margin-top:2px}.cafe-pip{width:7px;height:7px;border-radius:50%;background:#785a3c33}.cafe-pip.is-on{background:var(--sea-500)}.cafe-station__progress{position:absolute;left:6px;right:6px;bottom:4px;height:3px;border-radius:99px;background:#785a3c2e;overflow:hidden}.cafe-station__progress i{display:block;height:100%;background:var(--gold-500)}.cafe-station__busy{position:absolute;top:3px;right:3px;padding:1px 5px;border-radius:var(--radius-pill);background:var(--coral-500);color:#fff;font-size:8.5px;font-weight:700}.cafe-station__busy--own{background:var(--sea-600)}.cafe-tray{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--cream-100),var(--paper));border:var(--edge-paper)}.cafe-tray__head{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;color:var(--ink-800)}.cafe-tray__count{margin-left:auto;color:var(--ink-500)}.cafe-tray__slots{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.cafe-tray__slots::-webkit-scrollbar{display:none}.cafe-tray__slot{flex:0 0 auto;width:54px;height:46px;border-radius:var(--radius-sm);border:1px dashed rgba(150,112,42,.35);background:#fffbf399}.cafe-tray__item{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-sm);border:1px solid var(--gold-400);background:linear-gradient(135deg,var(--sun-100),var(--gold-100))}.cafe-tray__item.is-focused{box-shadow:0 0 0 2px var(--gold-300)}.cafe-tray__item.is-new{animation:cafe-tray-drop .5s cubic-bezier(.2,1.35,.45,1)}.cafe-tray__item.is-misplaced{border-color:var(--coral-500);background:linear-gradient(135deg,var(--coral-100),var(--sun-100));box-shadow:0 0 0 2px #e8836a33}.cafe-tray__item.is-misplaced:after{content:"!";position:absolute;top:-5px;left:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--cream-50);background:var(--coral-500);color:#fff;font-size:9px;font-weight:900;pointer-events:none}.cafe-tray__grab{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:46px;min-height:42px;padding:3px 6px;border:none;background:transparent;color:var(--ink-800);font-size:10px;cursor:grab;touch-action:none}.cafe-tray__item-name{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-tray__serve{min-height:34px;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--gold-600);background:var(--gold-500);color:#fff;font-size:10.5px;font-weight:700;cursor:pointer}.cafe-tray__serve--recover{border-color:var(--coral-600);background:var(--coral-500);box-shadow:0 2px #943d2829}.cafe-tray__hint{margin:0;font-size:10px}.cafe-shelf{flex:0 0 auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cafe-shelf::-webkit-scrollbar{display:none}.cafe-material{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:var(--tap);padding:4px 12px;border-radius:var(--radius-pill);border:1px solid rgba(150,112,42,.28);background:var(--paper);color:var(--ink-800);font-size:var(--fs-xs);font-weight:600;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.cafe-material.is-target{border-color:var(--gold-500);background:linear-gradient(135deg,var(--gold-100),var(--cream-100));box-shadow:0 0 0 2px var(--gold-200)}.cafe-run.is-dragging .cafe-material.is-target{animation:cafe-target-glow .9s ease-in-out infinite}.cafe-material--cup{border-color:var(--coral-400);background:linear-gradient(135deg,var(--coral-100),var(--cream-100));color:var(--coral-600)}.cafe-material:active{transform:scale(.97)}.cafe-shelf__tip{flex:0 0 auto;font-size:10px;white-space:nowrap}.cafe-dragghost{position:fixed;z-index:90;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);background:#2d635cf0;color:var(--cream-50);font-size:var(--fs-xs);font-weight:700;box-shadow:var(--shadow-lg);pointer-events:none}.cafe-fly-layer{position:fixed;inset:0;z-index:89;pointer-events:none;overflow:hidden}.cafe-flyfx{--fx-from-x: 0px;--fx-from-y: 0px;--fx-dx: 0px;--fx-dy: 0px;--fx-mid-x: 0px;--fx-mid-y: 0px;position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff9e9;background:linear-gradient(145deg,var(--sea-400),var(--sea-700));box-shadow:0 7px 16px #2d635c57;animation:cafe-fly-to-target .92s cubic-bezier(.2,.72,.26,1) forwards;will-change:transform,opacity}.cafe-flyfx--plate,.cafe-flyfx--serve{color:#5a3a10;background:linear-gradient(145deg,var(--gold-200),var(--gold-500));box-shadow:0 7px 16px #ad7a225c}.cafe-flyfx--clean{color:#f3fffc;background:linear-gradient(145deg,var(--sea-300),var(--sea-600))}.cafe-flyfx>svg{position:relative;z-index:1}.cafe-flyfx>i{--particle-x: 0px;--particle-y: -24px;position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--gold-300);opacity:0;animation:cafe-fly-particle .72s ease-out .42s forwards}.cafe-flyfx>i:nth-child(2){--particle-x: -23px;--particle-y: -20px}.cafe-flyfx>i:nth-child(3){--particle-x: 22px;--particle-y: -12px;animation-delay:.5s}.cafe-flyfx>i:nth-child(4){--particle-x: 8px;--particle-y: -29px;animation-delay:.58s}.cafe-flyfx--serve>i{width:9px;height:9px;background:var(--coral-300)}.cafe-flyfx--clean>i{width:8px;height:8px;background:var(--sea-300)}.cafe-pause{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#fffbf3e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--ink-900)}.cafe-pause h2{margin:0;font-family:var(--font-display);font-size:var(--fs-xl)}.cafe-pause p{margin:0;font-size:var(--fs-sm);color:var(--ink-600)}@keyframes cafe-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes cafe-misplaced-pulse{0%,to{box-shadow:0 0 0 2px #e8836a2e,var(--shadow-md)}50%{box-shadow:0 0 0 4px #e8836a1f,var(--shadow-md)}}@keyframes cafe-pop-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cafe-pulse{0%,to{box-shadow:0 0 0 2px var(--gold-200)}50%{box-shadow:0 0 0 5px #d9a84e59}}@keyframes cafe-ambient-rise{0%{opacity:0;transform:translate3d(0,12px,0) scale(.62)}18%{opacity:.6}to{opacity:0;transform:translate3d(8px,-132px,0) scale(1.35)}}@keyframes cafe-customer-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1.5deg)}}@keyframes cafe-avatar-ring{to{transform:rotate(360deg)}}@keyframes cafe-happy-pop{0%{opacity:.45;transform:scale(.78) rotate(-8deg)}58%{opacity:1;transform:scale(1.14) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cafe-cup-wobble{0%,to{transform:translateY(0) rotate(0)}28%{transform:translateY(-1px) rotate(-5deg)}66%{transform:translateY(0) rotate(5deg)}}@keyframes cafe-order-pop{0%{opacity:0;transform:translateY(5px) scale(.82)}62%{opacity:1;transform:translateY(-1px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cafe-patience-breathe{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.72;transform:scaleX(.94)}}@keyframes cafe-served-pulse{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes cafe-idle-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes cafe-progress-shine{0%{transform:translate(-110%)}to{transform:translate(210%)}}@keyframes cafe-station-steam{0%{opacity:0;transform:translate(-50%,4px) scale(.55)}28%{opacity:.82}to{opacity:0;transform:translate(-50%,-28px) scale(1.32)}}@keyframes cafe-machine-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px) rotate(-2deg)}75%{transform:translate(1.5px) rotate(2deg)}}@keyframes cafe-oven-heat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.08)}}@keyframes cafe-assembly-turn{0%,to{transform:rotate(0) scale(1)}45%{transform:rotate(12deg) scale(1.04)}70%{transform:rotate(-8deg) scale(1.02)}}@keyframes cafe-sink-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(2px) rotate(2deg)}}@keyframes cafe-processing-glow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.018)}}@keyframes cafe-tray-drop{0%{opacity:0;transform:translateY(-10px) scale(.76)}68%{opacity:1;transform:translateY(1px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cafe-target-glow{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes cafe-fly-to-target{0%{opacity:0;transform:translate3d(calc(var(--fx-from-x) - 50%),calc(var(--fx-from-y) - 50%),0) scale(.68)}12%{opacity:1}68%{opacity:1;transform:translate3d(calc(var(--fx-mid-x) - 50%),calc(var(--fx-mid-y) - 50%),0) scale(1.06)}to{opacity:0;transform:translate3d(calc(var(--fx-from-x) + var(--fx-dx) - 50%),calc(var(--fx-from-y) + var(--fx-dy) - 50%),0) scale(.78)}}@keyframes cafe-fly-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}24%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(1.35)}}@media(max-height:860px){.cafe-run{gap:5px;padding:6px 8px 8px}.cafe-table{min-height:76px;padding:6px 7px}.cafe-station{padding:6px 3px 7px}.cafe-station__hint{display:none}}.cafe-play{display:flex;flex-direction:column;gap:10px}.screen--cafe{gap:0;padding:0 0 calc(86px + env(safe-area-inset-bottom));overflow:hidden}.screen--cafe>*{flex:1 1 auto;min-height:0}.screen--cafe .cafe-play{height:100%;min-height:0;gap:0}.cafe-play__world{position:relative;aspect-ratio:1600 / 2848;border-radius:26px;overflow:hidden;isolation:isolate;background:#f3dcbb;border:2px solid rgba(255,247,230,.9);box-shadow:0 18px 34px #583a1e57,inset 0 0 0 1px #96702a47;touch-action:manipulation}.screen--cafe .cafe-play__world{flex:1 1 auto;width:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.cafe-play__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.cafe-play__wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,243,219,.16) 0%,rgba(255,240,214,.04) 16%,transparent 34%,transparent 72%,rgba(74,46,20,.1) 100%),radial-gradient(122% 82% at 50% 40%,transparent 62%,rgba(96,60,24,.1) 100%)}.cafe-play__ambient{position:absolute;inset:0;pointer-events:none}.cafe-play__ambient i{position:absolute;left:var(--amb-x, 20%);bottom:var(--amb-y, 30%);width:8px;height:8px;border-radius:50%;background:#fff6dae6;box-shadow:0 0 8px 2px #ffe2aa80;opacity:0;animation:cafe-play-rise var(--amb-d, 7.5s) ease-in-out infinite;animation-delay:var(--amb-delay, 0s)}.cafe-play__ambient i:nth-child(1){--amb-x: 16%;--amb-y: 46%;--amb-d: 8.4s}.cafe-play__ambient i:nth-child(2){--amb-x: 38%;--amb-y: 58%;--amb-d: 7.1s;--amb-delay: -2.2s;width:6px;height:6px}.cafe-play__ambient i:nth-child(3){--amb-x: 58%;--amb-y: 40%;--amb-d: 9.6s;--amb-delay: -4.4s}.cafe-play__ambient i:nth-child(4){--amb-x: 82%;--amb-y: 54%;--amb-d: 6.9s;--amb-delay: -1.1s;width:5px;height:5px}.cafe-play__ambient i:nth-child(5){--amb-x: 68%;--amb-y: 24%;--amb-d: 10.2s;--amb-delay: -5.6s;width:10px;height:10px}.cafe-play__ambient i:nth-child(6){--amb-x: 28%;--amb-y: 22%;--amb-d: 8.8s;--amb-delay: -3.3s;width:6px;height:6px}@keyframes cafe-play-rise{0%{opacity:0;transform:translate3d(0,14px,0) scale(.6)}22%{opacity:.75}to{opacity:0;transform:translate3d(10px,-150px,0) scale(1.3)}}.cafe-play__goal{position:absolute;left:10px;top:10px;z-index:5;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffcf4f0,#f6e7cee6);border:1.5px solid rgba(150,112,42,.36);box-shadow:0 6px 14px #60402042,var(--shadow-inset);color:var(--ink-700);font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cafe-play__goal svg{color:var(--coral-500)}.cafe-play__goal strong{font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink-900)}.cafe-play__goal i{width:1px;height:11px;background:#96702a52}.cafe-hotspot{position:absolute;z-index:4;display:block;padding:0;border:none;border-radius:50%;background:transparent;color:transparent;cursor:pointer;translate:-50% -50%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cafe-hotspot:focus-visible{outline:3px solid rgba(232,131,106,.82);outline-offset:2px;background:#fff8e81f}.cafe-hotspot.is-active{animation:cafe-hotspot-tap .46s cubic-bezier(.2,1.4,.4,1)}@keyframes cafe-hotspot-tap{0%{transform:scale(.92)}55%{transform:scale(1.06)}to{transform:scale(1)}}.cafe-actors{position:absolute;inset:0;z-index:5;pointer-events:none}.cafe-actor{position:absolute;display:block;width:28%;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-100%);transform-origin:50% 100%;cursor:grab;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;transition:left .68s cubic-bezier(.2,.76,.25,1),top .68s cubic-bezier(.2,.76,.25,1);will-change:left,top}.cafe-actor--cat{z-index:2;width:18%}.cafe-actor:focus-visible{outline:3px solid rgba(232,131,106,.78);outline-offset:4px}.cafe-actor.is-dragging{z-index:8;cursor:grabbing;transition:none}.cafe-actor__sprite{display:block;width:100%;height:auto;transform:scaleX(var(--actor-facing, 1));transform-origin:50% 100%;filter:drop-shadow(0 5px 5px rgba(74,46,20,.23));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cafe-actor--cat .cafe-actor__sprite{filter:drop-shadow(0 0 1px rgba(103,62,29,.74)) drop-shadow(0 5px 5px rgba(74,46,20,.28))}.cafe-actor__shadow{position:absolute;left:50%;bottom:-4px;width:58%;height:11px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(64,41,22,.32),transparent 76%);opacity:.72;pointer-events:none}.cafe-actor--cat .cafe-actor__shadow{width:76%;height:9px;opacity:.7}.cafe-actor.is-dragging .cafe-actor__sprite{transform:translateY(-3px) scale(1.035) scaleX(var(--actor-facing, 1));filter:drop-shadow(0 9px 7px rgba(74,46,20,.28))}.cafe-actor.is-reacting .cafe-actor__sprite{animation:cafe-actor-react .62s cubic-bezier(.2,1.35,.4,1)}.cafe-actor.is-work .cafe-actor__sprite{animation:cafe-actor-work .62s ease-in-out infinite}.cafe-actor--barista.is-work:before,.cafe-actor--barista.is-work:after{content:"";position:absolute;z-index:3;top:15%;width:9%;min-width:7px;height:16%;border-radius:50%;background:#ffffffdb;filter:blur(1.8px);opacity:0;pointer-events:none;animation:cafe-actor-steam 1.25s ease-out infinite}.cafe-actor--barista.is-work:before{right:27%}.cafe-actor--barista.is-work:after{right:18%;animation-delay:.22s}.cafe-actor.is-visit .cafe-actor__sprite{animation:cafe-actor-visit .76s ease-in-out infinite}.cafe-actor--cat.is-visit:before,.cafe-actor--cat.is-visit:after{content:"";position:absolute;z-index:3;top:2%;width:15px;height:13px;background:var(--coral-400);clip-path:polygon(50% 100%,7% 50%,7% 23%,29% 7%,50% 25%,71% 7%,93% 23%,93% 50%);filter:drop-shadow(0 2px 3px rgba(120,55,38,.24));opacity:0;pointer-events:none;animation:cafe-actor-heart 1.45s ease-out infinite}.cafe-actor--cat.is-visit:before{right:24%;--heart-drift: -22px}.cafe-actor--cat.is-visit:after{right:38%;width:10px;height:9px;animation-delay:.42s;--heart-drift: 18px}@keyframes cafe-actor-react{0%,to{transform:scaleX(var(--actor-facing, 1)) translateY(0)}38%{transform:scaleX(var(--actor-facing, 1)) translateY(-11px) rotate(-3deg)}66%{transform:scaleX(var(--actor-facing, 1)) translateY(-4px) rotate(3deg)}}@keyframes cafe-actor-work{0%,to{transform:scaleX(var(--actor-facing, 1)) translateY(0) rotate(-.8deg)}50%{transform:scaleX(var(--actor-facing, 1)) translateY(-4px) rotate(.8deg)}}@keyframes cafe-actor-visit{0%,to{transform:scaleX(var(--actor-facing, 1)) translateY(0) rotate(-1.2deg)}50%{transform:scaleX(var(--actor-facing, 1)) translateY(-5px) rotate(1.2deg)}}@keyframes cafe-actor-steam{0%{opacity:0;transform:translateY(8px) scale(.7)}32%{opacity:.76}to{opacity:0;transform:translateY(-26px) scale(1.25)}}@keyframes cafe-actor-heart{0%{opacity:0;transform:translateY(5px) scale(.45) rotate(-8deg)}28%{opacity:.95}to{opacity:0;transform:translate(var(--heart-drift),-34px) scale(1.08) rotate(9deg)}}@keyframes cafe-prop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cafe-object{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:var(--sea-700);background:radial-gradient(circle at 34% 26%,#fffdf6,#f4e2c2 62%,#dcc091);border:2px solid rgba(150,112,42,.46);box-shadow:0 9px 16px #60402057,inset 0 2px #ffffffe0;transition:transform .16s ease,box-shadow .16s ease}.cafe-object:after{content:"";position:absolute;left:50%;bottom:-9px;width:74%;height:10px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(74,46,20,.34),transparent 78%);pointer-events:none}.cafe-object--machine{color:var(--sea-900);background:radial-gradient(circle at 34% 24%,#fdf9f0,#cfe6df 58%,#8ecdc1);border-color:#2d635c75}.cafe-object__top{position:absolute;left:50%;top:-8px;translate:-50% 0;width:26px;height:10px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--gold-300),var(--gold-600));border:1px solid rgba(120,88,24,.5)}.cafe-object--machine:before{content:"";position:absolute;left:50%;top:-20px;width:9px;height:14px;border-radius:50%;background:#fffc;filter:blur(2px);translate:-50% 0;animation:cafe-idle-steam 2.6s ease-out infinite}@keyframes cafe-idle-steam{0%{opacity:0;transform:translateY(6px) scale(.6)}35%{opacity:.72}to{opacity:0;transform:translateY(-22px) scale(1.4)}}.cafe-object--oven{color:var(--gold-700);background:radial-gradient(circle at 34% 24%,#fff6e4,#f0dca8 58%,#d9a84e);border-color:#78581870}.cafe-object__window{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--sun-200);background:radial-gradient(circle at 42% 34%,#6a4a26,#3d2a17 78%);box-shadow:inset 0 0 0 2px #ffe2ad8c,0 0 12px #ffb45a80;animation:cafe-oven-glow 2.4s ease-in-out infinite}@keyframes cafe-oven-glow{0%,to{box-shadow:inset 0 0 0 2px #ffe2ad80,0 0 10px #ffb45a66}50%{box-shadow:inset 0 0 0 2px #ffe2adcc,0 0 18px #ffb45ab3}}.cafe-object--menu{color:var(--coral-600);transform-origin:50% 0;animation:cafe-menu-sway 4.6s ease-in-out infinite}@keyframes cafe-menu-sway{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}.cafe-object--decor{color:var(--gold-600);background:radial-gradient(circle at 34% 26%,#fffdf5e6,#f6e2beb8);border-style:dashed;border-color:#a87f2c99}.cafe-object--decor svg{animation:cafe-decor-twinkle 2.8s ease-in-out infinite}@keyframes cafe-decor-twinkle{0%,to{opacity:.7;transform:scale(.92) rotate(-6deg)}50%{opacity:1;transform:scale(1.08) rotate(6deg)}}.cafe-object--pet{color:var(--coral-600);background:radial-gradient(circle at 34% 26%,#fffaf1,#f8ddc6 60%,#eab48f);border-color:#c25b3c6b;animation:cafe-cat-breathe 2.9s ease-in-out infinite}@keyframes cafe-cat-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}}.cafe-object__ear{position:absolute;top:-6px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid #f3c69d;animation:cafe-cat-ear 2.9s ease-in-out infinite}.cafe-object__ear--l{left:8px;rotate:-14deg}.cafe-object__ear--r{right:8px;rotate:14deg;animation-delay:-.6s}@keyframes cafe-cat-ear{0%,to{rotate:-14deg}50%{rotate:-4deg}}.cafe-object--table{color:var(--sea-900);background:radial-gradient(circle at 34% 26%,#fffdf6,#e7f2ee 58%,#a9d6cc);border-color:#2d635c6b}.cafe-object__tabletop{position:absolute;left:50%;bottom:-7px;translate:-50% 0;width:92%;height:12px;border-radius:50%;background:linear-gradient(180deg,#e9c893,#b07f47);border:1px solid rgba(120,88,24,.4);box-shadow:0 4px 8px #6040204d}.cafe-object__guest{position:absolute;top:-9px;width:20px;height:20px;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 36% 30%,#fff6e8,#e6c39a 70%,#c99a6a);border:1.5px solid rgba(150,112,42,.4);animation:cafe-guest-bob 2.2s ease-in-out infinite}.cafe-object__guest--a{left:-4px}.cafe-object__guest--b{right:-4px;background:radial-gradient(circle at 36% 30%,#fff3ef,#f0c3b4 70%,#d99c88);animation-delay:-1.1s}@keyframes cafe-guest-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.cafe-object__level{position:absolute;right:-4px;bottom:-4px;padding:1px 7px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--gold-300),var(--gold-500));border:1px solid rgba(120,88,24,.5);color:#4a3512;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm)}.cafe-hotspot__label{padding:2px 9px;border-radius:var(--radius-pill);background:#fffaeeed;border:1px solid rgba(150,112,42,.32);color:var(--ink-700);font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap;box-shadow:0 4px 8px #6040203d}.cafe-play__world.is-fx-machine .cafe-hotspot--machine .cafe-object,.cafe-play__world.is-fx-oven .cafe-hotspot--oven .cafe-object,.cafe-play__world.is-fx-menu .cafe-hotspot--menu .cafe-object,.cafe-play__world.is-fx-decor .cafe-hotspot--decor .cafe-object,.cafe-play__world.is-fx-pet .cafe-hotspot--pet .cafe-object,.cafe-play__world.is-fx-table .cafe-hotspot--table .cafe-object{animation:cafe-object-pop .62s cubic-bezier(.2,1.5,.4,1)}@keyframes cafe-object-pop{0%{transform:scale(.86)}55%{transform:scale(1.12)}to{transform:scale(1)}}.cafe-play__fx{position:absolute;z-index:6;width:1px;height:1px;translate:-50% -50%;pointer-events:none}.cafe-play__fx--machine{left:9.5%;top:54%}.cafe-play__fx--oven{left:41%;top:67%}.cafe-play__fx--menu{left:9%;top:20%}.cafe-play__fx--decor{left:84%;top:33%}.cafe-play__fx--pet{left:11%;top:80%}.cafe-play__fx--table{left:75%;top:70%}.cafe-fx__steam{position:absolute;left:50%;top:-22px;width:10px;height:16px;border-radius:50%;background:#ffffffeb;filter:blur(2px);animation:cafe-fx-steam 1.5s ease-out forwards}.cafe-fx__steam--a{margin-left:-9px}.cafe-fx__steam--b{animation-delay:.18s}.cafe-fx__steam--c{margin-left:9px;animation-delay:.36s}@keyframes cafe-fx-steam{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}35%{opacity:.9}to{opacity:0;transform:translate(-50%,-44px) scale(1.6)}}.cafe-fx__bean{position:absolute;left:50%;top:-6px;width:9px;height:11px;border-radius:50% 50% 46% 46%;background:linear-gradient(160deg,#8a5a30,#4f3017);box-shadow:inset 0 0 0 1px #ffe2ad59;opacity:0;animation:cafe-fx-bean 1.35s cubic-bezier(.3,.7,.5,1) forwards}.cafe-fx__bean--a{--bean-x: -34px;--bean-y: -56px;--bean-r: -180deg}.cafe-fx__bean--b{--bean-x: 30px;--bean-y: -62px;--bean-r: 220deg;animation-delay:.1s}.cafe-fx__bean--c{--bean-x: 6px;--bean-y: -74px;--bean-r: 140deg;animation-delay:.2s}@keyframes cafe-fx-bean{0%{opacity:0;transform:translate(-50%) rotate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--bean-x)),var(--bean-y)) rotate(var(--bean-r)) scale(1)}}.cafe-fx__cup{position:absolute;left:50%;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff8ea;background:linear-gradient(150deg,var(--coral-300),var(--coral-600));box-shadow:0 8px 16px #8c3c1e66;opacity:0;animation:cafe-fx-cup 1.5s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes cafe-fx-cup{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}30%{opacity:1;transform:translate(-50%,-34px) scale(1.08)}70%{opacity:1;transform:translate(-50%,-40px) scale(1)}to{opacity:0;transform:translate(-50%,-58px) scale(.9)}}.cafe-fx__heat{position:absolute;left:50%;top:-30px;width:9px;height:15px;border-radius:50%;background:linear-gradient(180deg,#ffe2ad1a,#ffaa50d9);filter:blur(1px);opacity:0;animation:cafe-fx-heat 1.4s ease-out forwards}.cafe-fx__heat--a{margin-left:-12px}.cafe-fx__heat--b{animation-delay:.16s}.cafe-fx__heat--c{margin-left:12px;animation-delay:.32s}@keyframes cafe-fx-heat{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}40%{opacity:.9}to{opacity:0;transform:translate(-50%,-34px) scale(1.3)}}.cafe-fx__pastry{position:absolute;left:50%;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#7d5c1c;background:linear-gradient(150deg,var(--gold-200),var(--gold-500));box-shadow:0 8px 16px #8c601866;opacity:0;animation:cafe-fx-pastry 1.6s cubic-bezier(.24,1.2,.4,1) forwards}@keyframes cafe-fx-pastry{0%{opacity:0;transform:translate(-50%,6px) scale(.45) rotate(-16deg)}28%{opacity:1;transform:translate(-50%,-40px) scale(1.1) rotate(8deg)}72%{opacity:1;transform:translate(calc(-50% + 12px),-52px) scale(1) rotate(-6deg)}to{opacity:0;transform:translate(calc(-50% + 18px),-70px) scale(.92) rotate(4deg)}}.cafe-fx__spark{position:absolute;left:50%;top:0;width:12px;height:12px;background:linear-gradient(150deg,#fff8e2,var(--gold-400));clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);opacity:0;animation:cafe-fx-spark 1.2s ease-out forwards}.cafe-fx__spark--a{--spark-x: -26px;--spark-y: -30px}.cafe-fx__spark--b{--spark-x: 24px;--spark-y: -34px;animation-delay:.12s}.cafe-fx__spark--c{--spark-x: 0;--spark-y: -48px;animation-delay:.24s;width:15px;height:15px}.cafe-fx__spark--d{--spark-x: -12px;--spark-y: -18px;animation-delay:.34s;width:9px;height:9px}@keyframes cafe-fx-spark{0%{opacity:0;transform:translate(-50%,6px) scale(.3) rotate(0)}35%{opacity:1;transform:translate(calc(-50% + var(--spark-x) * .7),calc(6px + var(--spark-y) * .7)) scale(1.1) rotate(90deg)}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),var(--spark-y)) scale(.5) rotate(200deg)}}.cafe-fx__heart{position:absolute;left:50%;top:0;color:var(--coral-500);opacity:0;animation:cafe-fx-heart 1.6s ease-out forwards;filter:drop-shadow(0 3px 5px rgba(140,60,30,.3))}.cafe-fx__heart--a{--heart-x: -22px;--heart-r: -22deg}.cafe-fx__heart--b{--heart-x: 20px;--heart-r: 20deg;animation-delay:.22s}@keyframes cafe-fx-heart{0%{opacity:0;transform:translate(-50%,4px) scale(.4) rotate(0)}30%{opacity:1;transform:translate(calc(-50% + var(--heart-x) * .5),-22px) scale(1.15) rotate(var(--heart-r))}to{opacity:0;transform:translate(calc(-50% + var(--heart-x)),-62px) scale(.85) rotate(var(--heart-r))}}.cafe-fx__ring{position:absolute;left:50%;top:0;width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,232,180,.9);opacity:0;animation:cafe-fx-ring 1.1s ease-out forwards}.cafe-fx__ring--b{animation-delay:.24s}@keyframes cafe-fx-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}.cafe-fx__emblem{position:absolute;left:50%;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff8ea;background:linear-gradient(150deg,var(--coral-300),var(--coral-600));border:2px solid rgba(255,248,232,.92);box-shadow:0 8px 16px #703d2257,0 0 0 5px #ffebc03d;opacity:0;animation:cafe-fx-emblem 1.55s cubic-bezier(.22,1.35,.36,1) forwards}.cafe-fx__emblem--sparkle{color:#6c4b16;background:linear-gradient(150deg,#fff9e8,var(--gold-400))}.cafe-fx__emblem--ring{color:#f9fff9;background:linear-gradient(150deg,var(--sea-300),var(--sea-700))}.cafe-fx__emblem--fish{color:#194f4a;background:linear-gradient(150deg,#d9f5ef,#78c6bb)}.cafe-fx__emblem--flower{color:#8d4c3b;background:linear-gradient(150deg,#fff5e2,#f0b39e)}.cafe-fx__emblem--paw{color:#7e432a;background:linear-gradient(150deg,#fff0d8,#efb287)}.cafe-fx__emblem--clock{color:#694c1b;background:linear-gradient(150deg,#fff9e8,#e4c276)}@keyframes cafe-fx-emblem{0%{opacity:0;transform:translate(-50%,8px) scale(.42) rotate(-12deg)}28%{opacity:1;transform:translate(-50%,-34px) scale(1.08) rotate(5deg)}70%{opacity:1;transform:translate(-50%,-42px) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-66px) scale(.86) rotate(8deg)}}.cafe-fx__bubble{position:absolute;left:50%;top:0;width:9px;height:9px;border-radius:50%;border:2px solid rgba(216,255,247,.9);background:#9ce6d938;opacity:0;animation:cafe-fx-bubble 1.25s ease-out forwards}.cafe-fx__bubble--a{--bubble-x: -24px;--bubble-y: -52px}.cafe-fx__bubble--b{--bubble-x: 22px;--bubble-y: -43px;animation-delay:.12s;width:6px;height:6px}.cafe-fx__bubble--c{--bubble-x: 4px;--bubble-y: -68px;animation-delay:.22s;width:11px;height:11px}@keyframes cafe-fx-bubble{0%{opacity:0;transform:translate(-50%,8px) scale(.4)}35%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),var(--bubble-y)) scale(1.2)}}.cafe-fx__petal{position:absolute;left:50%;top:0;width:12px;height:16px;border-radius:70% 30%;background:linear-gradient(150deg,#fff6e7,#f5a68d);box-shadow:0 2px 5px #8b483138;opacity:0;animation:cafe-fx-petal 1.45s ease-out forwards}.cafe-fx__petal--a{--petal-x: -34px;--petal-y: -52px;--petal-r: -70deg}.cafe-fx__petal--b{--petal-x: 30px;--petal-y: -62px;--petal-r: 74deg;animation-delay:.09s}.cafe-fx__petal--c{--petal-x: -12px;--petal-y: -74px;--petal-r: 150deg;animation-delay:.18s}.cafe-fx__petal--d{--petal-x: 14px;--petal-y: -34px;--petal-r: -130deg;animation-delay:.27s}.cafe-fx__petal--e{--petal-x: -24px;--petal-y: -28px;--petal-r: 42deg;animation-delay:.36s}@keyframes cafe-fx-petal{0%{opacity:0;transform:translate(-50%,4px) rotate(0) scale(.35)}30%{opacity:.95;transform:translate(calc(-50% + var(--petal-x) * .55),-30px) rotate(80deg) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--petal-x)),var(--petal-y)) rotate(var(--petal-r)) scale(.82)}}.cafe-fx__paw{position:absolute;left:50%;top:0;color:#c87856;opacity:0;filter:drop-shadow(0 3px 5px rgba(126,67,42,.28));animation:cafe-fx-paw 1.4s ease-out forwards}.cafe-fx__paw--a{--paw-x: -30px;--paw-y: -47px;--paw-r: -18deg}.cafe-fx__paw--b{--paw-x: 27px;--paw-y: -61px;--paw-r: 20deg;animation-delay:.16s}@keyframes cafe-fx-paw{0%{opacity:0;transform:translate(-50%,4px) rotate(0) scale(.45)}32%{opacity:1;transform:translate(calc(-50% + var(--paw-x) * .5),-30px) rotate(var(--paw-r)) scale(1.12)}to{opacity:0;transform:translate(calc(-50% + var(--paw-x)),var(--paw-y)) rotate(var(--paw-r)) scale(.8)}}.cafe-play__bubble{position:absolute;left:50%;bottom:12px;z-index:8;translate:-50% 0;max-width:84%;padding:7px 14px;border-radius:var(--radius-pill);background:#3a2c1ee6;color:#fff8ea;font-size:var(--fs-xs);font-weight:700;text-align:center;box-shadow:var(--shadow-md);pointer-events:none;animation:cafe-bubble-in .22s ease}@keyframes cafe-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cafe-play__sheet{position:absolute;left:8px;right:8px;bottom:8px;z-index:9;display:flex;flex-direction:column;gap:9px;padding:11px 12px 12px;border-radius:18px;background:linear-gradient(170deg,#fffbf3f7,#f5e6cef5);border:var(--stroke-hand);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cafe-sheet-in .24s cubic-bezier(.2,.9,.3,1)}@keyframes cafe-sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cafe-play__sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cafe-play__sheet-title{display:inline-flex;align-items:center;gap:7px;color:var(--ink-900)}.cafe-play__sheet-title strong{font-family:var(--font-display);font-size:var(--fs-md)}.cafe-play__sheet-close{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(150,112,42,.3);background:#fffcf4cc;color:var(--ink-600);cursor:pointer;-webkit-tap-highlight-color:transparent}.cafe-play__sheet-close:active{transform:scale(.92)}.cafe-play__sheet-stats{display:flex;flex-wrap:wrap;gap:6px}.cafe-play__sheet-stats span{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-pill);background:#ffffff9e;border:1px solid rgba(150,112,42,.2);color:var(--ink-700);font-size:var(--fs-xs);font-weight:700}.cafe-play__recipe{display:flex;align-items:center;gap:10px}.cafe-play__recipe-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--sea-700);background:radial-gradient(circle at 34% 26%,#fffdf6,var(--sea-100) 66%,var(--sea-300));border:1.5px solid rgba(45,99,92,.28)}.cafe-play__recipe-icon--decor{color:var(--gold-600);background:radial-gradient(circle at 34% 26%,#fffdf6,var(--gold-100) 66%,var(--gold-300));border-color:#7858184d}.cafe-play__recipe span{display:flex;flex-direction:column;min-width:0}.cafe-play__recipe strong{font-size:var(--fs-md);color:var(--ink-900)}.cafe-play__recipe small{margin-top:1px;font-size:10.5px;color:var(--ink-500)}.cafe-play__sheet-actions{display:flex;align-items:center;gap:8px}.cafe-play__sheet-actions .btn{flex:1 1 auto}.cafe-play__sheet-cost{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--gold-600)}.cafe-play__sheet-copy{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-700)}.cafe-play__action-row{display:flex;align-items:center;gap:9px;padding-top:8px;background:#efcf9f}.screen--cafe .cafe-play__action-row{flex:0 0 auto;padding:8px 10px 0}.cafe-play__action-note{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--ink-600);white-space:nowrap}.cafe-play__action-note i{width:1px;height:12px;background:#96702a4d}.cafe-play__start{flex:1 1 auto}.cafe-play__start:not(:disabled){animation:cafe-start-glow 2.6s ease-in-out infinite}@keyframes cafe-start-glow{0%,to{box-shadow:0 4px 10px #ad7a2247,inset 0 1px #ffffff73}50%{box-shadow:0 8px 20px #e0b76399,inset 0 1px #ffffff80}}@media(prefers-reduced-motion:reduce){.cafe-hotspot,.cafe-object,.cafe-object--machine:before,.cafe-object__window,.cafe-object--menu,.cafe-object--decor svg,.cafe-object--pet,.cafe-object__ear,.cafe-object__guest,.cafe-play__ambient i,.cafe-fx__emblem,.cafe-fx__bubble,.cafe-fx__petal,.cafe-fx__paw,.cafe-play__start{animation:none!important}.cafe-play__fx{display:none}}.cafe-scene-performance{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none;contain:layout paint style;isolation:isolate}.cafe-run>.cafe-scene-performance.cafe-scene-performance{position:absolute;inset:0;z-index:7;pointer-events:none}.cafe-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}.cafe-scene__label{display:inline-flex;align-items:center;justify-content:center;max-width:76px;padding:2px 7px;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#fffbf3e6;color:#4a3b2e;font-size:10px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 3px 10px #4a3b2e24}.cafe-arrival{position:absolute;inset:0}.cafe-arrival__figure{position:absolute;left:0;bottom:37%;display:grid;place-items:center;width:46px;height:56px;border:1px solid rgba(255,255,255,.74);border-radius:48% 48% 40% 40%;color:#fff9e9;background:linear-gradient(145deg,#72b8aa,#2d635c);box-shadow:0 9px 19px #2d635c47;opacity:0;will-change:transform,opacity}.cafe-arrival__figure:after{content:"";position:absolute;left:50%;bottom:-8px;width:30px;height:7px;border-radius:50%;background:#2d635c2e;filter:blur(2px);transform:translate(-50%)}.cafe-arrival__figure--back{color:#fffbf39e;background:linear-gradient(145deg,#72b8aa6b,#2d635c38);filter:blur(1px);animation:cafe-arrival-walk 1.35s cubic-bezier(.24,.78,.28,1) .06s both}.cafe-arrival__figure--front{animation:cafe-arrival-walk 1.35s cubic-bezier(.24,.78,.28,1) both}.cafe-arrival__figure--front>i{position:absolute;left:6px;bottom:7px;width:7px;height:14px;border-radius:999px;background:#fffbf33d;transform:rotate(18deg)}.cafe-arrival__dust{position:absolute;left:0;bottom:34%;width:10px;height:10px;border:2px solid rgba(255,255,255,.72);border-radius:50%;opacity:0;filter:blur(.4px);animation:cafe-arrival-dust 1.28s ease-out both}.cafe-arrival__dust--b{width:7px;height:7px;animation-delay:.14s}.cafe-arrival__dust--c{width:12px;height:12px;animation-delay:.3s}.cafe-arrival>.cafe-scene__label{position:absolute;left:52%;bottom:28%;transform:translate(-50%);animation:cafe-label-rise 1.35s ease-out .2s both}.cafe-order-show{position:absolute;inset:0}.cafe-order-show__person{position:absolute;right:18%;bottom:34%;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(62,140,134,.34);border-radius:50%;color:#2d635c;background:radial-gradient(circle at 32% 26%,#fffdf5,#d8efe9 70%,#9dd2c7);box-shadow:0 8px 18px #2d635c33;animation:cafe-order-person 1.2s cubic-bezier(.2,.72,.3,1) both}.cafe-order-show__reaction{position:absolute;right:13%;bottom:49%;color:#d9a84e;filter:drop-shadow(0 0 6px rgba(255,224,139,.84));animation:cafe-order-reaction 1.2s ease-out both}.cafe-order-show__bubble{position:absolute;left:56%;top:24%;display:inline-flex;align-items:center;gap:5px;min-height:38px;max-width:min(66vw,230px);padding:7px 10px;border:1px solid rgba(173,122,34,.3);border-radius:15px 15px 15px 4px;color:#75521c;background:linear-gradient(145deg,#fffdf7,#fff1c7);box-shadow:0 9px 18px #75521c2b;transform-origin:12% 100%;animation:cafe-order-bubble 1.2s cubic-bezier(.2,1.18,.32,1) both}.cafe-order-show__paper{position:absolute;left:61%;top:34%;width:9px;height:7px;border-radius:2px;background:#fff8e2;box-shadow:0 2px 5px #75521c1f;animation:cafe-order-paper 1.2s ease-out both}.cafe-order-show__paper--b{left:67%;top:32%;width:7px;animation-delay:.06s}.cafe-order-show__paper--c{left:73%;top:36%;animation-delay:.12s}.cafe-serving{position:absolute;inset:0}.cafe-serving__dish{position:absolute;left:38%;bottom:24%;display:inline-flex;align-items:center;gap:4px;min-height:42px;padding:6px 8px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#5a3a10;background:radial-gradient(circle at 34% 24%,#fffdf6,#f4cf7b 72%,#c79335);box-shadow:0 10px 22px #ad7a2252;opacity:0;animation:cafe-serving-flight 1.05s cubic-bezier(.2,.76,.24,1) both;will-change:transform,opacity}.cafe-serving__trail{position:absolute;left:38%;bottom:25%;display:flex;gap:7px;transform:rotate(-36deg)}.cafe-serving__trail i{width:13px;height:3px;border-radius:999px;background:#ffdc7fd6;opacity:0;animation:cafe-serving-trail .82s ease-out both}.cafe-serving__trail i:nth-child(2){width:20px;animation-delay:.06s}.cafe-serving__trail i:nth-child(3){width:10px;animation-delay:.12s}.cafe-serving__ripple{position:absolute;right:13%;top:23%;width:30px;height:30px;border:2px solid rgba(255,224,139,.86);border-radius:50%;opacity:0;animation:cafe-serving-ripple .78s ease-out .66s both}.cafe-serving__burst{position:absolute;right:15%;top:24%;width:8px;height:8px}.cafe-serving__burst i{--burst-x: 0px;--burst-y: -34px;position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#f4cf7b;box-shadow:0 0 7px #ffe08bc2;opacity:0;animation:cafe-serving-burst .82s ease-out .62s both}.cafe-serving__burst i:nth-child(2){--burst-x: 28px;--burst-y: -22px;background:#f7df9b}.cafe-serving__burst i:nth-child(3){--burst-x: 35px;--burst-y: 4px}.cafe-serving__burst i:nth-child(4){--burst-x: 22px;--burst-y: 28px;background:#ffd1bd}.cafe-serving__burst i:nth-child(5){--burst-x: -8px;--burst-y: 33px}.cafe-serving__burst i:nth-child(6){--burst-x: -31px;--burst-y: 12px;background:#f7df9b}.cafe-serving__burst i:nth-child(7){--burst-x: -27px;--burst-y: -23px}.cafe-serving__coin{position:absolute;right:8%;top:17%;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.78);border-radius:50%;color:#75521c;background:linear-gradient(145deg,#ffe7a9,#d9a84e);box-shadow:0 6px 13px #ad7a2252;opacity:0;animation:cafe-serving-coin .9s cubic-bezier(.2,1.2,.32,1) .66s both}.cafe-cleaning{position:absolute;inset:0}.cafe-cleaning__cup{position:absolute;right:20%;top:34%;display:inline-flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid rgba(255,255,255,.74);border-radius:12px;color:#2d635c;background:linear-gradient(145deg,#f8fffd,#bfe5dd);box-shadow:0 8px 17px #2d635c33;opacity:0;animation:cafe-cleaning-slide 1.08s cubic-bezier(.26,.72,.28,1) both;will-change:transform,opacity}.cafe-cleaning__streak{position:absolute;right:21%;top:40%;width:110px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(128,207,194,.76),transparent);filter:blur(1px);transform:rotate(52deg);animation:cafe-cleaning-streak 1.08s ease-out both}.cafe-cleaning__foam{position:absolute;right:8%;bottom:17%;width:82px;height:70px}.cafe-cleaning__foam i{position:absolute;left:50%;top:50%;width:9px;height:9px;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:#bfe5dd94;opacity:0;animation:cafe-cleaning-foam .92s ease-out .22s both}.cafe-cleaning__foam i:nth-child(2){margin:-18px 0 0 18px;width:6px;height:6px;animation-delay:.32s}.cafe-cleaning__foam i:nth-child(3){margin:8px 0 0 28px;width:12px;height:12px;animation-delay:.4s}.cafe-cleaning__foam i:nth-child(4){margin:-28px 0 0 -18px;width:7px;height:7px;animation-delay:.46s}.cafe-cleaning__foam i:nth-child(5){margin:24px 0 0 -5px;animation-delay:.56s}.cafe-cleaning__foam i:nth-child(6){margin:-4px 0 0 -32px;width:5px;height:5px;animation-delay:.62s}.cafe-pet{position:absolute;inset:0}.cafe-pet__ledge{position:absolute;left:0;bottom:25%;width:31%;height:9px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#ad7a2275,#fffbf338);box-shadow:0 4px 8px #75521c26}.cafe-pet__figure{position:absolute;left:7%;bottom:27%;display:grid;place-items:center;width:48px;height:38px;border:1px solid rgba(255,255,255,.7);border-radius:55% 50% 42% 48%;color:#2d635c;background:radial-gradient(circle at 34% 28%,#fffdf6,#bfe5dd 72%,#72b8aa);box-shadow:0 8px 16px #2d635c33;opacity:0;animation:cafe-pet-leap 1.25s cubic-bezier(.2,.82,.28,1) both;will-change:transform,opacity}.cafe-pet__figure>svg{transform:translate(3px,2px)}.cafe-pet__ear{position:absolute;top:-7px;width:0;height:0;border-right:7px solid transparent;border-bottom:12px solid #72b8aa;border-left:7px solid transparent}.cafe-pet__ear--left{left:8px;transform:rotate(-20deg)}.cafe-pet__ear--right{right:8px;transform:rotate(20deg)}.cafe-pet__tail{position:absolute;right:-10px;bottom:6px;width:16px;height:7px;border:3px solid #72b8aa;border-left:0;border-radius:0 999px 999px 0;transform-origin:left center;animation:cafe-pet-tail .36s ease-in-out infinite alternate}.cafe-pet__prints{position:absolute;left:14%;bottom:22%;display:flex;gap:20px;color:#ad7a228f}.cafe-pet__prints i{opacity:0;animation:cafe-pet-print .5s ease-out both}.cafe-pet__prints i:nth-child(2){transform:translateY(-9px) rotate(14deg);animation-delay:.2s}.cafe-pet__prints i:nth-child(3){transform:translateY(2px) rotate(-10deg);animation-delay:.42s}.cafe-romance{position:absolute;inset:0}.cafe-romance__glow{position:absolute;left:-18%;bottom:12%;width:74%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(255,196,174,.31),transparent 68%);filter:blur(8px);opacity:0;animation:cafe-romance-glow 1.45s ease-out both}.cafe-romance__path{position:absolute;left:8%;bottom:24%;width:62%;height:58%;border-top:2px solid rgba(255,205,182,.52);border-radius:50%;filter:blur(.2px);opacity:0;transform:rotate(-28deg) scaleX(.2);transform-origin:left center;animation:cafe-romance-path 1.45s ease-out both}.cafe-romance__token{position:absolute;left:9%;bottom:24%;color:#c25b3c;filter:drop-shadow(0 0 7px rgba(255,196,174,.8));opacity:0;animation:cafe-romance-drift 1.45s ease-out both}.cafe-romance__token--2{color:#d97872;animation-delay:.08s}.cafe-romance__token--3{color:#e49b8b;animation-delay:.16s}.cafe-romance__token--4{color:#d9a84e;animation-delay:.24s}.cafe-romance__token--5{color:#d97872;animation-delay:.32s}.cafe-romance__token--6{color:#c25b3c;animation-delay:.4s}.cafe-romance>.cafe-scene__label{position:absolute;left:53%;bottom:25%;transform:translate(-50%);animation:cafe-label-rise 1.45s ease-out .16s both}.cafe-task-label{display:inline-flex}@keyframes cafe-label-rise{0%{opacity:0;transform:translate3d(-50%,8px,0) scale(.88)}28%,76%{opacity:1;transform:translate3d(-50%,0,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-8px,0) scale(.96)}}@keyframes cafe-arrival-walk{0%{opacity:0;transform:translate3d(-22vw,20px,0) scale(.76) rotate(-5deg)}18%{opacity:.86}52%{transform:translate3d(22vw,-3px,0) scale(.92) rotate(2deg)}to{opacity:0;transform:translate3d(54vw,-9px,0) scale(.88) rotate(0)}}@keyframes cafe-arrival-dust{0%{opacity:0;transform:translate3d(-12vw,8px,0) scale(.4)}24%{opacity:.72}to{opacity:0;transform:translate3d(38vw,-14px,0) scale(1.35)}}@keyframes cafe-order-person{0%{opacity:0;transform:translate3d(20px,12px,0) scale(.74) rotate(8deg)}42%{opacity:1;transform:translate3d(-4px,-4px,0) scale(1.06) rotate(-4deg)}74%{transform:translate3d(1px,0,0) scale(.98) rotate(2deg)}to{opacity:0;transform:translate3d(0,-4px,0) scale(1)}}@keyframes cafe-order-reaction{0%{opacity:0;transform:translate3d(0,8px,0) scale(.32) rotate(-18deg)}42%{opacity:1;transform:translate3d(3px,-6px,0) scale(1.22) rotate(12deg)}to{opacity:0;transform:translate3d(8px,-16px,0) scale(.86) rotate(22deg)}}@keyframes cafe-order-bubble{0%{opacity:0;transform:translate3d(-18px,18px,0) scale(.58) rotate(-7deg)}34%{opacity:1;transform:translate3d(0,-5px,0) scale(1.08) rotate(2deg)}58%{transform:translateZ(0) scale(.98) rotate(-1deg)}to{opacity:0;transform:translate3d(12px,-10px,0) scale(1) rotate(0)}}@keyframes cafe-order-paper{0%{opacity:0;transform:translateZ(0) rotate(0)}42%{opacity:.9}to{opacity:0;transform:translate3d(15px,38px,0) rotate(92deg)}}@keyframes cafe-serving-flight{0%{opacity:0;transform:translate3d(-12px,24px,0) scale(.62) rotate(-12deg)}15%{opacity:1}72%{opacity:1;transform:translate3d(31vw,-27vh,0) scale(1.08) rotate(5deg)}to{opacity:0;transform:translate3d(37vw,-31vh,0) scale(.82) rotate(0)}}@keyframes cafe-serving-trail{0%{opacity:0;transform:translateZ(0) scaleX(.2)}38%{opacity:.88}to{opacity:0;transform:translate3d(30vw,-23vh,0) scaleX(1.2)}}@keyframes cafe-serving-ripple{0%{opacity:0;transform:scale(.25)}38%{opacity:.92}to{opacity:0;transform:scale(3.4)}}@keyframes cafe-serving-burst{0%{opacity:0;transform:translateZ(0) scale(.2)}26%{opacity:1}to{opacity:0;transform:translate3d(var(--burst-x),var(--burst-y),0) scale(1.35)}}@keyframes cafe-serving-coin{0%{opacity:0;transform:translate3d(0,18px,0) scale(.4) rotate(-18deg)}46%{opacity:1;transform:translate3d(0,-7px,0) scale(1.1) rotate(8deg)}to{opacity:0;transform:translate3d(13px,-35px,0) scale(.82) rotate(28deg)}}@keyframes cafe-cleaning-slide{0%{opacity:0;transform:translateZ(0) scale(.82) rotate(0)}16%{opacity:1}72%{opacity:1;transform:translate3d(28vw,24vh,0) scale(1.04) rotate(26deg)}to{opacity:0;transform:translate3d(36vw,31vh,0) scale(.86) rotate(34deg)}}@keyframes cafe-cleaning-streak{0%{opacity:0;transform:translate3d(-28px,-16px,0) rotate(52deg) scaleX(.25)}34%{opacity:.82}to{opacity:0;transform:translate3d(33vw,28vh,0) rotate(52deg) scaleX(1.2)}}@keyframes cafe-cleaning-foam{0%{opacity:0;transform:translateZ(0) scale(.35)}34%{opacity:.92}to{opacity:0;transform:translate3d(17px,-22px,0) scale(1.35)}}@keyframes cafe-pet-leap{0%{opacity:0;transform:translate3d(-22px,4px,0) scale(.72) rotate(-4deg)}24%{opacity:1;transform:translate3d(5px,-13px,0) scale(1.08) rotate(4deg)}54%{transform:translate3d(27vw,-23px,0) scale(1) rotate(-2deg)}78%{transform:translate3d(34vw,3px,0) scale(.96) rotate(1deg)}to{opacity:0;transform:translate3d(40vw,4px,0) scale(.9)}}@keyframes cafe-pet-tail{0%{transform:rotate(-16deg)}to{transform:rotate(22deg)}}@keyframes cafe-pet-print{0%{opacity:0;transform:translate3d(-5px,4px,0) scale(.45)}30%{opacity:.82}to{opacity:0;transform:translate3d(4px,-5px,0) scale(1.15)}}@keyframes cafe-romance-glow{0%{opacity:0;transform:translate3d(-20px,18px,0) scale(.58)}30%{opacity:.9}to{opacity:0;transform:translate3d(34vw,-18vh,0) scale(1.28)}}@keyframes cafe-romance-path{0%{opacity:0;transform:rotate(-28deg) scaleX(.16) scaleY(.82)}30%{opacity:.72}to{opacity:0;transform:rotate(-12deg) scaleX(1.08) scaleY(1.02)}}@keyframes cafe-romance-drift{0%{opacity:0;transform:translate3d(-12px,16px,0) scale(.42) rotate(-12deg)}28%{opacity:.92}68%{transform:translate3d(24vw,-17vh,0) scale(1.04) rotate(10deg)}to{opacity:0;transform:translate3d(39vw,-21vh,0) scale(.82) rotate(18deg)}}@media(max-width:360px){.cafe-scene__label{max-width:62px;padding-inline:5px;font-size:9px}}@media(prefers-reduced-motion:reduce){.cafe-scene-performance{display:none}}@keyframes bg-drift{0%{transform:scale(1.05) translateZ(0)}50%{transform:scale(1.12) translate3d(-1.6%,-2%,0)}to{transform:scale(1.05) translateZ(0)}}.scene__bg{transform-origin:52% 42%;animation:bg-drift 52s ease-in-out infinite;will-change:transform}.scene__fx{position:absolute;inset:0;z-index:3;overflow:hidden}.scene__mote{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,248,220,.95),rgba(255,210,132,.25) 68%,transparent 72%);box-shadow:0 0 8px #ffe2a08c;opacity:0;animation-name:mote-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes mote-rise{0%{transform:translate3d(0,12px,0) scale(.55);opacity:0}14%{opacity:.9}72%{opacity:.55}to{transform:translate3d(var(--fx-drift, 18px),-150px,0) scale(1);opacity:0}}.scene__petal{position:absolute;top:-6%;width:9px;height:7px;border-radius:62% 38% 55% 45%/55% 60% 40% 45%;background:linear-gradient(155deg,#fbe0d8,#e8836a);box-shadow:0 0 4px #dc8c6e66;opacity:0;animation-name:petal-fall;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes petal-fall{0%{transform:translateZ(0) rotate(0);opacity:0}12%{opacity:.75}50%{transform:translate3d(calc(var(--fx-drift, 24px) * .45),46vh,0) rotate(190deg)}88%{opacity:.5}to{transform:translate3d(var(--fx-drift, 24px),92vh,0) rotate(380deg);opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.screen>*{animation:rise-in .5s cubic-bezier(.2,.8,.25,1) both}.screen>*:nth-child(1){animation-delay:.02s}.screen>*:nth-child(2){animation-delay:.07s}.screen>*:nth-child(3){animation-delay:.12s}.screen>*:nth-child(4){animation-delay:.17s}.screen>*:nth-child(5){animation-delay:.22s}.screen>*:nth-child(n+6){animation-delay:.27s}.nav__item.is-active .nav__icon{animation:nav-pop .34s cubic-bezier(.2,1.5,.4,1)}@keyframes nav-pop{0%{transform:scale(.72)}to{transform:scale(1)}}.screen--home{position:relative;overflow:hidden;justify-content:flex-end;gap:10px;padding:10px 16px calc(96px + env(safe-area-inset-bottom))}.home2__grow{flex:1 1 auto;min-height:0;pointer-events:none}.home2__tools{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.home2__quest{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:34px;padding:0 13px;border-radius:var(--radius-pill);border:var(--stroke-hand);background:linear-gradient(180deg,#fffcf4f0,#f5e6cde6);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-700);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.home2__quest{position:relative}.home2__quest:active{transform:scale(.96)}.home2__quest b{color:var(--gold-700)}.home2__quest.is-hot{border-color:#be5a3c8c;box-shadow:0 10px 22px #be5a3c47,var(--shadow-inset)}.home2__quest-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--coral-500);border:2px solid #fff8ea;animation:dot-pulse 1.6s ease-in-out infinite}.home2__music{display:inline-flex;align-items:center;gap:7px;min-width:0;height:34px;padding:0 10px 0 5px;border-radius:var(--radius-pill);border:var(--stroke-hand);background:linear-gradient(180deg,#fffcf4e6,#d8efe9db);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sea-900);cursor:pointer;transition:transform .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent}@media(max-width:380px){.home2__music{max-width:174px}.home2__music-title{max-width:64px}.home2__quest{gap:4px;padding:0 9px}.home2__quest svg{display:none}}.home2__music:hover{background:linear-gradient(180deg,#fffcf4fa,#b7e0d8eb)}.home2__music:active{transform:scale(.97)}.home2__music-disc{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,var(--sea-300),var(--sea-600));color:var(--cream-50);box-shadow:inset 0 1px #ffffff80}.home2__music:hover .home2__music-disc{animation:music-disc-spin 3.2s linear infinite}@keyframes music-disc-spin{to{transform:rotate(360deg)}}.home2__music-copy{display:flex;min-width:0;align-items:baseline;gap:4px}.home2__music-title{overflow:hidden;max-width:82px;color:var(--ink-800);font-size:10.5px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.home2__music-meta{flex:0 0 auto;color:var(--sea-700);font-size:9.5px;font-weight:700}.home2__music-next{flex:0 0 auto;color:var(--sea-700)}.home2__chapter{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:18px;border:var(--stroke-hand);background:linear-gradient(170deg,#fffbf3f0,#f8dfd1e6);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:left;transition:transform .14s ease;-webkit-tap-highlight-color:transparent}.home2__chapter:active{transform:translateY(1px) scale(.99)}.home2__chapter-index{flex:0 0 auto;padding:4px 8px;border-radius:10px;background:linear-gradient(180deg,var(--coral-200),var(--coral-300));color:var(--coral-600);font-size:11px;font-weight:800}.home2__chapter-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.home2__chapter-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home2__chapter-sub{font-size:var(--fs-xs);color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home2__chapter-progress{font-size:var(--fs-xs);font-weight:700;color:var(--ink-500)}.home2__chapter-entry{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.home2__chapter-book{display:inline-flex;align-items:center;gap:3px;color:var(--sea-700);font-size:10px;font-weight:800;white-space:nowrap}.home2__chapter-arrow{flex:0 0 auto;color:var(--coral-500);animation:nudge-right 2.4s ease-in-out infinite}@keyframes nudge-right{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.dlg{position:relative;width:100%;padding:12px 14px 14px;border-radius:18px;border:var(--stroke-hand);background:linear-gradient(170deg,#fffcf5f2,#f6e8d2e6);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent}.dlg__speaker{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:800;letter-spacing:.04em;background:linear-gradient(180deg,var(--gold-200),var(--gold-300));color:var(--gold-700)}.dlg--pet .dlg__speaker{background:linear-gradient(180deg,var(--coral-200),var(--coral-300));color:var(--coral-600)}.dlg--character .dlg__speaker{background:linear-gradient(180deg,var(--sea-200),var(--sea-300));color:var(--sea-900)}.dlg__text{min-height:2.7em;font-size:var(--fs-md);line-height:1.62;color:var(--ink-800);letter-spacing:.01em}.dlg__caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--ink-600);animation:caret-blink .8s steps(1) infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.dlg__more{position:absolute;right:12px;bottom:10px;display:inline-flex;gap:3px}.dlg__more i{width:4px;height:4px;border-radius:50%;background:var(--coral-400);animation:dot-pulse 1.3s ease-in-out infinite}.dlg__more i:nth-child(2){animation-delay:.18s}.dlg__more i:nth-child(3){animation-delay:.36s}@keyframes dot-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.dlg__action{margin-top:12px}.home2__actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.home2__act{display:flex;align-items:center;gap:9px;min-height:56px;padding:0 13px;border-radius:18px;border:var(--stroke-hand);box-shadow:var(--shadow-float);cursor:pointer;font-size:var(--fs-sm);font-weight:800;transition:transform .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.home2__act:active{transform:translateY(1px) scale(.98)}.home2__act-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff5c;box-shadow:inset 0 1px #fff9}.home2__act--primary{background:linear-gradient(180deg,var(--coral-400),var(--coral-600));border-color:#9642266b;color:#fffaf5}.home2__act--sea{background:linear-gradient(180deg,var(--sea-200),var(--sea-400));border-color:#2d635c59;color:#143f3a}.modal__body{display:flex;flex-direction:column;gap:12px}.modal__body .panel{padding:11px 12px;box-shadow:var(--shadow-sm)}.screen--storybook{position:relative;overflow:hidden;justify-content:flex-end;gap:8px;padding:8px 16px calc(96px + env(safe-area-inset-bottom))}.storybook__topbar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex:0 0 auto}.storybook__topbar--reading{position:absolute;top:8px;left:16px;z-index:29}.storybook__brand,.storybook__icon-btn{display:inline-flex;align-items:center;justify-content:center;border:var(--stroke-hand);background:linear-gradient(180deg,#fffcf4f5,#f4e2c2ed);box-shadow:var(--shadow-float);color:var(--ink-700);cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease}.storybook__brand:active,.storybook__icon-btn:active:not(:disabled){transform:scale(.95)}.storybook__brand{gap:6px;min-height:36px;padding:0 13px;border-radius:var(--radius-pill);color:var(--sea-700);font-size:var(--fs-sm);font-weight:800}.storybook__brand svg{animation:storybook-book-float 3.2s ease-in-out infinite}@keyframes storybook-book-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}.storybook__top-progress{margin-left:auto;padding:5px 10px;border-radius:var(--radius-pill);background:#fffaefd1;border:1px solid rgba(120,90,60,.24);box-shadow:var(--shadow-sm);color:var(--ink-600);font-size:10.5px;font-weight:800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.storybook__ai-trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:0 10px;border:1.5px solid rgba(31,89,82,.34);border-radius:var(--radius-pill);background:radial-gradient(100% 100% at 20% 0%,rgba(255,255,255,.5),transparent 56%),linear-gradient(180deg,#b7e0d8fa,#67b3a6f5);box-shadow:0 4px 10px #285b5338,var(--shadow-inset);color:var(--sea-900);font-size:11.5px;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease}.storybook__ai-trigger:active{transform:translateY(1px) scale(.96);box-shadow:0 2px 6px #285b5333,var(--shadow-inset)}.storybook__ai-trigger svg{animation:storybook-ai-twinkle 3s ease-in-out infinite}@keyframes storybook-ai-twinkle{0%,to{transform:rotate(-5deg) scale(.95)}50%{transform:rotate(5deg) scale(1.08)}}.storybook__icon-btn{width:36px;height:36px;padding:0;border-radius:50%;flex:0 0 auto}.storybook__icon-btn:disabled{opacity:.42;cursor:not-allowed}.storybook__icon-btn.story-voice-btn.is-on{color:#fffaf3;background:linear-gradient(180deg,var(--sea-400),var(--sea-600));border-color:#1f59526b;box-shadow:0 4px 10px #21675c3d,var(--shadow-inset)}.storybook__space{position:relative;flex:1 1 auto;min-height:10px;pointer-events:none}.storybook__spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff3c2db;box-shadow:0 0 10px #ffe297cc;animation:storybook-spark 5.8s ease-in-out infinite}.storybook__spark--a{left:14%;bottom:22%}.storybook__spark--b{right:20%;bottom:42%;width:4px;height:4px;animation-delay:-1.8s}.storybook__spark--c{right:9%;bottom:12%;width:5px;height:5px;animation-delay:-3.4s}@keyframes storybook-spark{0%,to{opacity:.2;transform:translate3d(0,8px,0) scale(.72)}50%{opacity:.95;transform:translate3d(8px,-10px,0) scale(1.15)}}.storybook__page{position:relative;z-index:2;flex:0 0 auto;width:100%;height:min(500px,calc(var(--app-vh) * .58));min-height:390px;display:flex;flex-direction:column;overflow:hidden;border-radius:25px 25px 20px 20px;border:2px solid rgba(126,93,52,.34);background:radial-gradient(110% 70% at 8% 0%,rgba(255,255,255,.86),transparent 55%),linear-gradient(168deg,#fffcf2fa,#faeccff7 62%,#f4deb9fa);box-shadow:0 18px 36px #5b3a1e57,0 2px #ffffffb3 inset;transform-origin:50% 92%;animation:storybook-page-in .44s cubic-bezier(.2,.86,.22,1)}.storybook__page[role=button]{cursor:pointer}.storybook__page--locked{animation-name:storybook-page-in}@keyframes storybook-page-in{0%{opacity:0;transform:perspective(700px) rotateX(8deg) translateY(14px) scale(.985)}58%{opacity:1;transform:perspective(700px) rotateX(-1.5deg) translateY(-2px) scale(1.002)}to{opacity:1;transform:none}}.storybook__spine{position:absolute;inset:0 auto 0 0;z-index:0;width:13px;background:linear-gradient(90deg,rgba(123,84,43,.2),rgba(255,255,255,.08) 48%,transparent),repeating-linear-gradient(0deg,rgba(122,88,50,.05) 0 2px,transparent 2px 7px);border-right:1px solid rgba(126,93,52,.12)}.storybook__page-curl{position:absolute;right:-1px;bottom:-1px;z-index:1;width:42px;height:42px;border-radius:22px 0 20px;background:radial-gradient(circle at 12% 12%,#fffffff2,#e8cda0f5 72%),var(--cream-200);box-shadow:-4px -5px 12px #69492726;animation:storybook-curl 4.6s ease-in-out infinite}@keyframes storybook-curl{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2px,-2px) rotate(-3deg)}}.storybook__chapterbar{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin:11px 12px 0;padding:10px 11px;border-radius:18px;border:1.5px solid rgba(193,118,96,.32);background:radial-gradient(100% 100% at 10% 0%,rgba(255,255,255,.72),transparent 52%),linear-gradient(165deg,#fff4eefa,#f7d8ccf5);box-shadow:0 6px 14px #7f523626,var(--shadow-inset)}.storybook__chapter-index{flex:0 0 auto;min-width:45px;padding:5px 7px;border-radius:11px;background:linear-gradient(180deg,var(--coral-200),var(--coral-300));color:var(--coral-600);font-size:11px;font-weight:900;text-align:center;box-shadow:inset 0 1px #ffffff8c}.storybook__chapter-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.storybook__chapter-copy strong{overflow:hidden;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;white-space:nowrap;text-overflow:ellipsis}.storybook__chapter-copy small{overflow:hidden;color:var(--ink-500);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis}.storybook__chapter-progress{flex:0 0 auto;align-self:center;color:var(--ink-500);font-size:var(--fs-sm);font-weight:800}.storybook__content{position:relative;z-index:2;flex:1 1 auto;min-height:0;display:flex;align-items:center;overflow-y:auto;padding:12px 17px 6px 21px;scrollbar-width:none}.storybook__content::-webkit-scrollbar{display:none}.storybook__speech,.storybook__reply,.storybook__choice,.storybook__locked,.storybook__finish{width:100%;animation:storybook-text-in .3s ease both}@keyframes storybook-text-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.storybook__speaker{display:inline-flex;align-items:center;min-height:22px;margin-bottom:7px;padding:2px 10px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--gold-200),var(--gold-300));color:var(--gold-700);font-size:10.5px;font-weight:900;letter-spacing:.04em}.storybook__speech p,.storybook__reply p{color:var(--ink-800);font-family:var(--font-display);font-size:clamp(15px,4.1vw,17px);line-height:1.78;letter-spacing:.01em}.storybook__speech--character .storybook__speaker{background:linear-gradient(180deg,var(--sea-200),var(--sea-300));color:var(--sea-900)}.storybook__speech--me{margin-left:9%}.storybook__speech--me .storybook__speaker{background:linear-gradient(180deg,var(--coral-200),var(--coral-300));color:var(--coral-600)}.storybook__speech--narration{position:relative;padding:11px 12px 11px 17px}.storybook__speech--narration:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--gold-300),var(--coral-300))}.storybook__caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.14em;background:var(--ink-600);animation:caret-blink .8s steps(1) infinite}.storybook__reply{padding:13px 14px;border-radius:18px;border:1px solid rgba(196,145,54,.42);background:radial-gradient(100% 100% at 0 0,rgba(255,255,255,.62),transparent 52%),linear-gradient(165deg,#fff6daf7,#fae2b2f7);box-shadow:var(--shadow-sm)}.storybook__reply-option{display:block;margin-bottom:8px;color:var(--gold-700);font-size:var(--fs-sm);font-weight:900}.storybook__delta{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:var(--coral-600);font-size:var(--fs-sm);font-weight:800}.storybook__choice{align-self:stretch}.storybook__choice-prompt{margin-bottom:10px;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;line-height:1.55}.storybook__options{display:flex;flex-direction:column;gap:8px}.storybook__option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:9px 11px;border-radius:15px;border:1.5px solid rgba(150,112,42,.32);background:linear-gradient(180deg,#ffffffe0,#f8e8c9e6);box-shadow:0 4px 10px #74502d1a;color:var(--ink-800);font-size:var(--fs-sm);font-weight:800;text-align:left;cursor:pointer;animation:storybook-option-in .3s ease both;animation-delay:calc(var(--option-index, 0) * 70ms);-webkit-tap-highlight-color:transparent}.storybook__option:active{transform:scale(.985);border-color:var(--coral-400);box-shadow:var(--shadow-md)}.storybook__option svg{flex:0 0 auto;color:var(--coral-500)}@keyframes storybook-option-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.storybook__locked,.storybook__finish{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:170px;text-align:center}.storybook__locked-icon,.storybook__finish-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,var(--gold-200),var(--gold-400));color:var(--gold-700);box-shadow:var(--shadow-sm);animation:storybook-end-breathe 2.8s ease-in-out infinite}.storybook__locked-icon{background:linear-gradient(180deg,var(--coral-100),var(--coral-200));color:var(--coral-600)}.storybook__locked strong,.storybook__finish strong{color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-xl)}.storybook__locked p,.storybook__finish p{max-width:250px;color:var(--ink-600);font-size:var(--fs-sm);line-height:1.6}@keyframes storybook-end-breathe{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}.storybook__footer{position:relative;z-index:2;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 12px 10px 17px}.storybook__pips{flex:1 1 auto;display:flex;align-items:center;gap:5px;min-width:0}.storybook__pip{width:6px;height:6px;border-radius:99px;background:#7b5b392e;transition:width .24s ease,background .24s ease,transform .24s ease}.storybook__pip.is-done{background:var(--coral-400)}.storybook__pip.is-current{width:18px;background:linear-gradient(90deg,var(--coral-300),var(--coral-500));animation:storybook-pip-pulse 1.8s ease-in-out infinite}@keyframes storybook-pip-pulse{0%,to{box-shadow:0 0 #e8836a00}50%{box-shadow:0 0 0 4px #e8836a26}}.storybook__next{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid rgba(142,80,54,.34);background:linear-gradient(180deg,var(--coral-300),var(--coral-500));box-shadow:0 7px 14px #974c2f47,var(--shadow-inset);color:#fffaf3;cursor:pointer;animation:storybook-next-glow 2.2s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.storybook__next:active{transform:translateY(1px) scale(.94)}.storybook__next svg{animation:storybook-next-nudge 2.2s ease-in-out infinite}@keyframes storybook-next-glow{0%,to{box-shadow:0 7px 14px #974c2f47,var(--shadow-inset)}50%{box-shadow:0 8px 18px #974c2f61,var(--shadow-inset)}}@keyframes storybook-next-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.storybook__missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;color:var(--ink-700)}.storybook__catalog-layer{position:absolute;inset:0;z-index:calc(var(--z-nav) + 5);display:flex;align-items:flex-end;padding:10px 12px calc(98px + env(safe-area-inset-bottom));background:#48301b52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:storybook-fade-in .2s ease}@keyframes storybook-fade-in{0%{opacity:0}to{opacity:1}}.storybook__catalog{width:100%;max-height:min(620px,78%);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:2px solid rgba(126,93,52,.34);background:radial-gradient(100% 70% at 8% 0%,rgba(255,255,255,.82),transparent 55%),linear-gradient(168deg,#fffcf3fc,#f4e2c1fc);box-shadow:0 18px 42px #482f1a61,var(--shadow-inset);animation:storybook-sheet-in .34s cubic-bezier(.18,.86,.24,1)}@keyframes storybook-sheet-in{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}.storybook__catalog-head{display:flex;align-items:center;gap:10px;padding:13px 13px 10px}.storybook__catalog-title{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800}.storybook__catalog-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:0 12px 14px;scrollbar-width:thin}.storybook__echoes{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:17px;border:1px solid rgba(62,140,134,.24);background:radial-gradient(110% 100% at 0 0%,rgba(255,255,255,.7),transparent 60%),linear-gradient(165deg,#e2f5efeb,#f4eccfe6)}.storybook__echoes-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--sea-700);font-size:11px;font-weight:900}.storybook__echoes-head span{display:inline-flex;align-items:center;gap:5px}.storybook__echoes-head small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:#fffcf2c2;color:var(--sea-700);font-size:10px}.storybook__echo{display:grid;gap:2px;padding-top:7px;border-top:1px dashed rgba(62,140,134,.26)}.storybook__echo strong{overflow:hidden;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis}.storybook__echo p,.storybook__echo small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.storybook__echo p{color:var(--sea-700);font-size:10.5px;font-weight:800;-webkit-line-clamp:1}.storybook__echo small{color:var(--ink-500);font-size:10px;line-height:1.45;-webkit-line-clamp:2}.storybook__catalog-item{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border-radius:17px;border:1.5px solid rgba(143,110,66,.24);background:linear-gradient(170deg,#fffcf4f0,#f6e8cfe6);box-shadow:0 4px 12px #6e4c2a1a;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.storybook__catalog-item.is-current{border-color:#cb674c7a;background:linear-gradient(170deg,#fff4edfa,#f7d5c7f0)}.storybook__catalog-item.is-done{border-color:#5297885c}.storybook__catalog-divider{display:flex;align-items:center;gap:8px;padding:3px 2px 1px;color:var(--sea-700);font-size:10.5px;font-weight:900;letter-spacing:.08em}.storybook__catalog-divider:before,.storybook__catalog-divider:after{content:"";height:1px;flex:1 1 auto;background:linear-gradient(90deg,transparent,rgba(62,140,134,.34))}.storybook__catalog-divider:after{background:linear-gradient(90deg,rgba(62,140,134,.34),transparent)}.storybook__catalog-item--continuation{border-color:#3e8c864d;background:radial-gradient(100% 100% at 0 0,rgba(255,255,255,.76),transparent 58%),linear-gradient(165deg,#f5fcf7f7,#e5f2e7f0)}.storybook__catalog-item--continuation .storybook__catalog-index{background:linear-gradient(180deg,var(--sea-100),var(--sea-200));color:var(--sea-700)}.storybook__catalog-item--continuation .storybook__catalog-state{color:var(--sea-600)}.storybook__catalog-item:disabled{opacity:.5;cursor:not-allowed}.storybook__catalog-index{padding:5px 7px;border-radius:10px;background:linear-gradient(180deg,var(--coral-100),var(--coral-200));color:var(--coral-600);font-size:10px;font-weight:900;text-align:center}.storybook__catalog-item.is-done .storybook__catalog-index{background:linear-gradient(180deg,var(--sea-100),var(--sea-200));color:var(--sea-700)}.storybook__catalog-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.storybook__catalog-copy strong{overflow:hidden;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;white-space:nowrap;text-overflow:ellipsis}.storybook__catalog-copy small{overflow:hidden;color:var(--ink-500);font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}.storybook__catalog-state{color:var(--coral-500)}.storybook__catalog-item.is-done .storybook__catalog-state{color:var(--sea-600)}.storybook__draft-layer{position:absolute;inset:0;z-index:25;display:flex;align-items:flex-end;padding:8px 12px calc(96px + env(safe-area-inset-bottom));background:#342d226b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:storybook-fade-in .2s ease}.storybook__draft{width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:2px solid rgba(126,93,52,.34);background:radial-gradient(120% 58% at 10% 0%,rgba(255,255,255,.9),transparent 58%),linear-gradient(168deg,#fffcf3fe,#f4e2c1fe);box-shadow:0 20px 46px #3c2a196b,var(--shadow-inset);animation:storybook-sheet-in .34s cubic-bezier(.18,.86,.24,1)}.storybook__draft-head{flex:0 0 auto;display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 11px 9px 13px;border-bottom:1px solid rgba(126,93,52,.16);background:radial-gradient(70% 130% at 0 0%,rgba(183,224,216,.46),transparent 70%),#fff9eca8}.storybook__draft-mark{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(160deg,var(--sea-200),var(--sea-400));box-shadow:var(--shadow-sm),var(--shadow-inset);color:var(--sea-900);transform:rotate(-4deg)}.storybook__draft-heading{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:1px}.storybook__draft-heading strong{color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg)}.storybook__draft-heading small{overflow:hidden;color:var(--ink-500);font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}.storybook__draft-source{flex:0 0 auto;padding:4px 7px;border-radius:var(--radius-pill);background:#d8efe9e6;color:var(--sea-700);font-size:9.5px;font-weight:900}.storybook__draft-source.is-local{background:#f8eccef0;color:var(--gold-700)}.storybook__draft-close{width:32px;height:32px;box-shadow:var(--shadow-sm)}.storybook__draft-body{min-height:0;overflow-y:auto;padding:15px 14px 16px;scrollbar-width:thin;scrollbar-color:rgba(62,140,134,.35) transparent}.storybook__draft-invite,.storybook__draft-loading,.storybook__draft-error{min-height:286px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.storybook__draft-invite{align-items:stretch;text-align:left}.storybook__draft-illustration{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:18px 18px 20px 14px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.85),transparent 40%),linear-gradient(155deg,var(--gold-200),var(--coral-300));box-shadow:0 8px 18px #8a533138,var(--shadow-inset);color:var(--coral-600);transform:rotate(-4deg)}.storybook__draft-kicker{margin-bottom:4px;color:var(--sea-700);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.storybook__draft-invite h2,.storybook__draft-story h2,.storybook__draft-outcome h2{color:var(--ink-900);font-family:var(--font-display);font-size:clamp(22px,6.2vw,28px);line-height:1.25}.storybook__draft-invite h2{text-align:center}.storybook__draft-copy{max-width:310px;margin:7px auto 12px;color:var(--ink-600);font-size:var(--fs-sm);line-height:1.65;text-align:center}.storybook__draft-echo{display:grid;gap:4px;margin:0 0 13px;padding:10px 11px 10px 13px;border-left:3px solid var(--sea-400);border-radius:0 13px 13px 0;background:#d8efe980}.storybook__draft-echo span{color:var(--sea-700);font-size:10px;font-weight:900}.storybook__draft-echo p{display:-webkit-box;overflow:hidden;color:var(--ink-700);font-family:var(--font-display);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.storybook__draft-primary,.storybook__draft-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 15px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease}.storybook__draft-primary{border:1.5px solid rgba(31,89,82,.34);background:radial-gradient(100% 100% at 30% 0%,rgba(255,255,255,.44),transparent 52%),linear-gradient(180deg,var(--sea-300),var(--sea-600));box-shadow:0 7px 15px #275e5642,var(--shadow-inset);color:#fffdf7}.storybook__draft-secondary{border:1.5px solid rgba(126,93,52,.28);background:#fffaeed1;box-shadow:var(--shadow-sm);color:var(--ink-700)}.storybook__draft-primary:active,.storybook__draft-secondary:active{transform:translateY(1px) scale(.98)}.storybook__draft-invite>.storybook__draft-primary{align-self:center}.storybook__draft-loader,.storybook__draft-error-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:13px;border-radius:50%;background:linear-gradient(160deg,var(--sea-100),var(--sea-300));box-shadow:0 8px 18px #275e562e,var(--shadow-inset);color:var(--sea-700)}.storybook__draft-loader svg{animation:storybook-draft-spin 1.2s linear infinite}@keyframes storybook-draft-spin{to{transform:rotate(360deg)}}.storybook__draft-loading strong,.storybook__draft-error strong{color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-xl)}.storybook__draft-loading p,.storybook__draft-error p{max-width:280px;margin-top:7px;color:var(--ink-600);font-size:var(--fs-sm);line-height:1.6}.storybook__draft-loading-echo{margin-top:15px;padding:5px 9px;border-radius:var(--radius-pill);background:#d8efe98f;color:var(--sea-700);font-size:10px;font-weight:800}.storybook__draft-error-icon{background:linear-gradient(160deg,var(--coral-100),var(--coral-200));color:var(--coral-600)}.storybook__draft-error-actions{display:flex;justify-content:center;gap:8px;margin-top:16px}.storybook__draft-story{padding:1px 1px 4px}.storybook__draft-subtitle{margin-top:3px;color:var(--ink-500);font-family:var(--font-display);font-size:var(--fs-sm)}.storybook__draft-beats{display:flex;flex-direction:column;gap:12px;margin-top:15px}.storybook__draft-beat{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding-bottom:12px;border-bottom:1px dashed rgba(126,93,52,.18)}.storybook__draft-beat:last-child{padding-bottom:0;border-bottom:0}.storybook__draft-beat-index{padding-top:2px;color:var(--gold-600);font-size:9.5px;font-weight:900}.storybook__draft-beat p{color:var(--ink-800);font-family:var(--font-display);font-size:14px;line-height:1.78}.storybook__draft-speaker{display:inline-flex;margin-bottom:4px;padding:2px 7px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--sea-100),var(--sea-200));color:var(--sea-700);font-size:9.5px;font-weight:900}.storybook__draft-decisions{margin-top:18px;padding-top:14px;border-top:2px solid rgba(196,145,54,.22)}.storybook__draft-decision-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.storybook__draft-decision-head strong{color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg)}.storybook__draft-decision-head span{flex:0 0 auto;color:var(--ink-500);font-size:9.5px}.storybook__draft-options{display:flex;flex-direction:column;gap:8px}.storybook__draft-option{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:54px;padding:9px 11px;border:1.5px solid rgba(62,140,134,.3);border-radius:15px;background:radial-gradient(90% 120% at 0 0,rgba(255,255,255,.75),transparent 64%),linear-gradient(165deg,#f4fbf7f5,#e4f2e6f0);box-shadow:0 5px 12px #4a6b4e1f;color:var(--ink-800);font-size:var(--fs-sm);font-weight:800;line-height:1.45;text-align:left;cursor:pointer;animation:storybook-option-in .3s ease both;animation-delay:calc(var(--draft-option-index, 0) * 70ms);-webkit-tap-highlight-color:transparent}.storybook__draft-option:active{transform:scale(.985);border-color:var(--sea-500)}.storybook__draft-option-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(160deg,var(--sea-200),var(--sea-400));color:var(--sea-900);font-family:var(--font-display);font-size:12px;font-weight:900;box-shadow:var(--shadow-inset)}.storybook__draft-outcome{display:flex;flex-direction:column;align-items:stretch}.storybook__draft-picked{margin-top:15px;padding:10px 12px;border-radius:14px;background:#d8efe980}.storybook__draft-picked span{display:block;margin-bottom:3px;color:var(--sea-700);font-size:9.5px;font-weight:900}.storybook__draft-picked p{color:var(--ink-800);font-size:var(--fs-sm);font-weight:800;line-height:1.55}.storybook__draft-reply{margin-top:15px;color:var(--ink-900);font-family:var(--font-display);font-size:15.5px;line-height:1.75}.storybook__draft-consequence{margin-top:9px;padding-left:11px;border-left:3px solid var(--coral-300);color:var(--ink-600);font-size:var(--fs-sm);line-height:1.65}.storybook__draft-clue{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:11px;border:1px solid rgba(196,145,54,.3);border-radius:14px;background:linear-gradient(155deg,#fff8e2e6,#f6e5c1d6);color:var(--gold-700)}.storybook__draft-clue svg{flex:0 0 auto;margin-top:2px}.storybook__draft-clue span{min-width:0;display:grid;gap:2px}.storybook__draft-clue small{color:var(--ink-500);font-size:9.5px;font-weight:800}.storybook__draft-clue strong{color:var(--ink-800);font-size:11.5px;line-height:1.5}.storybook__draft-outcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.storybook__draft-layer--reader{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.storybook__draft--reader{position:relative;height:min(500px,calc(var(--app-vh) * .58));min-height:390px;max-height:none;border-radius:25px 25px 20px 20px}.storybook__draft-reader-chapterbar{flex:0 0 auto}.storybook__draft-reader-close,.storybook__draft-reader-voice{width:30px;height:30px;margin-left:1px;box-shadow:var(--shadow-sm)}.storybook__draft-reader-minihead{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:10px 11px 8px 15px;border-bottom:1px solid rgba(126,93,52,.14)}.storybook__draft-reader-minihead>span{display:inline-flex;align-items:center;gap:7px;color:var(--ink-700);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.storybook__draft-reader-minihead-actions{display:flex;align-items:center;gap:6px}.storybook__draft-reader-content{padding:15px 17px 8px 21px}.storybook__draft-reader-content[role=button]{cursor:pointer}.storybook__draft-reader-beat{max-width:100%}.storybook__archive-page{width:100%;animation:storybook-text-in .3s ease both}.storybook__archive-page .storybook__reply-option{width:fit-content;max-width:100%;padding:4px 9px;border-radius:10px;background:#fff4dee6;line-height:1.45}.storybook__archive-footer--actions{flex-wrap:wrap;padding-top:3px}.storybook__archive-footer--actions .storybook__pips{flex:1 0 100%}.storybook__archive-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:7px}.storybook__archive-actions--single{grid-template-columns:minmax(0,1fr)}.storybook__archive-action,.storybook__archive-return{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:40px;padding:0 9px;border-radius:999px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease}.storybook__archive-action{border:1px solid rgba(142,80,54,.34);background:linear-gradient(180deg,var(--coral-300),var(--coral-500));box-shadow:0 7px 14px #974c2f3d,var(--shadow-inset);color:#fffaf3;animation:storybook-next-glow 2.2s ease-in-out infinite}.storybook__archive-return{border:1px solid rgba(62,140,134,.28);background:#e2f5efdb;color:var(--sea-700);box-shadow:0 4px 10px #3a6b601f}.storybook__archive-action:active,.storybook__archive-return:active{transform:translateY(1px) scale(.97)}.storybook__draft-reader-state{width:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.storybook__draft-reader-state strong{color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-xl)}.storybook__draft-reader-state p{max-width:270px;color:var(--ink-600);font-size:var(--fs-sm);line-height:1.6}.storybook__draft-reader-state .storybook__draft-secondary{margin-top:6px}.storybook__draft-reader-choice{width:100%;align-self:stretch;animation:storybook-text-in .3s ease both}.storybook__draft-reader-choice>p{margin-bottom:12px;color:var(--ink-900);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.storybook__draft-reader-options{display:flex;flex-direction:column;gap:9px}.storybook__draft-reader-option{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:56px;padding:9px 11px;border:1.5px solid rgba(62,140,134,.3);border-radius:15px;background:radial-gradient(90% 120% at 0 0,rgba(255,255,255,.75),transparent 64%),linear-gradient(165deg,#f4fbf7f5,#e4f2e6f0);box-shadow:0 5px 12px #4a6b4e1f;color:var(--ink-800);font-size:var(--fs-sm);font-weight:800;line-height:1.45;text-align:left;cursor:pointer;animation:storybook-option-in .3s ease both;animation-delay:calc(var(--draft-option-index, 0) * 70ms);-webkit-tap-highlight-color:transparent}.storybook__draft-reader-option:active{transform:scale(.985);border-color:var(--sea-500)}.storybook__draft-reader-footer{flex:0 0 auto}@media(max-width:380px){.storybook__ai-trigger{width:36px;padding:0}.storybook__ai-trigger span{display:none}.storybook__draft-body{padding-right:12px;padding-left:12px}.storybook__draft-outcome-actions{grid-template-columns:1fr}.storybook__archive-actions{gap:6px}.storybook__archive-action,.storybook__archive-return{gap:4px;padding-right:7px;padding-left:7px;font-size:12px}}@media(max-height:760px){.storybook__page{height:min(440px,calc(var(--app-vh) * .57));min-height:350px}.storybook__content{padding-top:9px;padding-bottom:3px}.storybook__speech p,.storybook__reply p{font-size:14.5px;line-height:1.7}.storybook__draft-layer{padding-top:6px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.storybook__draft-body{padding-top:11px;padding-bottom:12px}.storybook__draft-invite,.storybook__draft-loading,.storybook__draft-error{min-height:230px}.storybook__draft--reader{height:min(440px,calc(var(--app-vh) * .57));min-height:350px}.storybook__draft-reader-content{padding-top:11px;padding-bottom:5px}.storybook__draft-reader-state{min-height:220px}}