:root{--color-bg: #f6f1e8;--color-surface: #fffdf8;--color-ink: #3b3530;--color-ink-soft: #837a70;--color-accent: #a9714b;--color-accent-soft: #ecdfd0;--color-line: #e3dacc;--color-night: #2e3440;--radius-m: 14px;--radius-l: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--font-ui: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{height:100%;display:flex;justify-content:center}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer}.app{position:relative;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.home{height:100%;display:flex;flex-direction:column;padding:10px 16px 12px;background:url(/assets/backgrounds/bedroom.png) center / cover no-repeat}.home-top{display:flex;justify-content:center;padding:6px 0}.home-date{font-size:13px;letter-spacing:.05em;color:var(--color-ink-soft);background:#fffdf8c7;padding:4px 14px;border-radius:999px}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding-bottom:6px}.stage-character{position:relative;width:min(64vw,280px);aspect-ratio:9 / 16;transition:transform .05s ease}.stage-character:active{transform:scale(.985)}.character-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;animation:breathe 4s ease-in-out infinite}.char-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.char-layer-fade{animation:expr-fade .18s ease}.char-blink{opacity:0;transition:opacity .06s linear}.char-blink.is-blinking{opacity:1}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.012)}}@keyframes expr-fade{0%{opacity:0}to{opacity:1}}.stage-bubble{max-width:82%;padding:10px 18px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-l);font-size:15px;color:var(--color-ink);animation:bubble-in .25s ease}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.action-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 2px 4px}.action-btn{min-height:52px;border-radius:var(--radius-m);background:var(--color-surface);border:1px solid var(--color-line);font-size:15px;transition:background .15s ease,transform .05s ease}.action-btn:active{background:var(--color-accent-soft);transform:scale(.97)}.page{height:100%;display:flex;flex-direction:column}.page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-line)}.back-btn{justify-self:start;min-height:40px;padding:0 10px;border-radius:var(--radius-m);font-size:15px;color:var(--color-accent)}.back-btn:active{background:var(--color-accent-soft)}.page-title{font-size:16px;font-weight:600}.page-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.placeholder-text{font-size:14px;color:var(--color-ink-soft)}.landscape-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;align-items:center;justify-content:center;padding:24px;text-align:center;background:var(--color-bg);color:var(--color-ink-soft);font-size:16px}@media (orientation: landscape) and (max-height: 500px){.landscape-hint{display:flex}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.boot{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-ink-soft);font-size:15px}input,textarea{user-select:text;-webkit-user-select:text;font-family:inherit}.settings-section{margin-bottom:28px}.settings-heading{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--color-ink-soft);margin-bottom:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:14px}.field input{padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);font-size:15px;color:var(--color-ink)}.field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.btn{display:block;width:100%;min-height:48px;margin-bottom:10px;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);font-size:15px;transition:background .15s ease}.btn:active{background:var(--color-accent-soft)}.btn-danger{color:#a4443c;border-color:#e5c8c4}.btn-danger:active{background:#f3e0dd}.settings-note{font-size:12px;line-height:1.7;color:var(--color-ink-soft)}.wardrobe-preview{display:flex;justify-content:center;margin-bottom:16px}.wardrobe-preview .stage-character{width:min(40vw,180px)}.outfit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.outfit-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 14px;border:2px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);transition:border-color .15s ease,background .15s ease}.outfit-card:active{background:var(--color-accent-soft)}.outfit-card.is-wearing{border-color:var(--color-accent)}.outfit-card.is-locked{opacity:.45}.outfit-thumb{height:110px;object-fit:contain;pointer-events:none}.outfit-name{font-size:14px;font-weight:600}.outfit-meta{font-size:12px;color:var(--color-ink-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;padding:0 14px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-ink-soft);transition:background .15s ease,color .15s ease,border-color .15s ease}.chip.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.memory-filter{margin-bottom:14px}.memory-list{list-style:none;margin-top:6px}.memory-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;margin-bottom:10px;text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface)}.memory-item:active{background:var(--color-accent-soft)}.memory-content{font-size:14px;line-height:1.6}.memory-meta{font-size:12px;color:var(--color-ink-soft)}textarea{padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);font-size:15px;line-height:1.6;color:var(--color-ink);resize:vertical}textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.check-row{display:flex;align-items:center;gap:10px;margin:4px 0 16px;font-size:14px}.check-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent)}.page-body--plain{padding:0;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px}.chat-empty{margin-top:48px;text-align:center;font-size:14px;color:var(--color-ink-soft)}.msg-row{display:flex;flex-direction:column}.msg-row.player{align-items:flex-end}.msg-row.character{align-items:flex-start}.msg-bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.6;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-break:break-word}.msg-row.player .msg-bubble{background:var(--color-accent);color:#fff;border-bottom-right-radius:6px}.msg-row.character .msg-bubble{background:var(--color-surface);border:1px solid var(--color-line);border-bottom-left-radius:6px}.msg-note{margin-top:4px;font-size:12px;color:var(--color-ink-soft)}.msg-typing{display:flex;gap:4px;padding:14px 16px}.msg-typing span{width:6px;height:6px;border-radius:50%;background:var(--color-ink-soft);animation:typing 1s ease-in-out infinite}.msg-typing span:nth-child(2){animation-delay:.15s}.msg-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--color-line);background:var(--color-bg)}.chat-input-row input{flex:1;min-height:44px;padding:0 16px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:15px;color:var(--color-ink)}.chat-input-row input:focus{outline:none;border-color:var(--color-accent)}.chat-send{min-width:74px;min-height:44px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:15px}.chat-send:disabled{opacity:.4}.chat-banner{padding:8px 14px;font-size:12px;text-align:center;color:var(--color-ink-soft);background:var(--color-accent-soft)}.story-list{list-style:none}.story-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px 16px;margin-bottom:12px;text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface)}.story-card:active{background:var(--color-accent-soft)}.story-card.is-locked{opacity:.5}.story-card-title{font-size:15px;font-weight:600}.story-card-desc{font-size:13px;color:var(--color-ink-soft);line-height:1.6}.story-card-lock{font-size:12px;color:var(--color-accent)}.story-player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;background:var(--color-bg)}.story-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story-exit{position:absolute;top:calc(10px + var(--safe-top));right:14px;z-index:60;width:40px;height:40px;border-radius:50%;background:#3b353066;color:#fff;font-size:15px}.story-figure{position:absolute;left:50%;bottom:26%;transform:translate(-50%);width:min(56vw,240px);aspect-ratio:9 / 16}.story-dialog{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));min-height:116px;padding:14px 16px 18px;background:#fffdf8f0;border:1px solid var(--color-line);border-radius:var(--radius-l)}.story-speaker{margin-bottom:6px;font-size:13px;font-weight:600;color:var(--color-accent)}.story-text{font-size:15px;line-height:1.8;white-space:pre-wrap}.story-next-hint{position:absolute;right:16px;bottom:8px;color:var(--color-ink-soft);animation:hint-bob 1.1s ease-in-out infinite}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.story-choices{position:absolute;left:28px;right:28px;bottom:36%;z-index:55;display:flex;flex-direction:column;gap:10px}.story-choices .btn{margin-bottom:0;background:#fffdf8f5}.bubble-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:88%}.stage-bubble{text-align:left}.stage-bubble:active{transform:translateY(1px)}.bubble-note{text-align:center;background:#fffdf8cc;padding:2px 10px;border-radius:999px}.home-chat-row{border-top:none;background:transparent;padding:6px 0 10px}.home-chat-row input{background:#fffdf8eb}.stage{--figure-w: 160%;--figure-head-top: .0694;--figure-chin: .2;--figure-head-gap: 12px;position:relative;overflow:hidden}.stage .stage-character{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;aspect-ratio:auto;z-index:0}.stage .stage-character:focus-visible{outline-offset:-3px}.stage .character-canvas{inset:auto;top:var(--figure-head-gap);left:50%;width:var(--figure-w);height:auto;aspect-ratio:9 / 16;margin-left:calc(var(--figure-w) / -2);margin-top:calc(var(--figure-w) * 16 / 9 * var(--figure-head-top) * -1);animation-name:breathe-home}@keyframes breathe-home{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.005)}}.stage .bubble-wrap{position:absolute;z-index:1;left:6%;right:6%;top:var(--figure-head-gap);bottom:6px;margin-top:calc(var(--figure-w) * 16 / 9 * (var(--figure-chin) - var(--figure-head-top)) + 8px);max-width:none;justify-content:flex-end;pointer-events:none}.stage .bubble-wrap>*{pointer-events:auto}.stage .stage-bubble{min-height:0;overflow:hidden}.neko-frame{flex:1;min-height:0;width:100%;border:none;display:block}.gacha-currency{margin-bottom:14px;font-size:14px;color:var(--color-ink-soft)}.gacha-currency b{font-size:20px;color:var(--color-ink);margin-left:4px}.gacha-pool-card{padding:16px;margin-bottom:14px;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface)}.gacha-pool-title{font-size:16px;font-weight:600;margin-bottom:6px}.gacha-pool-desc{font-size:13px;line-height:1.7;color:var(--color-ink-soft);margin-bottom:8px}.gacha-pity{font-size:12px;color:var(--color-accent);margin-bottom:12px}.gacha-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gacha-buttons .btn{margin-bottom:0}.gacha-history{list-style:none;margin-top:12px}.gacha-history-item{display:flex;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px solid var(--color-line);font-size:13px}.gacha-history-meta{flex:none;color:var(--color-ink-soft);font-size:12px}.gacha-results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;background:#3b35308c}.gacha-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:380px}.gacha-grid.single{grid-template-columns:1fr;max-width:240px}.gacha-card{display:flex;flex-direction:column;gap:6px;min-height:86px;padding:12px;border:2px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);animation:card-in .35s ease both}@keyframes card-in{0%{opacity:0;transform:rotateY(90deg) scale(.85)}to{opacity:1;transform:rotateY(0) scale(1)}}.gacha-card-rarity{font-size:11px;letter-spacing:.1em;color:var(--color-ink-soft)}.gacha-card.rarity-rare{border-color:var(--color-accent)}.gacha-card.rarity-rare .gacha-card-rarity{color:var(--color-accent)}.gacha-card.rarity-special{border-color:#c9a227;background:#fdf8ea}.gacha-card.rarity-special .gacha-card-rarity{color:#a8871f}.gacha-card-name{font-size:14px;line-height:1.5;font-weight:600}.gacha-card-dup{font-size:12px;color:var(--color-ink-soft)}.gacha-tap-hint{font-size:13px;color:#fffdf8;animation:hint-bob 1.1s ease-in-out infinite}.neko-feedback{margin:8px 12px 4px;padding:8px 10px;flex:none;overflow-wrap:anywhere;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:10px;background:color-mix(in srgb,#f3bd78 18%,var(--color-surface))}.neko-balance{font-size:15px;line-height:1.4}.neko-feedback-message,.neko-saved{margin:6px 0 0;font-size:14px;line-height:1.5}.neko-feedback-message>span{margin-right:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neko-reward-amount,.neko-saved,.neko-reward-balance{white-space:nowrap}.neko-feedback button{min-height:44px;margin-top:6px;padding:0 12px;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface)}.page :focus-visible,.home :focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.page [role=status]{overflow-wrap:anywhere}.chat-connection-status{flex:none}.neko-feedback-message>span>span{margin-right:6px}.redeem-test{padding:16px;max-width:480px;margin:0 auto;color:var(--color-ink)}.redeem-test-title{font-size:18px;line-height:1.4;margin:0 0 8px}.redeem-test-note{font-size:13px;line-height:1.5;margin:0 0 12px;color:var(--color-ink-soft)}.redeem-balance{font-size:15px;line-height:1.4;margin:0 0 12px}.redeem-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:10px}.redeem-item{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:10px;background:var(--color-surface);overflow-wrap:anywhere}.redeem-item-name{font-size:15px;font-weight:600;line-height:1.4}.redeem-item-usage,.redeem-item-price,.redeem-item-owned{font-size:13px;line-height:1.5}.redeem-item button,.redeem-confirm button{min-height:44px}.redeem-confirm{display:flex;flex-direction:column;gap:6px;padding:12px;margin:0 0 12px;border:1px solid color-mix(in srgb,var(--color-ink) 28%,transparent);border-radius:10px;background:color-mix(in srgb,#f3bd78 18%,var(--color-surface))}.redeem-confirm p{margin:0;font-size:14px;line-height:1.5}.redeem-confirm-item{font-weight:600}.redeem-status{min-height:1.5em;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.redeem-status>span>span{margin-right:6px}.redeem-test :focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}