@property --reveal-r{syntax: "<length>"; inherits: false; initial-value: 0px;}.circle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.circle-disc{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--circle-color, #9DCDD7);will-change:clip-path,mask}.circle-expanding .circle-disc{clip-path:circle(0px at var(--cx) var(--cy));animation:circle-grow .5s cubic-bezier(.5,0,.75,.3) forwards}@keyframes circle-grow{to{clip-path:circle(var(--r) at var(--cx) var(--cy))}}.circle-revealing .circle-disc{clip-path:circle(var(--r) at var(--cx) var(--cy));--reveal-r: 0px;mask:radial-gradient(circle at var(--cx) var(--cy),transparent 0,transparent var(--reveal-r),#000 calc(var(--reveal-r) + 1px));-webkit-mask:radial-gradient(circle at var(--cx) var(--cy),transparent 0,transparent var(--reveal-r),#000 calc(var(--reveal-r) + 1px));animation:circle-reveal .55s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes circle-reveal{to{--reveal-r: var(--r)}}.music-home-loading,.music-home-error{padding:var(--s-8);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md)}.music-lyrics{background:var(--c-surface);border-radius:var(--r-3);padding:var(--s-4);line-height:1.8;font-size:var(--fs-lg);color:var(--c-text)}.music-lyrics-line{display:block}.music-score-card{background:var(--c-surface);border-radius:18px;padding:var(--s-5) var(--s-6);box-shadow:0 2px 10px #5b8db514}.music-score-eyebrow{margin:0 0 var(--s-3);font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted)}.music-score-img{max-width:100%;display:block;border-radius:var(--r-2)}.music-detail-loading,.music-detail-404{padding:var(--s-8);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md)}.music-detail-error{padding:var(--s-6);text-align:center;color:var(--c-text)}.music-detail-error p{margin-bottom:var(--s-3);color:var(--c-text-muted)}.music-retry-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);background:var(--c-brand-blue);color:var(--c-text-on-brand);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:url(/cursors/pointer.png) 6 8,pointer}.music-retry-btn:hover{background:var(--c-brand-blue-strong)}.player-controls{display:flex;align-items:center;gap:var(--s-4)}.player-play-btn{width:64px;height:64px;border-radius:50%;background:var(--c-brand-blue);color:var(--c-text-on-brand);border:none;font-size:22px;cursor:url(/cursors/pointer.png) 6 8,pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #5b8db559;flex:0 0 auto}.player-play-btn:hover{background:var(--c-brand-blue-strong)}.player-play-btn:focus-visible{outline:2px solid var(--c-brand-blue-strong);outline-offset:3px}.player-progress{flex:1;height:6px;border-radius:3px;background:var(--c-border-soft);overflow:hidden}.player-progress-fill{height:100%;background:var(--c-brand-blue);border-radius:3px;transition:width .1s linear}.player-time{font-variant-numeric:tabular-nums;color:var(--c-text-muted);font-size:var(--fs-sm, 13px);min-width:80px;text-align:right}.vinyl-card{display:block;text-align:center;cursor:url(/cursors/pointer.png) 6 8,pointer;text-decoration:none;color:var(--c-text-strong)}.vinyl-card-unknown{opacity:.7}.vinyl-card-unknown .vinyl-card-name{font-style:italic;color:var(--c-text-muted)}.vinyl{position:relative;border-radius:50%;background:var(--c-text-strong);box-shadow:0 4px 14px #0000002e,inset 0 0 0 6px #ffffff0f,inset 0 0 0 7px #0006;display:flex;align-items:center;justify-content:center;margin:0 auto}.vinyl-shelf{width:220px;height:220px;transition:transform .4s ease}.vinyl-card-shelf:hover .vinyl-shelf,.vinyl-card-shelf:focus-visible .vinyl-shelf{transform:rotate(15deg)}.vinyl-large{width:240px;height:240px}.vinyl-xlarge{width:320px;height:320px}.vinyl-inner{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:var(--c-accent-blue);box-shadow:inset 0 0 0 4px var(--c-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.vinyl-card-unknown .vinyl-inner{background:var(--c-surface-sunken)}.vinyl-inner-fill{background:transparent;box-shadow:none}.vinyl-art{position:relative;z-index:1;display:block}.vinyl-art-centered{width:60%;height:60%;object-fit:contain}.vinyl-art-fill{width:100%;height:100%;object-fit:cover}.vinyl-landmark{width:60%;height:60%;object-fit:contain;position:relative;z-index:1}.vinyl-unknown-mark{font-size:56px;color:var(--c-text-muted)}.vinyl-hole{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--c-text-strong);z-index:2;box-shadow:0 0 0 3px var(--c-surface)}.vinyl-xlarge .vinyl-hole{width:24px;height:24px;box-shadow:0 0 0 4px var(--c-surface)}.vinyl-card-name{margin-top:var(--s-4);font-size:20px;font-weight:700;color:var(--c-text-strong)}.vinyl-card-count{color:var(--c-text-muted);font-size:13px;margin-top:var(--s-1)}.vinyl-card:focus-visible{outline:2px solid var(--c-brand-blue-strong);outline-offset:4px;border-radius:12px}@media (prefers-reduced-motion: reduce){.vinyl-shelf,.vinyl-card-shelf:hover .vinyl-shelf,.vinyl-card-shelf:focus-visible .vinyl-shelf{transform:none!important;transition:none!important}}.music-home{display:flex;flex-direction:column;gap:var(--s-4);padding-top:var(--s-4)}.music-home-hero{padding:0 var(--s-6)}.music-home-title{font-size:36px;font-weight:800;color:var(--c-text-strong);margin:0}.music-home-sub{margin:var(--s-1) 0 0;color:var(--c-text-muted);font-size:15px}.music-shelf{display:flex;gap:var(--s-6);overflow-x:auto;padding:var(--s-5) var(--s-6) var(--s-8);scroll-snap-type:x mandatory;scrollbar-width:thin}.music-shelf>*{scroll-snap-align:start;flex:0 0 auto}.music-shelf::-webkit-scrollbar{height:8px}.music-shelf::-webkit-scrollbar-thumb{background:var(--c-border-soft);border-radius:4px}.album-detail{padding-top:var(--s-4)}.album-header{flex:0 0 auto;display:flex;gap:var(--s-8);align-items:center;padding:0 var(--s-6) var(--s-6)}.album-header-meta{flex:1;min-width:0}.album-header-eyebrow{color:var(--c-text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-1)}.album-header-title{font-size:56px;font-weight:800;margin:0;color:var(--c-text-strong)}.album-header-subtitle{margin:var(--s-1) 0 var(--s-5);color:var(--c-text-muted);font-size:16px}.album-header-play-all{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--c-brand-blue);color:var(--c-text-on-brand);border:none;border-radius:999px;padding:var(--s-3) var(--s-6);font-size:15px;font-weight:700;cursor:url(/cursors/pointer.png) 6 8,pointer;box-shadow:0 4px 12px #5b8db54d}.album-header-play-all:hover:not(:disabled){background:var(--c-brand-blue-strong);transform:translateY(-1px)}.album-header-play-all:disabled{background:var(--c-surface-sunken);color:var(--c-text-muted);cursor:not-allowed;box-shadow:none}.track-list{flex:1 1 0;min-height:0;overflow-y:auto;margin:0 var(--s-6) var(--s-6);background:var(--c-surface);border-radius:20px;box-shadow:0 4px 16px #5b8db514}.track-row{display:grid;grid-template-columns:36px 1fr auto 36px;gap:var(--s-5);align-items:center;padding:var(--s-4) var(--s-6);cursor:url(/cursors/pointer.png) 6 8,pointer;border-bottom:1px solid var(--c-border-soft);text-decoration:none;color:var(--c-text-strong);transition:background .15s ease}.track-row:last-child{border-bottom:none}.track-row:hover{background:var(--c-surface-soft)}.track-num{color:var(--c-text-muted);font-size:14px;font-weight:600;text-align:center}.track-row:hover .track-num{color:var(--c-brand-blue)}.track-info{display:flex;flex-direction:column;gap:2px;min-width:0}.track-title{font-weight:600;color:var(--c-text-strong);font-size:16px}.track-sub{color:var(--c-text-muted);font-size:13px}.track-place{background:var(--c-surface-soft);color:var(--c-text-muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.track-play-btn{width:36px;height:36px;border-radius:50%;background:var(--c-surface-soft);color:var(--c-brand-blue);display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s}.track-row:hover .track-play-btn{background:var(--c-brand-blue);color:var(--c-text-on-brand)}.album-detail-loading,.album-detail-404,.album-detail-error{padding:var(--s-8);text-align:center;color:var(--c-text-muted)}.album-detail-404 .music-retry-btn{display:inline-block;margin-top:var(--s-3);text-decoration:none}.song-detail{display:flex;flex-direction:column;padding-top:var(--s-4)}.song-page{display:grid;grid-template-columns:320px 1fr;gap:var(--s-12);padding:0 var(--s-6) var(--s-8);max-width:1200px;margin:0 auto;width:100%}.song-left{position:sticky;top:var(--s-6);align-self:start;display:flex;flex-direction:column;gap:var(--s-5);align-items:center}.song-cover.playing{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.song-cover.playing{animation:none!important}}.song-right{display:flex;flex-direction:column;gap:var(--s-6);min-width:0}.song-place-chip{display:inline-flex;align-items:center;gap:var(--s-1);background:var(--c-surface-soft);color:var(--c-text);border-radius:999px;padding:var(--s-1) var(--s-3);font-size:13px;font-weight:600;margin-bottom:var(--s-3)}.song-detail-title{font-size:44px;font-weight:800;color:var(--c-text-strong);margin:0;line-height:1.15}.song-detail-subtitle{font-size:22px;color:var(--c-text-muted);margin:var(--s-1) 0 0;font-weight:600}.song-summary{background:var(--c-surface);border-radius:18px;padding:var(--s-5) var(--s-6);box-shadow:0 2px 10px #5b8db514}.song-summary-label{margin:0 0 var(--s-2);font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted)}.song-summary p{margin:0;font-size:16px;line-height:1.7;color:var(--c-text)}.song-footer-row{display:flex;gap:var(--s-5);flex-wrap:wrap;align-items:stretch}.song-footer-row>*{flex:1;min-width:280px}.mini-map-card{background:var(--c-surface);border-radius:18px;padding:var(--s-5) var(--s-6);box-shadow:0 2px 10px #5b8db514}.mini-map-eyebrow{margin:0 0 var(--s-3);font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted)}.music-minimap-svg{width:100%;max-height:140px}.music-minimap-province{fill:var(--c-surface-soft);stroke:var(--c-surface);stroke-width:1}.music-minimap-province.highlight{fill:var(--c-brand-blue-strong)}.mini-map-link{display:inline-block;margin-top:var(--s-2);color:var(--c-brand-blue);font-size:13px;font-weight:600;text-decoration:none}.song-performers{color:var(--c-text-muted);font-size:13px;text-align:center;margin-top:var(--s-3)}.song-origin-chip{display:inline-flex;align-items:center;gap:var(--s-1);background:var(--c-accent-purple);color:var(--c-text-on-brand);border-radius:999px;padding:var(--s-1) var(--s-3);font-size:13px;font-weight:600;margin-bottom:var(--s-3);margin-left:var(--s-2)}.style-transfer-card{background:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:18px;padding:var(--s-5) var(--s-6);margin-top:var(--s-4)}.style-transfer-eyebrow{margin:0 0 var(--s-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-text)}.style-transfer-sub{margin:0 0 var(--s-4);font-size:13px;color:var(--c-text-muted)}.style-capsule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);margin-bottom:var(--s-4)}@media (max-width: 520px){.style-capsule-grid{grid-template-columns:repeat(2,1fr)}}.style-capsule{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) var(--s-2);border:1.5px solid var(--c-border-soft);border-radius:var(--r-3);background:var(--c-surface-soft);color:var(--c-text);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.style-capsule:hover:not(:disabled){transform:translateY(-1px);background:var(--c-surface-hover)}.style-capsule.selected{border-color:var(--c-accent-purple-strong);background:var(--c-surface);box-shadow:0 0 0 2px var(--c-accent-purple) inset}.style-capsule:disabled{opacity:.55;cursor:default}.style-capsule-emoji{font-size:22px;line-height:1}.style-capsule-label{font-size:13px;font-weight:600}.style-transfer-generate-btn{width:100%;border:none;border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);background:var(--c-accent-purple-strong);color:var(--c-text-on-brand);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;transition:background .12s ease,opacity .12s ease}.style-transfer-generate-btn:hover:not(:disabled){background:#6a64ad}.style-transfer-generate-btn:disabled{opacity:.5;cursor:default}.style-transfer-progress{display:inline-flex;align-items:center;gap:var(--s-2)}.style-transfer-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:style-transfer-spin .8s linear infinite}@keyframes style-transfer-spin{to{transform:rotate(360deg)}}.style-transfer-error{margin:0 0 var(--s-3);font-size:13px;color:var(--c-accent-pink-strong);text-align:center}.style-transfer-done-text{margin:0 0 var(--s-4);font-size:var(--fs-md);color:var(--c-text)}.style-transfer-done-actions{display:flex;gap:var(--s-3)}.style-transfer-go-btn{flex:1;border:none;border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);background:var(--c-brand-blue);color:var(--c-text-on-brand);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer}.style-transfer-go-btn:hover{background:var(--c-brand-blue-strong)}.style-transfer-again-btn{border:1.5px solid var(--c-border-soft);border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-md);font-weight:600;cursor:pointer}.style-transfer-again-btn:hover{background:var(--c-surface-soft)}.rh-page{padding:var(--s-3) var(--s-4);gap:var(--s-3);overflow-y:auto}.rh-page-header{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-2)}.rh-page-header h1{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-text)}.rh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,18vw,240px),1fr));gap:var(--s-4) var(--s-4);justify-items:stretch;padding:var(--s-3) 0 var(--s-8);width:100%}.rh-grid-empty{display:flex;justify-content:center;align-items:center;padding:var(--s-12) var(--s-6);color:var(--c-text-muted);font-size:var(--fs-md);text-align:center}.rh-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);background:transparent;border:none;padding:var(--s-2);font-family:inherit;color:var(--c-text);cursor:url(/cursors/pointer.png) 6 8,pointer;position:relative;width:100%;border-radius:var(--r-4);transition:transform var(--dur-base) var(--ease-out)}.rh-card:hover{transform:translateY(-4px) scale(1.03)}.rh-card:active{transform:scale(.98)}.rh-card:focus-visible{outline:2px solid var(--c-accent-blue);outline-offset:4px}.rh-card-blob{position:relative;width:100%;aspect-ratio:1 / 1;display:block;filter:drop-shadow(0 4px 10px rgba(58,44,26,.1))}.rh-card-blob svg{width:100%;height:100%;display:block}.rh-card-blob-bg{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat;pointer-events:none}.rh-card-sticker{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;object-fit:contain;pointer-events:none}.rh-card-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-align:center;color:var(--c-text);width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:1.2em}.rh-card-unrevealed .rh-card-title{color:var(--c-text-muted);font-weight:var(--fw-regular)}.rh-card-unrevealed .rh-card-blob{filter:drop-shadow(0 2px 5px rgba(58,44,26,.05))}@keyframes rh-card-blob-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 10px rgba(58,44,26,.1))}50%{transform:scale(1.06);filter:drop-shadow(0 6px 18px rgba(58,44,26,.18))}}.rh-card-playing .rh-card-blob{animation:rh-card-blob-pulse 1.4s ease-in-out infinite;transform-origin:center}.rh-card-playing.rh-card-unrevealed .rh-card-blob{filter:drop-shadow(0 4px 10px rgba(58,44,26,.1))}.rh-compose-bar{position:sticky;bottom:16px;margin:20px auto 0;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px;background:var(--c-surface, #fff);border:1px solid rgba(58,44,26,.1);border-radius:999px;box-shadow:0 6px 24px #3a2c1a24}.rh-compose-bar-label{font-size:14px;color:var(--c-text-soft, #6b5c48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-compose-btn{flex:none;padding:9px 18px;border:none;border-radius:999px;background:var(--c-brand-blue, #6f68b8);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.rh-compose-btn:hover{background:var(--c-brand-blue-strong, #5a53a0)}.rhyme-compose-body,.rhyme-compose-done{padding:0 var(--s-6) var(--s-6)}.rhyme-compose-sub{margin:0 0 14px;font-size:14px;color:var(--c-text-soft, #6b5c48)}.rhyme-compose-done-text{margin:4px 0 16px;font-size:16px;text-align:center}.rhyme-compose-done-actions{display:flex;gap:10px;justify-content:center}:root{--c-brand-blue: #5b8db5;--c-brand-blue-strong: #406d92;--c-brand-blue: #5aa5d8;--c-brand-yellow: #88c8b4;--c-brand-yellow-strong: #5fa890;--c-page-bg-start: #f3f6f9;--c-page-bg-end: #e6ecf2;--bg-page: #eef2f6;--c-surface: #ffffff;--c-surface-soft: #e8eef3;--c-surface-hover: #ffffff;--c-surface-sunken:#d8e1e9;--c-text-strong: #1f2a36;--c-text: #2c3a48;--c-text-muted: #6a7a8c;--c-text-subtle: #9aacc0;--c-text-on-brand:#ffffff;--c-border: #c0cad6;--c-border-soft: #d8e0e8;--c-border-input: #b0bccc;--c-border-strong: #4a5a6c;--c-accent-pink: #d6a8c0;--c-accent-pink-strong: #b88aa4;--c-accent-green: #a3d8a3;--c-accent-green-strong: #5aa55a;--c-accent-purple: #a8a5d6;--c-accent-purple-strong: #7d78c0;--c-accent-blue: #a4c4e8;--c-accent-blue-strong: #5b8db5;--c-success: #5aa55a;--c-success-bg: #d4f5d4;--c-warn: #5b8db5;--c-warn-bg: #dceaf3;--c-error: #b87878;--c-error-bg: #ecd8d8;--c-info: #5aa5d8;--c-info-bg: #d8eef8;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 16px;--r-5: 20px;--r-6: 24px;--r-panel: 40px;--r-pill: 999px;--sh-1: 0 2px 6px rgba(58, 44, 26, .06);--sh-2: 0 4px 12px rgba(58, 44, 26, .08);--sh-3: 0 8px 24px rgba(58, 44, 26, .12);--sh-4: 0 16px 40px rgba(58, 44, 26, .18);--ff-base: "Alimama FangYuan", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ff-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.25;--lh-base: 1.5;--lh-loose: 1.7;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-toast: 100;--z-modal: 200}@font-face{font-family:Alimama FangYuan;src:url(/fonts/AlimamaFangYuanTiVF.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ff-base);font-size:var(--fs-md);line-height:var(--lh-base);background:var(--bg-page);background-attachment:fixed;color:var(--c-text);-webkit-font-smoothing:antialiased;cursor:url(/cursors/arrow.png) 14 8,auto}a,button,[role=button],label,summary,input[type=checkbox],input[type=radio],select,.home-card,.icon-btn,.avatar-btn{cursor:url(/cursors/pointer.png) 6 8,pointer}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input:not([type]),textarea,[contenteditable=true]{cursor:url(/cursors/text.png) 32 32,text}button{font-family:inherit}a{color:var(--c-accent-blue-strong);text-decoration:none}a:hover{text-decoration:none}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s-1);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);transition:background var(--dur-fast)}.back-link:hover{background:var(--c-surface-hover);text-decoration:none}.toast{background:#3a2c1aeb;color:#fff;padding:var(--s-3) var(--s-6);border-radius:var(--r-6);font-size:var(--fs-sm);box-shadow:var(--sh-3);animation:toast-in var(--dur-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2c1a52;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in var(--dur-base)}.modal{position:relative;background:var(--c-surface);color:var(--c-text-strong);border-radius:var(--r-5);padding:0;width:480px;max-width:90vw;overflow:visible;box-shadow:var(--sh-4);animation:pop-in var(--dur-base) var(--ease-out)}.modal h2{margin:0 0 var(--s-4);padding:var(--s-6) var(--s-6) 0;font-size:var(--fs-xl);color:var(--c-text-strong)}.modal h2:empty{display:none}.modal-body p{margin:0 0 var(--s-3);font-size:var(--fs-sm);color:var(--c-text-muted)}.modal-body{display:flex;flex-direction:column;gap:var(--s-4);padding:0}.modal-footer{padding:var(--s-4) var(--s-6) var(--s-5);display:flex;justify-content:flex-end;gap:var(--s-2)}.settings-hero{position:relative;padding:var(--s-6) var(--s-6) var(--s-5);display:flex;align-items:center;gap:var(--s-5);border-top-left-radius:var(--r-5);border-top-right-radius:var(--r-5);transition:background var(--dur-base) var(--ease-out)}.settings-hero-avatar{position:relative;width:110px;height:110px;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));overflow:visible}.settings-hero-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.settings-hero-avatar.jumping img{transform:scale(1.45);transform-origin:50% 100%}.settings-hero-avatar.jumping{animation:hero-bob 1.2s ease-out}@keyframes hero-bob{0%{transform:translateY(0)}25%{transform:translateY(-6px)}60%{transform:translateY(0)}to{transform:translateY(0)}}.settings-hero-text{flex:1;min-width:0}.settings-hero-name{font-size:22px;font-weight:700;color:var(--c-text-strong);line-height:1.2}.settings-hero-greet{margin-top:4px;font-size:var(--fs-sm);color:var(--c-text-strong);opacity:.78;line-height:1.4}.settings-tabs{display:flex;gap:var(--s-5);padding:var(--s-3) var(--s-6) 0;border-bottom:1px solid var(--c-border)}.settings-tab{position:relative;background:transparent;border:0;padding:var(--s-3) 0;font-size:var(--fs-md);color:var(--c-text-muted);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:color var(--dur-fast)}.settings-tab:hover{color:var(--c-text-strong)}.settings-tab.active{color:var(--c-text-strong);font-weight:600}.settings-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:2px 2px 0 0;background:var(--c-brand-blue)}.settings-tab-body{padding:var(--s-5) var(--s-6) var(--s-6);min-height:160px}.companion-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.companion-swatch{position:relative;aspect-ratio:1 / 1;border:0;border-radius:var(--r-3);padding:var(--s-2);display:flex;align-items:flex-end;justify-content:center;cursor:url(/cursors/pointer.png) 6 8,pointer;box-shadow:0 1px 3px #0000000f;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.companion-swatch img{max-width:78%;max-height:92%;object-fit:contain;transition:transform var(--dur-fast)}.companion-swatch:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001a}.companion-swatch:hover img{transform:translateY(-2px)}.companion-swatch.active{box-shadow:0 0 0 3px var(--c-brand-blue),0 6px 14px #2e86de40}.tier-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.tier-option{background:var(--c-surface);border:2px solid transparent;border-radius:var(--r-3);padding:var(--s-4) var(--s-3);cursor:url(/cursors/pointer.png) 6 8,pointer;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);color:var(--c-text-strong);box-shadow:0 1px 2px #0000000a;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.tier-picker{display:flex;gap:var(--s-3)}.tier-option{flex:1;background:var(--c-surface);border:2px solid transparent;border-radius:var(--r-3);padding:var(--s-4) var(--s-3);cursor:url(/cursors/pointer.png) 6 8,pointer;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);color:var(--c-text-strong);box-shadow:0 1px 2px #0000000a;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}.tier-option:hover{background:var(--c-surface-hover);transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.tier-option.active{background:#ffe4a8;border-color:var(--c-brand-blue);box-shadow:0 4px 12px #2e86de2e}.tier-option strong{font-size:var(--fs-md)}.tier-option small{font-size:var(--fs-xs);color:var(--c-text-muted)}.modal-close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:50%;font-size:22px;line-height:1;color:var(--c-text-strong);cursor:url(/cursors/pointer.png) 6 8,pointer;z-index:2;box-shadow:0 2px 6px #0000001a;transition:background var(--dur-fast),transform var(--dur-fast)}.modal-close-x:hover{background:#fff;transform:scale(1.06)}.modal-close{margin-top:var(--s-5);width:100%;background:transparent;border:1px solid var(--c-border);color:var(--c-text);padding:var(--s-2) var(--s-4);border-radius:var(--r-2);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast)}.modal-close:hover{background:var(--c-surface-hover)}.page-loading,.page-error,.page-empty{padding:var(--s-10);text-align:center;color:var(--c-text-muted)}.page-error{color:var(--c-error)}.app-shell{height:100vh;display:flex;flex-direction:column}.app-body{flex:1;display:flex;align-items:stretch;min-height:0}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.app-body--chat-center .app-main{display:none}.app-body--chat-center .client-agent{width:min(640px,100% - var(--s-8) * 2);margin-inline:auto}.page{flex:1;display:flex;padding:var(--s-4);min-height:0;min-width:0}.page-panel{flex:1;display:flex;flex-direction:column;background:var(--c-surface);border-radius:var(--r-panel);box-shadow:var(--sh-2);overflow:hidden;min-height:0;min-width:0}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--s-3) var(--s-6);gap:var(--s-4);position:sticky;top:0;z-index:50;background:var(--bg-page);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.topbar-left{display:flex;align-items:center;gap:var(--s-3);min-width:0;justify-self:start}.topbar-actions{display:flex;align-items:center;gap:var(--s-2);justify-self:end}.topbar-brand{display:flex;align-items:center;text-decoration:none;justify-self:center;transition:transform var(--dur-fast)}.topbar-brand:hover{text-decoration:none;transform:translateY(-1px)}.topbar-brand .brand-logo{height:64px;width:auto;display:block}.daily-chip,.daily-chip *{cursor:url(/cursors/pointer.png) 6 8,pointer}.daily-chip{position:relative;display:inline-flex;align-items:center;gap:var(--s-3);padding:4px var(--s-5) 4px 56px;background:var(--c-surface);border:none;border-radius:var(--r-pill);box-shadow:var(--sh-1);font-family:inherit;transition:transform var(--dur-fast),box-shadow var(--dur-fast);min-height:44px}.daily-chip:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.daily-chip:hover .daily-chip-icon{transform:translateY(-50%) rotate(-10deg) scale(1.06)}.daily-chip-icon{position:absolute;left:-10px;top:50%;width:72px;height:72px;transform:translateY(-50%) rotate(-6deg);object-fit:contain;filter:drop-shadow(0 5px 8px rgba(31,42,54,.22));transition:transform var(--dur-base) var(--ease-out)}.daily-chip-label{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-text-strong);letter-spacing:1px}.topbar-back{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);color:var(--c-text);font-weight:var(--fw-semibold);font-size:var(--fs-md);text-decoration:none;transition:background var(--dur-fast)}.topbar-back:hover{background:var(--c-surface-hover);text-decoration:none}.topbar-title{display:flex;align-items:center;gap:var(--s-2);min-width:0}.topbar-title .title-text{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title .title-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-brand-blue);background:var(--c-warn-bg);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);letter-spacing:1px;flex-shrink:0}.icon-btn{width:44px;height:44px;border-radius:var(--r-pill);background:transparent;border:none;cursor:url(/cursors/pointer.png) 6 8,pointer;font-size:var(--fs-xl);color:var(--c-text-muted);position:relative;transition:background var(--dur-fast)}.icon-btn:hover{background:#0000000f}.icon-btn .badge-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--c-error);border-radius:50%;border:2px solid var(--c-page-bg-start)}.avatar-btn{padding:0;background:transparent;border:none;cursor:url(/cursors/pointer.png) 6 8,pointer}.account-menu{display:grid;gap:var(--s-4)}.account-menu p{margin:0;color:var(--c-text-strong);font-weight:var(--fw-semibold);overflow-wrap:anywhere}.account-logout{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:0;border-radius:var(--r-pill);padding:var(--s-3) var(--s-4);background:var(--c-error-bg);color:var(--c-error);font:inherit;font-weight:var(--fw-bold);cursor:pointer}.settings-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--c-border);border-radius:50%;color:var(--c-text-strong);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast)}.settings-btn:hover{background:var(--c-surface-hover)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--c-accent-blue);border:3px solid #fff;box-shadow:var(--sh-2)}.lv-chip{display:inline-flex;align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-4);background:var(--c-surface);border-radius:var(--r-pill);box-shadow:var(--sh-1);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-text)}.lv-chip .lv-label{color:var(--c-text)}.lv-chip .lv-star{width:1.3em;height:1.3em;display:inline-block;vertical-align:middle;margin-top:-2px}.lv-chip .lv-points{color:var(--c-text-strong)}.lv-chip .roll-num{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom;min-width:.8em;text-align:center}.lv-chip .roll-window{display:flex;flex-direction:column;transform:translateY(0);transition:transform .36s cubic-bezier(.4,1.3,.5,1)}.lv-chip .roll-window.rolling{transform:translateY(-1.2em)}.lv-chip .roll-cell{display:block;height:1.2em;line-height:1.2em}.flying-stars-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.flying-star{position:fixed;width:32px;height:32px;margin-left:-16px;margin-top:-16px;filter:drop-shadow(0 2px 4px rgba(95,168,144,.45));will-change:transform,opacity}.flying-star img{width:100%;height:100%;display:block}.toast-stack{position:fixed;bottom:var(--s-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s-2);z-index:var(--z-toast);pointer-events:none}.toast-stack .toast{position:static;transform:none;pointer-events:auto}.topbar-chips{display:flex;align-items:center;gap:var(--s-2);flex-wrap:nowrap;min-width:0}.topbar-chips .chip{display:inline-flex;align-items:center;gap:var(--s-1);height:36px;padding:0 var(--s-3);background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border-soft);border-radius:999px;text-decoration:none;font-size:var(--fs-sm);font-weight:600;box-shadow:var(--sh-1);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;white-space:nowrap}.topbar-chips .chip:hover{transform:translateY(-1px);box-shadow:var(--sh-2);border-color:var(--c-brand-blue)}.topbar-chips .chip[data-celebrating=true]{border-color:#e8b647;background:#fff7e0;animation:chip-celebrate 1.6s ease-in-out infinite}.topbar-chips .chip-badges{position:relative}@keyframes chip-celebrate{0%,to{box-shadow:0 0 #e8b64766,var(--sh-1)}50%{box-shadow:0 0 0 6px #e8b64700,var(--sh-2)}}@media (max-width: 720px){.topbar-chips .chip{height:32px;padding:0 var(--s-2);font-size:var(--fs-xs)}}.entry-chips{display:flex;align-items:center;gap:var(--s-4);flex-wrap:nowrap}@media (max-width: 900px){.entry-chips{gap:var(--s-3)}.entry-chips .daily-chip-label{letter-spacing:.5px}}@media (max-width: 720px){.entry-chips{overflow-x:auto;scrollbar-width:none}.entry-chips::-webkit-scrollbar{display:none}}.daily-chip-icon[src*="/icons/map.webp"],.daily-chip-icon[src*="/icons/badges.webp"]{width:56px;height:56px;left:-2px}.daily-chip-icon[src*="/icons/map.webp"]{transform:translateY(-50%) rotate(-60deg)}.daily-chip:hover .daily-chip-icon[src*="/icons/map.webp"]{transform:translateY(-50%) rotate(-50deg) scale(1.06)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--s-6);background:var(--bg-page)}.auth-card{width:min(100%,440px);padding:var(--s-10);border:1px solid var(--c-border-soft);border-radius:var(--r-panel);background:var(--c-surface);box-shadow:var(--sh-3);text-align:center}.auth-logo{width:112px;height:auto;margin:0 auto var(--s-3)}.auth-kicker{margin:0 0 var(--s-2);color:var(--c-brand-blue);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.auth-card h1{margin:0;color:var(--c-text-strong);font-size:var(--fs-2xl);line-height:var(--lh-tight)}.auth-copy{margin:var(--s-3) 0 var(--s-6);color:var(--c-text-muted);line-height:var(--lh-loose)}.auth-form{display:grid;gap:var(--s-4);text-align:left}.auth-form label{display:grid;gap:var(--s-2);color:var(--c-text);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.auth-form input{width:100%;box-sizing:border-box;padding:var(--s-3);border:1px solid var(--c-border-input);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-text-strong);font:inherit}.auth-form input:focus{outline:2px solid var(--c-accent-blue);outline-offset:2px;border-color:var(--c-brand-blue)}.auth-submit{border:0;border-radius:var(--r-pill);padding:var(--s-3) var(--s-5);background:var(--c-brand-blue);color:var(--c-text-on-brand);font:inherit;font-weight:var(--fw-bold);cursor:pointer}.auth-submit:hover:not(:disabled){background:var(--c-brand-blue-strong)}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-switch{margin-top:var(--s-5);border:0;background:transparent;color:var(--c-brand-blue-strong);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.auth-error{margin:0 0 var(--s-4);padding:var(--s-3);border-radius:var(--r-2);background:var(--c-error-bg);color:var(--c-error);font-size:var(--fs-sm);text-align:left}.auth-success{display:grid;min-height:100vh;place-items:center;color:var(--c-text-strong)}@media (max-width: 520px){.auth-page{padding:var(--s-4)}.auth-card{padding:var(--s-6);border-radius:var(--r-5)}}.admin-page{--admin-bg: #f6efe3;--admin-surface: #fffdf8;--admin-surface-muted: #f3e8d6;--admin-accent: #9b5d24;--admin-accent-strong: #6f3e16;--admin-text: #2d251d;--admin-muted: #6e6256;--admin-border: #d9c7ae;min-height:100%;padding:var(--s-6);background:var(--admin-bg);color:var(--admin-text)}.admin-header{max-width:1440px;margin:0 auto var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-6)}.admin-header h1,.admin-panel-heading h2{margin:0;color:var(--admin-text)}.admin-header h1{font-size:var(--fs-2xl);letter-spacing:-.02em}.admin-panel-heading h2{font-size:var(--fs-lg)}.admin-kicker{margin:0 0 var(--s-1);color:var(--admin-accent-strong);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase}.admin-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--s-2)}.admin-email{color:var(--admin-muted);font-size:var(--fs-sm);margin-right:var(--s-2)}.admin-header-actions a,.admin-header-actions button,.admin-search button,.admin-state button,.admin-load-older{min-height:40px;border:1px solid var(--admin-border);border-radius:var(--r-2);background:var(--admin-surface);color:var(--admin-accent-strong);padding:var(--s-2) var(--s-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.admin-header-actions button,.admin-search button{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff}.admin-header-actions a:focus-visible,.admin-header-actions button:focus-visible,.admin-search input:focus-visible,.admin-search button:focus-visible,.admin-user-list button:focus-visible,.admin-load-older:focus-visible,.admin-state button:focus-visible{outline:3px solid #dfb976;outline-offset:2px}.admin-layout{max-width:1440px;min-height:calc(100vh - 126px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:var(--s-4)}.admin-users,.admin-conversations{min-width:0;border:1px solid var(--admin-border);border-radius:var(--r-3);background:var(--admin-surface);box-shadow:var(--sh-1)}.admin-users{overflow:hidden}.admin-conversations{padding-bottom:var(--s-5)}.admin-panel-heading{min-height:76px;padding:var(--s-4) var(--s-5);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--admin-border)}.admin-count,.admin-selected-email{color:var(--admin-muted);font-size:var(--fs-xs);overflow-wrap:anywhere;text-align:right}.admin-search{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--admin-border)}.admin-search label{display:block;margin-bottom:var(--s-2);color:var(--admin-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.admin-search-row{display:grid;grid-template-columns:1fr auto;gap:var(--s-2)}.admin-search input{width:100%;min-width:0;min-height:40px;border:1px solid var(--admin-border);border-radius:var(--r-2);background:#fff;color:var(--admin-text);padding:var(--s-2) var(--s-3);font:inherit}.admin-user-results{overflow:auto;max-height:calc(100vh - 280px)}.admin-user-list,.admin-timeline{list-style:none;margin:0;padding:0}.admin-user-list li+li{border-top:1px solid var(--admin-border)}.admin-user-list button{width:100%;border:0;border-left:4px solid transparent;background:transparent;color:var(--admin-text);padding:var(--s-4) var(--s-5);text-align:left}.admin-user-list button:hover{background:#faf3e8}.admin-user-list button.is-selected{border-left-color:var(--admin-accent);background:var(--admin-surface-muted)}.admin-user-email{display:block;margin-bottom:var(--s-1);font-weight:var(--fw-bold);overflow-wrap:anywhere}.admin-user-meta{display:flex;flex-wrap:wrap;gap:var(--s-1);color:var(--admin-muted);font-size:var(--fs-xs)}.admin-state{margin:0;padding:var(--s-8) var(--s-5);color:var(--admin-muted);text-align:center}.admin-state-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2)}.admin-state-empty strong{color:var(--admin-text);font-size:var(--fs-lg)}.admin-state-error p{margin:0 0 var(--s-3);color:#8d2929}.admin-timeline{padding:var(--s-5)}.admin-event{position:relative;margin-left:var(--s-4);padding:0 0 var(--s-6) var(--s-6);border-left:2px solid var(--admin-border)}.admin-event:last-child{padding-bottom:0}.admin-event:before{content:"";position:absolute;top:3px;left:-7px;width:12px;height:12px;border:2px solid var(--admin-surface);border-radius:50%;background:var(--admin-accent);box-shadow:0 0 0 1px var(--admin-border)}.admin-event-transcript:before{background:#39705a}.admin-event-system:before{background:#646b75}.admin-event-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-2)}.admin-event-label{border-radius:var(--r-1);background:var(--admin-surface-muted);color:var(--admin-accent-strong);padding:var(--s-1) var(--s-2);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.admin-event-transcript .admin-event-label{background:#e4f0ea;color:#285440}.admin-event-system .admin-event-label{background:#e8eaed;color:#444a52}.admin-event time,.admin-book-id{color:var(--admin-muted);font-size:var(--fs-xs)}.admin-event p{margin:0 0 var(--s-2);color:var(--admin-text);line-height:var(--lh-loose);white-space:pre-wrap;overflow-wrap:anywhere}.admin-load-older{display:block;margin:0 auto}.admin-load-older:disabled{opacity:.65}.admin-access-state{display:grid;place-items:center}@media (max-width: 760px){.admin-page{padding:var(--s-4)}.admin-header{align-items:flex-start;flex-direction:column}.admin-header-actions{justify-content:flex-start}.admin-email{flex-basis:100%}.admin-layout{grid-template-columns:1fr;min-height:auto}.admin-user-results{max-height:none}.admin-selected-email{max-width:46%}.admin-event{margin-left:var(--s-2);padding-left:var(--s-5)}.admin-event-meta{align-items:flex-start;flex-direction:column;gap:var(--s-1)}}.agent{display:inline-flex;align-items:flex-end;gap:var(--s-3)}.agent-bubble-left{flex-direction:row-reverse}.agent-bubble-top{flex-direction:column-reverse;align-items:flex-start}.agent-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-avatar:has(svg){background:var(--c-surface-soft);border-radius:50%;box-shadow:var(--sh-1)}.agent-avatar svg{width:78%;height:78%;display:block}.agent-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 6px 10px rgba(58,44,26,.18))}.agent-avatar img[src*=-jumping]{transform:scale(1.45);transform-origin:50% 100%}.agent-sm .agent-avatar{width:100px;height:100px}.agent-md .agent-avatar{width:200px;height:200px}.agent-lg .agent-avatar{width:480px;height:480px}.agent-badge{position:absolute;bottom:-2px;right:-2px;width:32px;height:32px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-border-soft);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--sh-1);animation:agent-badge-pop var(--dur-slow) var(--ease-out)}.agent-sm .agent-badge{width:22px;height:22px;font-size:13px}.agent-lg .agent-badge{width:40px;height:40px;font-size:22px}@keyframes agent-badge-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.agent-bubble{background:var(--c-surface);border:2px solid var(--c-border-soft);border-radius:var(--r-5);padding:var(--s-3) var(--s-4);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--c-text);box-shadow:var(--sh-1);max-width:280px;position:relative;margin-bottom:var(--s-3);opacity:1;transform:scale(1);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out)}.agent-bubble.fading{opacity:0;transform:scale(.95)}.agent-bubble.clickable{cursor:url(/cursors/pointer.png) 6 8,pointer}.agent-bubble.clickable:hover{background:var(--c-surface-hover)}.agent-bubble-more{display:inline-block;margin-left:var(--s-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-brand-blue)}.agent-bubble-right .agent-bubble:after{content:"";position:absolute;left:-10px;bottom:18px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid var(--c-border-soft)}.agent-bubble-right .agent-bubble:before{content:"";position:absolute;left:-7px;bottom:20px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--c-surface);z-index:1}.agent-bubble-left .agent-bubble:after{content:"";position:absolute;right:-10px;bottom:18px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid var(--c-border-soft)}.agent-bubble-left .agent-bubble:before{content:"";position:absolute;right:-7px;bottom:20px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--c-surface);z-index:1}.agent-bubble-top{position:relative}.agent-bubble-top .agent-bubble{position:absolute;left:50%;bottom:calc(100% + var(--s-3));transform:translate(-50%);margin:0}.agent-bubble-top .agent-bubble.fading{transform:translate(-50%) scale(.95)}.agent-bubble-top .agent-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid var(--c-border-soft)}.agent-bubble-top .agent-bubble:before{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--c-surface);z-index:1}.client-agent{flex-shrink:0;width:clamp(340px,26vw,460px);margin:var(--s-4) var(--s-4) var(--s-4) 0;display:flex;flex-direction:column;gap:var(--s-4);background:var(--c-surface);border-radius:var(--r-panel);box-shadow:var(--sh-2);padding:var(--s-6);min-height:0;position:relative}.client-agent-chat{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--s-3);padding-left:var(--s-3);padding-right:var(--s-3);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--c-border-soft) transparent}.client-agent-chat::-webkit-scrollbar{width:6px}.client-agent-chat::-webkit-scrollbar-thumb{background:var(--c-border-soft);border-radius:3px}.chat-row{display:flex;width:100%}.chat-row-user{justify-content:flex-end}.chat-row-agent{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:var(--s-1)}.chat-row-meta{justify-content:center}.chat-avatar{width:112px;height:112px;object-fit:contain;object-position:center bottom;flex-shrink:0;margin-left:var(--s-2);margin-top:calc(var(--s-1) * -1);transform:translate(-25%,10px);filter:drop-shadow(0 4px 8px rgba(31,42,54,.18));pointer-events:none}.chat-avatar[src*=-jumping]{transform:translate(-25%,10px) scale(1.45);transform-origin:50% 100%}.chat-bubble{position:relative;max-width:78%;padding:var(--s-3) var(--s-4);border-radius:var(--r-5);font-size:var(--fs-md);line-height:var(--lh-base);word-break:break-word;white-space:pre-wrap;animation:chat-pop var(--dur-base) var(--ease-out)}@keyframes chat-pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}.chat-bubble-agent{background:var(--c-surface-soft);color:var(--c-text-strong)}.chat-bubble-user{background:var(--c-accent-purple-strong);color:var(--c-text-on-brand)}.chat-bubble-user:before{content:"";position:absolute;bottom:0;right:-6px;width:12px;height:18px;background:var(--c-accent-purple-strong);border-bottom-left-radius:14px 12px}.chat-bubble-user:after{content:"";position:absolute;bottom:0;right:-12px;width:12px;height:18px;background:var(--c-surface);border-bottom-left-radius:10px}.chat-bubble-agent:before{content:"";position:absolute;bottom:0;left:-6px;width:12px;height:18px;background:var(--c-surface-soft);border-bottom-right-radius:14px 12px}.chat-bubble-agent:after{content:"";position:absolute;bottom:0;left:-12px;width:12px;height:18px;background:var(--c-surface);border-bottom-right-radius:10px}.chat-suggestions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-2);padding-left:var(--s-2)}.chat-suggestion{align-self:flex-start;max-width:90%;text-align:left;background:var(--c-surface);border:1px dashed var(--c-border-soft);color:var(--c-text);font-family:inherit;font-size:var(--fs-sm);line-height:var(--lh-base);padding:var(--s-2) var(--s-3);border-radius:var(--r-4);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.chat-suggestion:hover{background:var(--c-surface-hover);border-color:var(--c-brand-blue);color:var(--c-brand-blue);transform:translate(2px)}.chat-typing{display:inline-flex;align-items:center;gap:3px;margin-left:var(--s-2);vertical-align:baseline}.chat-typing span{width:5px;height:5px;border-radius:50%;background:var(--c-text-subtle);animation:chat-blink 1.2s infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-blink{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-chip{font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:var(--c-surface-soft);color:var(--c-text-muted);font-family:inherit;letter-spacing:.4px}.chat-chip-tool{color:var(--c-text-muted);font-family:var(--ff-mono)}.chat-chip-tool.fail{color:var(--c-error);background:var(--c-error-bg)}.chat-chip-asset{color:var(--c-success);background:var(--c-success-bg)}.chat-chip-error{color:var(--c-error);background:var(--c-error-bg)}.client-agent-input{display:flex;align-items:center;gap:var(--s-2);background:var(--c-surface-soft);border-radius:var(--r-pill);padding:var(--s-2)}.client-agent-input input{flex:1;min-width:0;border:none;outline:none;font-size:var(--fs-md);font-family:inherit;background:transparent;color:var(--c-text-strong);padding:var(--s-2) 0}.client-agent-input input::placeholder{color:var(--c-text-subtle)}.client-agent-input input:disabled{opacity:.5}.client-agent-input button{width:40px;height:40px;border-radius:50%;background:var(--c-accent-purple-strong);color:var(--c-text-on-brand);border:none;cursor:url(/cursors/pointer.png) 6 8,pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),transform var(--dur-fast)}.client-agent-input button:hover:not(:disabled){background:#6f64a8;transform:scale(1.06)}.client-agent-input button:disabled{opacity:.4;cursor:not-allowed}.client-agent-input button svg{display:block}.voice-btn{width:40px;height:40px;border-radius:50%;background:var(--c-surface);color:var(--c-text-muted);border:1px solid var(--c-border-soft);cursor:url(/cursors/pointer.png) 6 8,pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.voice-btn:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text);transform:scale(1.06)}.voice-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn svg{display:block}.voice-btn-recording{background:var(--c-error);border-color:var(--c-error);color:#fff;animation:voice-pulse 1.1s ease-in-out infinite}.voice-btn-recording:hover:not(:disabled){background:var(--c-error)}.voice-btn-transcribing{background:var(--c-accent-blue);color:var(--c-text-on-brand);border-color:var(--c-accent-blue)}@keyframes voice-pulse{0%,to{box-shadow:0 0 #c850508c}50%{box-shadow:0 0 0 8px #c8505000}}.voice-btn-spin{animation:voice-spin .8s linear infinite}@keyframes voice-spin{to{transform:rotate(360deg)}}.page-panel.home-panel{background-image:url(/backgrounds/home-sky.webp);background-size:cover;background-position:center bottom;background-repeat:no-repeat;position:relative}.home-cards{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;column-gap:var(--s-6);row-gap:var(--s-8);padding:var(--s-4);width:100%;justify-items:center;align-content:center}.home-card{position:relative;background:transparent;border:none;padding:0;cursor:url(/cursors/pointer.png) 6 8,pointer;transition:transform .38s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:0;font-family:inherit;color:inherit;text-align:center;transform:none}.home-card:before{content:"";position:absolute;left:50%;top:clamp(8px,.8vw,16px);transform:translate(-50%);width:clamp(150px,16vw,230px);height:clamp(150px,16vw,230px);background:var(--card-tile-bg, rgba(255, 253, 246, .85));--squircle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'><path d='M100,0 C155,0 175,0 188,12 C200,25 200,45 200,100 C200,155 200,175 188,188 C175,200 155,200 100,200 C45,200 25,200 12,188 C0,175 0,155 0,100 C0,45 0,25 12,12 C25,0 45,0 100,0 Z' fill='black'/></svg>");-webkit-mask-image:var(--squircle);mask-image:var(--squircle);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:0;transition:filter var(--dur-base),background var(--dur-base);filter:drop-shadow(0 4px 10px rgba(31,42,54,.12))}.home-card:hover:before{filter:drop-shadow(0 10px 18px rgba(31,42,54,.2))}.home-card.shelf{--card-tile-bg: hsl(200 50% 88%)}.home-card.proverb{--card-tile-bg: hsl(150 45% 88%)}.home-card.music{--card-tile-bg: hsl(50 60% 88%)}.home-card.rhyme{--card-tile-bg: hsl(20 70% 90%)}.home-card.art{--card-tile-bg: hsl(340 60% 92%)}.home-card.dance{--card-tile-bg: hsl(270 40% 90%)}.home-card:hover{transform:scale(1.06)}.home-card:hover .card-tag{background:var(--c-surface-hover);transform:translateY(-14px)}.home-card:active{transform:translateY(-4px) scale(.98);transition-duration:.12s}.home-card .card-icon{width:clamp(160px,18vw,260px);height:clamp(160px,18vw,260px);object-fit:contain;display:block;position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(31,42,54,.18));transition:transform .42s cubic-bezier(.34,1.56,.64,1),filter var(--dur-base)}.home-card:hover .card-icon{transform:scale(1.08) rotate(6deg);filter:drop-shadow(0 16px 26px rgba(31,42,54,.22))}.home-card.proverb .card-icon{transform:scale(1.24)}.home-card.proverb:hover .card-icon{transform:scale(1.34) rotate(6deg)}.home-card.art .card-icon{transform:scale(.9)}.home-card.art:hover .card-icon{transform:scale(.98) rotate(6deg)}.home-card.dance .card-icon{transform:scale(.9)}.home-card.dance:hover .card-icon{transform:scale(.98) rotate(6deg)}.home-card.music .card-icon{transform:scale(1.05)}.home-card.music:hover .card-icon{transform:scale(1.13) rotate(6deg)}.home-card .card-icon-emoji{font-size:clamp(120px,14vw,200px);line-height:1;display:flex;align-items:center;justify-content:center;filter:none}.home-card .card-tag{background:var(--c-surface);color:var(--c-text-strong);font-size:var(--fs-xl);font-weight:var(--fw-bold);padding:var(--s-2) var(--s-6);border-radius:var(--r-pill);letter-spacing:3px;box-shadow:var(--sh-2);transition:background var(--dur-fast),transform var(--dur-base);margin-top:calc(var(--s-6) * -1);position:relative;z-index:1;transform:none}.home-footer{display:flex;align-items:flex-end;gap:var(--s-5);padding:var(--s-2) var(--s-3) 0}.home-agent-anchor{position:absolute;left:var(--s-6);bottom:var(--s-4);z-index:2;pointer-events:none}.home-agent-anchor .agent{pointer-events:auto}.home-input{flex:1;display:flex;align-items:center;gap:var(--s-2);background:var(--c-surface);border-radius:var(--r-pill);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-6);box-shadow:var(--sh-2);max-width:720px;margin:0 auto}.home-input input{flex:1;border:none;outline:none;font-size:var(--fs-md);background:transparent;color:var(--c-text-strong);padding:var(--s-2) 0}.home-input input::placeholder{color:var(--c-text-subtle)}.home-input button{width:44px;height:44px;border-radius:50%;background:var(--c-accent-purple-strong);color:var(--c-text-on-brand);border:none;font-size:22px;font-weight:var(--fw-bold);line-height:1;cursor:url(/cursors/pointer.png) 6 8,pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),transform var(--dur-fast)}.home-input button:hover:not(:disabled){background:#8560b8;transform:scale(1.06)}.home-input button:disabled{opacity:.4;cursor:not-allowed}.home-input button span{transform:translate(1px)}.library-panel{padding:var(--s-6) var(--s-10) var(--s-8);overflow-y:auto}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:var(--s-3) 0 var(--s-4);margin-bottom:var(--s-4)}.filter-dd{position:relative}.filter-dd-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface);border:1px solid var(--c-border-soft);color:var(--c-text);font-family:inherit;font-size:var(--fs-sm);padding:6px 10px 6px 12px;border-radius:var(--r-pill);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast),border-color var(--dur-fast);white-space:nowrap}.filter-dd-trigger:hover{background:var(--c-surface-hover)}.filter-dd-trigger.has-selection{border-color:var(--c-brand-blue);color:var(--c-brand-blue)}.filter-dd-trigger .filter-dd-chev{transition:transform var(--dur-fast);opacity:.6}.filter-dd.open .filter-dd-trigger .filter-dd-chev{transform:rotate(180deg)}.filter-dd-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--c-brand-blue);color:var(--c-text-on-brand);font-size:11px;font-weight:var(--fw-bold);border-radius:9px;line-height:1}.filter-dd-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:200px;max-width:320px;max-height:360px;display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3);box-shadow:var(--sh-2);padding:var(--s-2);overflow:hidden}.filter-dd-search{width:100%;padding:6px 10px;margin-bottom:var(--s-2);border:1px solid var(--c-border-soft);border-radius:var(--r-2);background:var(--c-surface);font-family:inherit;font-size:var(--fs-sm);color:var(--c-text);outline:none}.filter-dd-search:focus{border-color:var(--c-brand-blue)}.filter-dd-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.filter-dd-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;border-radius:var(--r-2);text-align:left;font-family:inherit;font-size:var(--fs-sm);color:var(--c-text);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast)}.filter-dd-item:hover{background:var(--c-surface-hover)}.filter-dd-item.active{color:var(--c-brand-blue);font-weight:var(--fw-bold)}.filter-dd-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--c-border);border-radius:4px;color:var(--c-text-on-brand);flex-shrink:0}.filter-dd-item.active .filter-dd-box{background:var(--c-brand-blue);border-color:var(--c-brand-blue)}.filter-dd-label{flex:1}.filter-dd-group{display:flex;flex-direction:column;gap:2px}.filter-dd-group+.filter-dd-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--c-border)}.filter-dd-item.is-group .filter-dd-label{font-weight:var(--fw-bold);color:var(--c-text)}.filter-dd-item.is-leaf{padding-left:20px}.filter-dd-item.is-leaf .filter-dd-label{color:var(--c-text-muted)}.filter-dd-item.is-leaf.active .filter-dd-label{color:var(--c-brand-blue)}.filter-dd-empty{padding:var(--s-3);color:var(--c-text-muted);font-size:var(--fs-sm);text-align:center}.filter-dd-clear{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-2);padding:4px 8px;background:transparent;border:none;border-top:1px solid var(--c-border-soft);border-radius:0;color:var(--c-text-muted);font-family:inherit;font-size:var(--fs-xs);cursor:url(/cursors/pointer.png) 6 8,pointer}.filter-dd-clear:hover{color:var(--c-text)}.filter-clear{margin-left:auto;background:transparent;border:none;color:var(--c-text-muted);font-size:var(--fs-xs);cursor:url(/cursors/pointer.png) 6 8,pointer;padding:4px 8px;text-decoration:underline}.filter-clear:hover{color:var(--c-text)}.btn-cta{background:var(--c-brand-blue);color:var(--c-text-on-brand);border:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:url(/cursors/pointer.png) 6 8,pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-1);transition:background var(--dur-fast)}.btn-cta:hover{background:var(--c-brand-blue-strong);text-decoration:none}.btn-ghost{background:transparent;border:1px solid var(--c-border);color:var(--c-text);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);cursor:url(/cursors/pointer.png) 6 8,pointer;font-size:var(--fs-sm);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-1);transition:background var(--dur-fast)}.btn-ghost:hover{background:var(--c-surface-hover);text-decoration:none}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,11vw,160px),1fr));gap:var(--s-8) var(--s-6);justify-items:center;padding:var(--s-2) 0}.library-card{position:relative;background:var(--c-surface-soft);color:var(--c-text-strong);border-radius:var(--r-4);text-decoration:none;border:none;width:100%;max-width:150px;aspect-ratio:3 / 4;display:flex;flex-direction:column;padding:var(--s-1);transition:transform var(--dur-base) var(--ease-out);overflow:hidden}.library-card:hover{transform:translateY(-12px) scale(1.04);text-decoration:none}.library-card .cover{position:relative;flex:1;min-height:0;background:var(--c-accent-blue-strong);display:flex;align-items:center;justify-content:center;border-radius:var(--r-3);overflow:hidden}.library-card .cover img{width:100%;height:100%;object-fit:cover}.library-card .cover-placeholder{font-size:48px}.library-card.create-card{box-shadow:none;background:transparent;border:2px dashed var(--c-border-soft)}.library-card.create-card:hover{border-color:var(--c-brand-blue)}.library-card.create-card .create-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);color:var(--c-text-muted);transition:color var(--dur-fast)}.library-card.create-card:hover .create-stack{color:var(--c-brand-blue)}.library-card.create-card .create-label{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.library-card .card-badge{position:absolute;top:var(--s-2);left:var(--s-2);background:var(--c-error);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill)}.library-card .card-edit{position:absolute;bottom:var(--s-2);right:var(--s-2);width:36px;height:36px;background:var(--c-surface);border:2px solid var(--c-border-soft);border-radius:var(--r-pill);font-size:var(--fs-md);cursor:url(/cursors/pointer.png) 6 8,pointer;box-shadow:var(--sh-1);opacity:0;transition:opacity var(--dur-fast),transform var(--dur-fast)}.library-card:hover .card-edit{opacity:1}.library-card .card-edit:hover{transform:scale(1.08)}.library-card.forking{opacity:.6;pointer-events:none}.library-card.forking:after{content:"fork 中...";position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf6d9;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);color:var(--c-brand-blue);border-radius:var(--r-4)}.library-card .title{padding:var(--s-2) var(--s-3) 2px;font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1.25;flex-shrink:0}.library-card .meta{padding:0 var(--s-3) var(--s-2);color:var(--c-text-muted);font-size:var(--fs-xs);flex-shrink:0}.library-empty{padding:var(--s-10);text-align:center;color:var(--c-text-muted);background:var(--c-surface);border:2px dashed var(--c-border-soft);border-radius:var(--r-4)}.library-empty-filtered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);width:100%;min-height:50vh;padding:var(--s-10) var(--s-6);text-align:center;color:var(--c-text-muted)}.library-empty-filtered p{margin:0;font-size:var(--fs-sm);line-height:1.6}.library-empty-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;background:var(--c-accent-blue-strong);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s}.library-empty-cta:hover,.library-empty-cta:focus,.library-empty-cta:active{opacity:.85;text-decoration:none;color:#fff}:root{--book-fs-title-cover: 40px;--book-fs-title-back: 32px;--book-fs-subtitle: 18px;--book-fs-body: 20px;--book-fs-question: 18px;--book-fs-option: 16px;--book-fs-caption: 16px;--book-fs-feedback: 14px;--book-fw-display: 800;--book-fw-body: 600;--book-fw-secondary: 500;--book-fw-light: 400;--book-lh-body: 2;--book-lh-tight: 1.45;--book-lh-loose: 1.7;--book-seg-gap: 12px;--book-letter: .5px}.reader-shell{flex:1;display:flex;flex-direction:column;padding:var(--s-4) var(--s-6);max-width:1240px;width:100%;margin:0 auto}.reader{display:flex;flex-direction:column;flex:1;position:relative}.reader-mute{position:absolute;bottom:var(--s-3);right:var(--s-3);z-index:5;width:40px;height:40px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border-soft);box-shadow:var(--sh-2);color:var(--c-text-muted);cursor:url(/cursors/pointer.png) 6 8,pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.reader-mute:hover{background:var(--c-surface-hover);color:var(--c-text);transform:scale(1.06)}.reader-mute[aria-pressed=true]{color:var(--c-error)}.reader-progress{display:flex;gap:3px;margin:var(--s-3) 0}.progress-cell{flex:1;height:4px;background:var(--c-surface-soft);border-radius:2px;transition:background var(--dur-base)}.progress-cell.complete{background:var(--c-accent-blue-strong)}.progress-cell.pending{background:var(--c-accent-blue);opacity:.55}.progress-cell.failed{background:var(--c-error)}.progress-cell.current{box-shadow:0 0 0 2px var(--c-brand-blue)}.reader-stage{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:0}.book-scaler{position:relative;flex-shrink:0;overflow:visible}.book-scaler-inner{position:absolute;top:0;left:0}.stf__block{box-shadow:0 16px 32px #3a2c1a2e}.flip-btn{width:56px;height:56px;border-radius:50%;background:var(--c-surface);border:none;color:var(--c-text-muted);font-size:22px;cursor:url(/cursors/pointer.png) 6 8,pointer;flex-shrink:0;box-shadow:0 1px 2px #0f172a0f,0 4px 12px #0f172a14,0 0 0 1px #0f172a0a;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast)}.flip-btn:hover:not(:disabled){color:var(--c-text);transform:scale(1.06);box-shadow:0 2px 4px #0f172a14,0 8px 20px #0f172a1f,0 0 0 1px #0f172a0f}.flip-btn:active:not(:disabled){transform:scale(.98)}.flip-btn:disabled{opacity:.35;cursor:not-allowed}.page-num{text-align:center;color:var(--c-text-muted);font-size:var(--fs-xs);margin-top:var(--s-3)}.pg{background-color:#fff;color:var(--c-text-strong);overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.32  0 0 0 0 0.2  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;background-blend-mode:multiply}.pg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;border:.5px solid rgba(160,140,110,.28)}.pg.left-pg:after{box-shadow:inset -18px 0 24px -12px #3a2c1a61}.pg.right-pg:after{box-shadow:inset 18px 0 24px -12px #3a2c1a61}.pg-inner{position:relative;width:100%;height:100%;padding:var(--s-8) var(--s-10);display:flex;flex-direction:column;gap:var(--s-3);box-sizing:border-box}.pg-inner:has(>.img-slot.bleed:only-child),.pg-inner:has(>.img-slot.full){padding:0;gap:0}.pg-inner:has(>.text-slot:only-child),.pg-inner:has(>.cover-title-block:only-child){justify-content:center}.img-slot{width:100%;aspect-ratio:1/1;background:var(--c-accent-blue);border-radius:var(--r-1);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;flex-shrink:0}.img-slot.wide{aspect-ratio:16/9}.img-slot.full,.img-slot.bleed{flex:1;aspect-ratio:auto;height:100%;border-radius:0}.img-slot img{width:100%;height:100%;object-fit:cover;display:block}.img-slot.pending{animation:img-pulse 1.6s ease-in-out infinite;background:var(--c-surface-soft);color:var(--c-text)}.img-slot.failed{background:var(--c-error-bg);color:var(--c-error)}@keyframes img-pulse{0%,to{opacity:.6}50%{opacity:1}}.img-slot img.image-spread-img{position:absolute;top:0;width:200%;height:100%;object-fit:cover;object-position:center center}.image-spread-img.left-half{left:0}.image-spread-img.right-half{right:0}.image-spread-overlay{position:absolute;left:var(--s-3);right:var(--s-3);bottom:var(--s-3);background:#fffdf6eb;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);font-size:var(--book-fs-caption);line-height:var(--book-lh-base);color:var(--c-text-strong);max-height:50%;overflow-y:auto}.image-spread-overlay .seg{margin:0}.image-spread-overlay .seg+.seg{margin-top:4px}.image-spread-overlay .seg.char{color:var(--c-text);font-style:italic}.image-spread-caption-line{margin:var(--s-2) 0 0;padding-top:var(--s-2);border-top:1px dashed var(--c-border-soft);font-weight:var(--book-fw-light);color:var(--c-text-muted);font-style:italic}.text-slot{font-size:var(--book-fs-body);line-height:var(--book-lh-body);font-weight:var(--book-fw-body);letter-spacing:var(--book-letter);color:var(--c-text-strong)}.text-slot .seg{margin:0}.text-slot .seg+.seg{margin-top:var(--book-seg-gap)}.text-slot .seg.char{color:var(--c-text);font-style:italic}.cover-title-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cover-title-block h1{margin:0;font-size:var(--book-fs-title-cover);font-weight:var(--book-fw-display);line-height:var(--book-lh-tight);letter-spacing:var(--book-letter);color:var(--c-text-strong)}.cover-title-block .subtitle{margin-top:var(--s-3);font-size:var(--book-fs-subtitle);font-weight:var(--book-fw-secondary);line-height:var(--book-lh-loose);color:var(--c-text-muted)}.back-cover-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-3)}.back-cover-block h2{margin:0;font-size:var(--book-fs-title-back);font-weight:var(--book-fw-display);line-height:var(--book-lh-tight);letter-spacing:var(--book-letter);color:var(--c-text-strong)}.back-cover-block .summary{font-size:var(--book-fs-subtitle);font-weight:var(--book-fw-secondary);line-height:var(--book-lh-loose);color:var(--c-text-muted)}.back-cover-block .cta-row{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.back-cover-block .cta-row button{background:#e8943a;color:var(--c-text-on-brand);border:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);cursor:url(/cursors/pointer.png) 6 8,pointer;font-weight:var(--fw-bold)}.question-page{flex:1;display:flex;flex-direction:column;justify-content:center}.page-edit-btn{position:absolute;bottom:var(--s-3);right:var(--s-3);width:36px;height:36px;border-radius:var(--r-pill);background:var(--c-surface);border:2px solid var(--c-border-soft);font-size:var(--fs-md);cursor:url(/cursors/pointer.png) 6 8,pointer;box-shadow:var(--sh-1);display:flex;align-items:center;justify-content:center;z-index:5;transition:transform var(--dur-fast),background var(--dur-fast)}.page-edit-btn:hover{transform:scale(1.08);background:var(--c-surface-hover)}.page-debug{position:absolute;bottom:var(--s-2);left:var(--s-3);font-family:var(--ff-mono);font-size:10px;color:var(--c-text-subtle);pointer-events:none;opacity:.6}.qbox{position:relative;background:transparent;border:2px dashed rgba(224,168,100,.5);border-radius:var(--r-4);padding:var(--s-5) var(--s-4) var(--s-4);margin:var(--s-5) 0 var(--s-2);transform:rotate(-.4deg);z-index:6}.qbox:before{content:"提问";position:absolute;top:calc(var(--s-3) * -1);left:var(--s-4);background:#e8943a;color:var(--c-text-on-brand);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:2px var(--s-3);border-radius:var(--r-pill);letter-spacing:3px;box-shadow:var(--sh-1);transform:rotate(-3deg)}.qbox .stem{font-size:var(--book-fs-question);font-weight:var(--book-fw-body);line-height:var(--book-lh-loose);letter-spacing:var(--book-letter);margin-bottom:var(--s-3);color:var(--c-text-strong)}.qbox .options{display:flex;gap:var(--s-3);margin-top:var(--s-3)}.qbox .options[data-count="3"]{flex-direction:column}.qbox .options[data-count="4"]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s-3)}.qbox .options:not([data-count="3"]):not([data-count="4"]){flex-direction:column}.qbox .opt{position:relative;flex:1;min-width:0;background:var(--c-surface);border:2px solid transparent;padding:var(--s-5) var(--s-4) var(--s-4) var(--s-4);margin-left:14px;margin-top:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;min-height:76px;cursor:url(/cursors/pointer.png) 6 8,pointer;border-radius:var(--r-3);color:var(--c-text-strong);font-size:var(--book-fs-option);font-weight:var(--book-fw-secondary);line-height:var(--book-lh-tight);box-shadow:var(--sh-1);transition:transform var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.qbox .opt:hover{transform:translateY(-2px);box-shadow:var(--sh-2);background:var(--c-surface-hover)}.qbox .opt.correct{background:var(--c-success-bg);border-color:var(--c-success);color:var(--c-success)}.qbox .opt.wrong{background:var(--c-error-bg);border-color:var(--c-error);color:var(--c-error)}.qbox .opt.correct .opt-letter{background:var(--c-success)}.qbox .opt.wrong .opt-letter{background:var(--c-error)}.qbox .opt-letter{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:#e8943a;color:var(--c-text-on-brand);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);letter-spacing:0}.qbox .opt-text{display:block}.qbox .feedback{margin-top:var(--s-3);font-size:var(--book-fs-feedback);font-weight:var(--book-fw-secondary);padding:var(--s-2) var(--s-3);border-radius:var(--r-2)}.qbox .feedback.correct{background:var(--c-success-bg);color:var(--c-success)}.qbox .feedback.hint{background:var(--c-warn-bg);color:var(--c-warn)}.qbox .feedback.revealed{background:#ffeec4;color:var(--c-warn)}.qbox .fib-blank{display:inline-block;min-width:3em;padding:0 6px;margin:0 2px;border-bottom:2px dashed #e8943a;color:#e8943a;font-weight:700;text-align:center}.audio-btn{position:absolute;bottom:var(--s-3);left:var(--s-3);width:32px;height:32px;border-radius:var(--r-pill);background:#ffffffe6;color:var(--c-accent-blue-strong);display:flex;align-items:center;justify-content:center;cursor:url(/cursors/pointer.png) 6 8,pointer;border:none;padding-left:2px;font-size:var(--fs-xs);z-index:4}.audio-btn:disabled{opacity:.3;cursor:not-allowed}.source-divider{border:0;border-top:1px dashed var(--c-rule, #d8d3c4);margin:var(--s-3) 0}.source-card{font-size:13px;line-height:1.55;color:var(--c-text-soft, #6b6457)}.source-card h4{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:none;margin:0 0 var(--s-1);color:var(--c-text-soft, #6b6457);opacity:.7}.source-card .source-title{font-weight:600;color:var(--c-text, #2d2a23);margin:0 0 var(--s-2);font-size:14px}.source-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s-2)}.source-card .source-chip,.source-modal .source-chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--c-chip-bg, #efe9d8);color:var(--c-chip-fg, #5a523f);font-size:11px;line-height:1.4}.source-card .source-attr{font-size:11px;opacity:.7;margin:0 0 var(--s-2)}.source-card .source-cta{background:transparent;border:1px solid var(--c-rule, #d8d3c4);color:var(--c-text-soft, #6b6457);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.source-card .source-cta:hover{background:var(--c-chip-bg, #efe9d8)}.source-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center}.source-modal{position:relative;background:var(--c-paper, #faf6ec);border-radius:12px;padding:28px 32px;width:min(720px,92vw);max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.source-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:0;cursor:pointer;color:var(--c-text-soft, #6b6457);padding:4px}.source-modal-header{margin-bottom:var(--s-3);padding-right:32px}.source-modal-kind{font-size:12px;opacity:.6;margin-bottom:4px}.source-modal-header h2{font-size:22px;margin:0 0 6px}.source-modal-summary{font-size:13px;opacity:.75;margin:0}.source-modal-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s-3)}.source-modal-raw{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 var(--s-3);font-size:12px}.source-modal-raw-row{display:contents}.source-modal-raw dt{opacity:.6}.source-modal-raw dd{margin:0}.source-modal hr{border:0;border-top:1px solid var(--c-rule, #d8d3c4);margin:var(--s-3) 0}.source-modal-text-heading{font-size:13px;margin:0 0 var(--s-2);opacity:.7}.source-modal-text{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.7;color:var(--c-text, #2d2a23);margin:0;padding:8px 12px;background:#00000005;border-radius:6px}.book-meta-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 24px 16px}.book-meta-strip .meta-chip{display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;background:var(--c-chip-bg, #efe9d8);color:var(--c-text-soft, #6b6457);font-size:14px;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s}.book-meta-strip .meta-chip:hover{background:var(--c-chip-bg-hover, #e6dfc8);transform:translateY(-1px)}.book-meta-strip .meta-chip:active{transform:translateY(0)}.story-stage-panel{padding:var(--s-4) var(--s-6);display:flex;flex-direction:column;overflow:auto}.story-book-empty{color:var(--c-text-muted);text-align:center;padding:var(--s-10)}.story-book-empty-icon{font-size:96px;margin-bottom:var(--s-3);opacity:.4}.pv-page{padding:var(--s-3) var(--s-4);gap:var(--s-3);overflow-y:auto}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,18vw,240px),1fr));gap:var(--s-4) var(--s-4);justify-items:stretch;padding:var(--s-3) 0 var(--s-8);width:100%}.pv-grid-empty{display:flex;justify-content:center;align-items:center;padding:var(--s-12) var(--s-6);color:var(--c-text-muted);font-size:var(--fs-md);text-align:center}.pv-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);background:transparent;border:none;padding:var(--s-2);font-family:inherit;color:var(--c-text);cursor:url(/cursors/pointer.png) 6 8,pointer;position:relative;width:100%;border-radius:var(--r-4);transition:transform var(--dur-base) var(--ease-out)}.pv-card:hover{transform:translateY(-4px) scale(1.03)}.pv-card-blob{position:relative;width:100%;aspect-ratio:1 / 1;display:block;filter:drop-shadow(0 4px 10px rgba(58,44,26,.1))}.pv-card-blob svg{width:100%;height:100%;display:block}.pv-card-blob-bg{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat;pointer-events:none}.pv-card-sticker{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;object-fit:contain;pointer-events:none}.pv-card-text{font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-align:center;color:var(--c-text);width:100%;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.pv-card-unrevealed .pv-card-text{color:var(--c-text-muted);font-weight:var(--fw-regular)}.pv-card-unrevealed .pv-card-blob{filter:drop-shadow(0 2px 5px rgba(58,44,26,.05))}.pv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#1f2a365c;display:flex;align-items:center;justify-content:center;animation:pv-fade-in var(--dur-base) var(--ease-out)}.pv-modal{background:var(--c-surface);border-radius:var(--r-5);width:clamp(320px,80vw,520px);padding:var(--s-12) var(--s-6) var(--s-6);box-shadow:var(--sh-4);position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.pv-modal-elephant{position:absolute;top:var(--s-3);left:var(--s-3);display:flex;align-items:center;gap:var(--s-2)}.pv-modal-elephant img{width:36px;height:36px;object-fit:contain}.pv-modal-elephant-bubble{background:var(--c-surface-soft);color:var(--c-text);padding:4px 10px;border-radius:var(--r-3);font-size:var(--fs-sm)}.pv-modal-upper{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);white-space:pre-line;text-align:center;color:var(--c-text-strong);margin-top:var(--s-3)}.pv-modal-cue{font-size:var(--fs-sm);color:var(--c-text-muted);margin:var(--s-2) 0}.pv-mic{width:72px;height:72px;border-radius:50%;background:var(--c-brand-blue);color:var(--c-text-on-brand);border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-3);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:background var(--dur-fast)}.pv-mic:disabled{opacity:.6;cursor:not-allowed}.pv-mic-recording{background:var(--c-error);animation:pv-mic-pulse 1.2s ease-in-out infinite}@keyframes pv-mic-pulse{0%,to{box-shadow:0 0 #b8787873,var(--sh-3)}50%{box-shadow:0 0 0 14px #b8787800,var(--sh-3)}}.pv-mic-spin{animation:pv-spin 1.2s linear infinite}@keyframes pv-spin{to{transform:rotate(360deg)}}.pv-skip-link{background:none;border:none;font-size:var(--fs-xs);color:var(--c-text-muted);text-decoration:underline;text-underline-offset:3px;cursor:url(/cursors/pointer.png) 6 8,pointer}.pv-modal-close{position:absolute;top:var(--s-3);right:var(--s-3);width:30px;height:30px;border-radius:50%;background:var(--c-surface-soft);color:var(--c-text-muted);border:none;display:flex;align-items:center;justify-content:center;cursor:url(/cursors/pointer.png) 6 8,pointer}.pv-reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#1f2a365c;display:flex;align-items:center;justify-content:center;animation:pv-fade-in var(--dur-slow) var(--ease-out)}.pv-reveal{position:relative;background:var(--c-surface);border-radius:var(--r-5);box-shadow:var(--sh-4);padding:var(--s-6) var(--s-6) var(--s-5);width:clamp(320px,86vw,460px);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);animation:pv-rcard-rise var(--dur-slow) var(--ease-out)}@keyframes pv-rcard-rise{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.pv-rcard-close{position:absolute;top:var(--s-3);right:var(--s-3);width:36px;height:36px;border-radius:50%;background:var(--c-surface-soft);color:var(--c-text-muted);border:none;display:flex;align-items:center;justify-content:center;cursor:url(/cursors/pointer.png) 6 8,pointer}.pv-rcard-close:hover{background:var(--c-surface-hover);color:var(--c-text)}.pv-rcard-sticker{position:relative;width:min(60vw,320px);height:min(60vw,320px);filter:drop-shadow(0 8px 24px rgba(58,44,26,.18))}.pv-rcard-sticker-silhouette,.pv-rcard-sticker-fill{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:var(--pv-mask);mask-image:var(--pv-mask);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat;pointer-events:none}.pv-rcard-sticker-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pv-rcard-sticker.is-blooming .pv-rcard-sticker-silhouette{animation:pv-silhouette-out 1.2s ease-out forwards}.pv-rcard-sticker.is-blooming .pv-rcard-sticker-fill,.pv-rcard-sticker.is-blooming .pv-rcard-sticker-img{animation:pv-bloom-in 1.2s cubic-bezier(.22,1.32,.36,1) forwards;opacity:0;transform-origin:center}@keyframes pv-silhouette-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pv-bloom-in{0%{opacity:0;transform:scale(.55) rotate(-8deg)}60%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pv-rcard-text{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);white-space:pre-line;text-align:center;color:var(--c-text-strong);margin-top:var(--s-2)}.pv-rcard-paraphrase{font-size:var(--fs-md);color:var(--c-text);line-height:var(--lh-base);text-align:center;padding:0 var(--s-3)}.pv-rcard-origin{font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:1px;margin-bottom:var(--s-2)}.pv-rcard-actions{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;width:100%;margin-top:var(--s-1)}.pv-rcard-action{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--c-surface-soft);color:var(--c-text);border:none;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:url(/cursors/pointer.png) 6 8,pointer;transition:transform var(--dur-fast),background var(--dur-fast)}.pv-rcard-action:hover{transform:scale(1.04);background:var(--c-surface-hover)}.pv-rcard-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.pv-rcard-action.is-favorited{background:var(--c-accent-pink);color:var(--c-text-on-brand)}.pv-rcard-action-primary{background:var(--c-brand-blue);color:var(--c-text-on-brand)}.pv-rcard-action-primary:hover{background:var(--c-brand-blue)}@keyframes pv-fade-in{0%{opacity:0}to{opacity:1}}.daily-page{flex:1;display:flex;flex-direction:column;padding:var(--s-4);gap:var(--s-3);min-height:0;min-width:0}.daily-map-panel{flex:1 1 auto;min-height:0;position:relative;background:var(--c-accent-blue)}.daily-journey-panel{flex:0 0 auto;padding:18px 22px}.daily-title{font-size:var(--fs-4);font-weight:600;text-align:center;color:var(--c-text)}.daily-subtitle{text-align:center;color:var(--c-text-muted);font-size:var(--fs-2)}.daily-map-shell{position:absolute;top:0;right:0;bottom:0;left:0}.daily-map{background:transparent;height:100%;position:relative;overflow:hidden}.daily-map>svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 8px rgba(40,80,140,.18))}.daily-province{fill:var(--c-accent-green);stroke:var(--c-surface);stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.daily-province:hover{filter:brightness(.94)}.daily-province.selected,.daily-province.selected.earned,.daily-province.selected.active,.daily-province.selected.locked,.daily-province.selected.unreleased{fill:var(--c-brand-blue)}.daily-south-sea-inset{position:absolute;left:var(--s-3);bottom:var(--s-3);width:clamp(82px,12%,110px);padding:6px 6px 4px;background:#ffffffd9;border:1px solid var(--c-border-soft);border-radius:18px;box-shadow:0 2px 8px #28508c1f;display:flex;flex-direction:column;gap:3px;pointer-events:none;z-index:2}.daily-south-sea-inset svg{width:100%;aspect-ratio:100 / 140;display:block}.daily-south-sea-dashes{fill:var(--c-brand-blue-strong);stroke:var(--c-brand-blue-strong);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.daily-south-sea-label{text-align:center;font-size:10px;font-weight:600;color:var(--c-text-muted);letter-spacing:1px;line-height:1}.daily-province-icon{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;perspective:600px}.daily-province-pin{width:clamp(56px,9vw,96px);height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));transform-origin:bottom center;animation:daily-pin-flipup .48s cubic-bezier(.22,1.32,.36,1) .4s both}@keyframes daily-pin-flipup{0%{transform:rotateX(-90deg);opacity:0}60%{opacity:1}to{transform:rotateX(0);opacity:1}}.daily-province-icon-label{letter-spacing:.5px}.daily-floating-anchor{position:absolute;width:min(700px,calc(100% - 28px));z-index:3;transition:top var(--dur-base) var(--ease-out, ease-out),left var(--dur-base) var(--ease-out, ease-out),opacity var(--dur-base) var(--ease-out, ease-out);pointer-events:auto}.daily-floating-anchor:has(.province-detail-card){width:max-content;max-width:380px}.daily-floating{width:100%;background:var(--c-surface);border:none;border-radius:50px;padding:22px 22px 24px;box-shadow:0 12px 28px #28508c2e;display:flex;flex-direction:column;gap:18px}.daily-floating-head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;color:var(--c-text-strong);margin:0;letter-spacing:.02em}.daily-floating-head-accent{color:var(--c-brand-blue)}.daily-mission-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}.daily-mission-head-province{font-size:36px;font-weight:800;color:var(--c-brand-blue);line-height:1.1;letter-spacing:.04em}.daily-mission-head-label{font-size:15px;font-weight:500;color:var(--c-text-muted);letter-spacing:.08em}.daily-mission-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:22px}.daily-mission-list>li{flex:1 1 0;min-width:0;display:flex}.daily-mission-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:78px 12px 18px;background:var(--tile-bg, var(--c-surface-soft));border:none;border-radius:28px;cursor:pointer;font-family:var(--ff-base);width:100%;position:relative;overflow:visible;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.daily-mission-item.tone-story,.daily-mission-item.tone-compose{--tile-bg: hsl(200 50% 88%)}.daily-mission-item.tone-proverb{--tile-bg: hsl(150 45% 88%)}.daily-mission-item.tone-song{--tile-bg: hsl( 50 60% 88%)}.daily-mission-item.tone-rhyme{--tile-bg: hsl( 20 70% 90%)}.daily-mission-item:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #28508c29}.daily-mission-item:disabled{cursor:default}.daily-mission-icon{width:92px;height:92px;flex-shrink:0;object-fit:contain;position:absolute;left:50%;top:-18px;transform:translate(-50%);filter:drop-shadow(0 6px 12px rgba(31,42,54,.25));pointer-events:none}.daily-mission-item.done .daily-mission-icon{filter:grayscale(.4) opacity(.7)}.daily-mission-text{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.daily-mission-title{font-weight:600;font-size:16px;color:var(--c-text);line-height:1.35;word-break:break-word}.daily-mission-sub{font-weight:500;font-size:13px;color:var(--c-text-muted);line-height:1.35;word-break:break-word}.daily-mission-chevron{display:none}.daily-mission-done{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--c-accent-green-strong);color:var(--c-text-on-brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #5aa55a66}.daily-mission-item.done{background:var(--c-success-bg);border-color:var(--c-accent-green)}.daily-mission-item.done .daily-mission-title{color:var(--c-text)}.daily-mission-item.done .daily-mission-icon{filter:saturate(.7);opacity:.8}.daily-floating-empty{align-items:center;text-align:center;padding:18px 22px 20px}.daily-floating-empty-hint{font-size:13px;color:var(--c-text-muted);margin:0;line-height:1.5}.daily-floating-cta{align-self:center;background:var(--c-brand-blue);color:var(--c-text-on-brand);border:0;border-radius:999px;padding:8px 18px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 10px #5aa5d859;transition:filter var(--dur-base);margin-top:4px}.daily-floating-cta:hover{filter:brightness(1.05)}.daily-journey{width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none}.daily-journey-nodes{list-style:none;padding:0 var(--s-4);margin:0;display:flex;align-items:center;justify-content:flex-start;gap:var(--s-6);scrollbar-width:none;min-height:200px;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.daily-journey-trail{position:absolute;left:0;top:0;height:100%;pointer-events:none;z-index:0;overflow:visible}.daily-journey-trail path{fill:none;stroke:var(--c-border-soft);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 8}.daily-journey-nodes::-webkit-scrollbar{display:none}.daily-journey-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;scroll-snap-align:center;transform:translateY(var(--node-y, 0));transition:transform var(--dur-base) var(--ease-out)}.daily-journey-node{background:none;border:0;padding:0 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;font-family:var(--ff-base);color:var(--c-text);transition:transform var(--dur-base)}.daily-journey-node:hover:not(.selected){transform:translateY(-2px)}.daily-journey-node.selected{transform:translateY(-3px)}.daily-journey-node-stars{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:24px}.daily-journey-node-stars[data-visible=false] .daily-journey-node-star{visibility:hidden}.daily-journey-node-star{width:20px;height:20px;display:block;transition:filter var(--dur-base),opacity var(--dur-base)}.daily-journey-node-star:nth-child(1){transform:rotate(-22deg) translateY(3px)}.daily-journey-node-star:nth-child(2){transform:rotate(0) translateY(-1px)}.daily-journey-node-star:nth-child(3){transform:rotate(22deg) translateY(3px)}.daily-journey-node-star.is-empty{filter:grayscale(1);opacity:.35}.daily-journey-node-star.is-filled{filter:drop-shadow(0 1px 2px rgba(200,150,30,.4))}.daily-journey-node-circle{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--c-border-soft);background:var(--c-surface-soft);color:var(--c-text-subtle);transition:transform var(--dur-base),box-shadow var(--dur-base)}.daily-journey-node-circle:after{display:none}.daily-journey-item:last-child .daily-journey-node-circle:after{display:none}.daily-journey-node-number{font-size:22px;font-weight:700;line-height:1;font-family:var(--ff-base)}.daily-journey-node-lock{opacity:.7}.daily-journey-node-earned .daily-journey-node-circle{background:var(--c-accent-green-strong);border-color:var(--c-accent-green-strong);color:var(--c-text-on-brand);box-shadow:0 4px 10px #5aa55a52}.daily-journey-node-active .daily-journey-node-circle{background:var(--c-brand-blue);border-color:transparent;color:var(--c-text-on-brand);box-shadow:0 6px 14px #5aa5d866}.daily-journey-node-locked .daily-journey-node-circle,.daily-journey-node-upcoming .daily-journey-node-circle,.daily-journey-node-empty .daily-journey-node-circle{background:var(--c-surface-soft);border-color:var(--c-border-soft);color:var(--c-text-subtle)}.daily-journey-node-empty .daily-journey-node-circle{opacity:.7}.daily-journey-node.selected .daily-journey-node-circle{transform:scale(1.08)}.daily-journey-node-pin{width:50px;height:50px;border-radius:50%;overflow:hidden;object-fit:cover;display:block;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22));animation:daily-pin-drop .38s cubic-bezier(.22,1.32,.36,1)}@keyframes daily-pin-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.daily-journey-node-name{font-size:12px;font-weight:600;white-space:nowrap;color:var(--c-text-strong);line-height:1.2}.daily-journey-node-active .daily-journey-node-name{color:var(--c-brand-blue-strong)}.daily-journey-node-locked .daily-journey-node-name,.daily-journey-node-upcoming .daily-journey-node-name,.daily-journey-node-empty .daily-journey-node-name{color:var(--c-text-muted);font-weight:500}.daily-journey-node-meta{font-size:10px;font-weight:500;color:var(--c-text-subtle);white-space:nowrap;line-height:1.2;min-height:12px;letter-spacing:.02em}.daily-journey-node-meta.is-today{color:var(--c-brand-blue-strong);font-weight:700;font-size:11px;letter-spacing:.05em}.daily-stars-row{display:flex;gap:24px;justify-content:center;align-items:center;padding:28px 0 16px}.daily-star{display:inline-block;width:72px;height:72px;transition:transform var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out);filter:grayscale(1) opacity(.35)}.daily-star img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-drag:none}.daily-star:nth-child(1){transform:rotate(-22deg) translateY(10px)}.daily-star:nth-child(2){transform:translateY(-10px)}.daily-star:nth-child(3){transform:rotate(22deg) translateY(10px)}.daily-star.done{filter:grayscale(0) opacity(1) drop-shadow(0 4px 12px rgba(232,182,71,.5))}.daily-star.done:nth-child(1){transform:rotate(-22deg) translateY(4px) scale(1.05)}.daily-star.done:nth-child(2){transform:translateY(-16px) scale(1.1)}.daily-star.done:nth-child(3){transform:rotate(22deg) translateY(4px) scale(1.05)}.daily-tasks-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.daily-task-card{flex:1 1 140px;min-height:96px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-5);padding:var(--s-3);cursor:pointer;display:flex;flex-direction:column;gap:var(--s-1);text-align:left;font-family:var(--ff-base);position:relative;box-shadow:var(--sh-1)}.daily-task-card:hover:not(.done){box-shadow:var(--sh-2)}.daily-task-card.done{background:var(--c-success-bg);border-color:var(--c-accent-green);cursor:default}.daily-task-icon{font-size:22px}.daily-task-title{font-weight:600;font-size:var(--fs-2);color:var(--c-text)}.daily-task-hint{font-size:var(--fs-1);color:var(--c-text-muted)}.daily-task-check{position:absolute;top:var(--s-2);right:var(--s-2);color:var(--c-accent-green-strong);font-weight:700}.daily-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.daily-reveal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052}.daily-reveal-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.daily-reveal-disc{width:110px;height:110px;border-radius:50%;background:var(--c-brand-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #5aa5d873;animation:daily-reveal-bloom .9s cubic-bezier(.22,1.32,.36,1) both;color:var(--c-text-on-brand)}.daily-reveal-card{background:var(--c-surface);border-radius:var(--r-5);padding:var(--s-3) var(--s-4);box-shadow:var(--sh-3);display:flex;flex-direction:column;align-items:center;gap:var(--s-2);animation:daily-reveal-card-in .4s var(--ease-out) .9s both;opacity:0}.daily-reveal-name{font-weight:700;font-size:var(--fs-3)}.daily-reveal-sub{font-size:var(--fs-1);color:var(--c-text-muted)}.daily-reveal-btn{padding:var(--s-1) var(--s-4);border-radius:14px;background:var(--c-brand-blue);color:var(--c-text-on-brand);font-weight:600;border:none;cursor:pointer;font-family:var(--ff-base)}@keyframes daily-reveal-bloom{0%{transform:scale(.55) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes daily-reveal-card-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.daily-task-page{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;padding:var(--s-6) var(--s-8) var(--s-10);gap:var(--s-4)}.daily-task-loading{text-align:center;padding:var(--s-12) var(--s-4);color:var(--c-text-muted);font-size:var(--fs-lg)}.daily-task-progress{text-align:center;color:var(--c-text-muted);font-size:var(--fs-md);font-weight:600;margin:0 0 var(--s-4);letter-spacing:.5px}.daily-task-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-6);align-items:stretch}.daily-task-cards>li{display:flex}.task-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-8) var(--s-5) var(--s-6);min-height:340px;background:var(--c-surface);border:2px solid var(--c-border-soft);border-radius:24px;box-shadow:var(--sh-1);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),border-color .16s var(--ease-out)}.task-card:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--c-brand-blue)}.task-card.done{background:var(--c-surface-soft);border-color:var(--c-success)}.task-card.done .task-card-title{color:var(--c-text-muted)}.task-card-icon{width:120px;height:120px;object-fit:contain;margin-bottom:var(--s-2);filter:drop-shadow(0 6px 12px rgba(31,42,54,.1));transition:transform .2s var(--ease-out)}.task-card:hover .task-card-icon{transform:scale(1.06) rotate(-3deg)}.task-card.done .task-card-icon{filter:grayscale(.4) drop-shadow(0 4px 8px rgba(31,42,54,.08))}.task-card-slot{font-size:var(--fs-xl);font-weight:700;color:var(--c-text-strong);text-align:center;letter-spacing:1px}.task-card-title{font-size:var(--fs-md);color:var(--c-text);text-align:center;flex:1;display:flex;align-items:center;justify-content:center;line-height:1.5;white-space:pre-line;min-height:2em}.task-card-cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-3) var(--s-8);background:var(--c-brand-blue);color:var(--c-text-on-brand);border-radius:999px;text-decoration:none;font-size:var(--fs-md);font-weight:700;letter-spacing:1px;box-shadow:var(--sh-1);transition:background .14s var(--ease-out),transform .14s var(--ease-out)}.task-card-cta:hover{background:var(--c-brand-blue-strong);transform:translateY(-1px)}.task-card.done .task-card-cta{background:var(--c-surface-sunken);color:var(--c-text-muted);box-shadow:none}.china-map-page{max-width:900px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-10)}.china-map-page>header{text-align:center;margin-bottom:var(--s-4)}.china-map-page>header h1{font-size:var(--fs-xl);font-weight:700;color:var(--c-text-strong);margin:0 0 var(--s-2)}.china-map-page>header p{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0}.china-map-page .daily-map{margin:0 auto var(--s-5);max-width:100%;aspect-ratio:4 / 3}.province-detail{background:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:16px;padding:var(--s-5) var(--s-5) var(--s-6);box-shadow:var(--sh-2);margin-top:var(--s-4)}.province-detail>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.province-detail>header h2{font-size:var(--fs-lg);font-weight:700;color:var(--c-text-strong);margin:0}.province-detail-progress{display:inline-flex;align-items:center;padding:var(--s-1) var(--s-3);background:var(--c-surface-soft);color:var(--c-text);border-radius:999px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.5px}.province-detail-badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);background:var(--c-success-bg);color:var(--c-success);border-radius:999px;font-size:var(--fs-sm);font-weight:600}.province-detail-hint{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.province-detail-card{background:var(--c-surface);border-radius:24px;box-shadow:var(--sh-3);padding:var(--s-4) var(--s-5) var(--s-5);min-width:280px;max-width:380px;display:flex;flex-direction:column;gap:var(--s-3)}.province-detail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.province-detail-name{font-size:var(--fs-xl);font-weight:700;color:var(--c-brand-blue-strong);letter-spacing:1px}.province-detail-entries{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.province-detail-entry{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface-soft);border-radius:14px;text-decoration:none;color:var(--c-text);transition:transform .14s var(--ease-out),background .14s var(--ease-out),box-shadow .14s var(--ease-out);border:2px solid transparent}.province-detail-entry:hover{background:var(--c-surface);border-color:var(--c-brand-blue);transform:translate(2px);box-shadow:var(--sh-1)}.province-detail-entry.done{opacity:.55;background:var(--c-success-bg)}.province-detail-entry-icon{font-size:24px;line-height:1;flex:0 0 auto}.province-detail-entry-title{flex:1;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-strong);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.province-detail-entry-chevron{flex:0 0 auto;font-size:20px;color:var(--c-text-muted);font-weight:700}.province-detail-entry.done .province-detail-entry-chevron{color:var(--c-success)}.badge-hall{flex:1;overflow-y:auto;min-height:0;padding:var(--s-6) var(--s-8) var(--s-10)}.badge-section{width:100%}.badge-hall>header{text-align:center;margin-bottom:var(--s-6)}.badge-hall>header h1{font-size:var(--fs-xl);font-weight:700;color:var(--c-text-strong);margin:0 0 var(--s-2)}.badge-hall>header p{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0}.badge-section{margin-bottom:var(--s-8)}.badge-section h2{font-size:var(--fs-lg);font-weight:600;color:var(--c-text-strong);margin:0 0 var(--s-4);display:flex;align-items:center;gap:var(--s-2)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-5)}.badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-2);background:none;border:none;box-shadow:none;border-radius:0;cursor:pointer;text-align:center;transition:transform .14s var(--ease-out)}.badge-card:hover{transform:translateY(-3px) scale(1.04)}.badge-card.dim{filter:grayscale(.9) opacity(.55)}.badge-card.dim:hover{filter:grayscale(.6) opacity(.8)}.badge-icon{font-size:56px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px}.badge-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(31,42,54,.12));-webkit-user-drag:none}.badge-card.dim .badge-icon-img{filter:grayscale(.9) opacity(.6)}.badge-title{font-size:var(--fs-sm);color:var(--c-text);font-weight:600;line-height:1.3;letter-spacing:.5px}.badge-card.dim .badge-title{color:var(--c-text-muted)}