@font-face{font-family:"Noto Serif SC";font-style:normal;font-display:swap;font-weight:400;src:url(./noto-serif-sc-scene-400-DJ9SR4iV.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-display:swap;font-weight:600;src:url(./noto-serif-sc-scene-600-BF7XlNdf.woff2) format("woff2")}:root{--dusk: #1b1730;--ink: #fbf5f2;--muted: #cfc3d6;--accent: #f6c3d4;--glass: rgba(30, 22, 48, .5);--line: rgba(255, 225, 235, .26);--serif: "Noto Serif SC", "Songti SC", "STSong", serif;--sans: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;color-scheme:dark}html,body{background:var(--dusk);color:var(--ink);font-family:var(--sans)}.stage{position:fixed!important;top:0;right:0;bottom:0;left:0;touch-action:none}.title{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);left:max(20px,calc(env(safe-area-inset-left,0px) + 16px));right:max(20px,calc(env(safe-area-inset-right,0px) + 16px));display:grid;gap:6px;justify-items:start;pointer-events:none;text-shadow:0 1px 12px rgba(20,12,40,.45)}.eyebrow{margin:0;font-size:11px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}.title h1{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.4vw,40px);letter-spacing:.1em}.sub{margin:0;font-size:13px;color:var(--muted);max-width:34em}.themes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;pointer-events:auto}.themes button{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;color:var(--muted);letter-spacing:.04em;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 7px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.themes button[aria-checked=true]{color:var(--ink);border-color:#f6c3d4cc}.swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint,.caption{position:fixed;left:50%;transform:translate(-50%);margin:0;font-family:var(--serif);white-space:nowrap;pointer-events:none;text-shadow:0 1px 14px rgba(30,14,50,.6)}.hint{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);font-size:15px;letter-spacing:.2em;color:var(--accent);animation:breathe 2.6s ease-in-out infinite;transition:opacity .6s}.hint.gone{opacity:0;animation:none}.caption{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);font-size:clamp(18px,2.4vw,24px);letter-spacing:.3em;color:var(--ink);opacity:0;transition:opacity 1.6s ease 2.2s}.caption.shown{opacity:.92}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:22px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:max-content;max-width:calc(100vw - 32px)}.dock button{font:inherit;font-size:14px;color:var(--ink);letter-spacing:.06em;background:transparent;border:1px solid var(--line);border-radius:14px;padding:9px 16px;cursor:pointer;transition:background .2s,border-color .2s}.dock button:hover{background:#f6c3d424;border-color:#f6c3d48c}.dock button.primary{background:var(--accent);color:#3a1428;border-color:var(--accent);font-weight:600;min-width:96px}.dock button[aria-pressed=false]{color:var(--muted)}.dock button:disabled{opacity:.5;cursor:default}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(ellipse at 50% 60%,#4a3a6b 0%,var(--dusk) 70%);color:var(--muted);font-family:var(--serif);font-size:15px;letter-spacing:.14em;transition:opacity .9s ease}.loading p{margin:0}.loading.done{opacity:0;pointer-events:none}.loader{position:relative;width:120px;height:70px}.loader i{position:absolute;border-radius:50%;background:#fff;filter:blur(6px);opacity:.85;animation:drift 3.2s ease-in-out infinite}.loader i:nth-child(1){width:56px;height:56px;left:10px;top:14px;background:#ffd1e8}.loader i:nth-child(2){width:70px;height:70px;left:36px;top:0;animation-delay:-1s}.loader i:nth-child(3){width:48px;height:48px;left:70px;top:20px;background:#d9ccff;animation-delay:-2s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4px,-6px) scale(1.08)}}@media(max-width:560px){.hint,.caption{bottom:calc(env(safe-area-inset-bottom,0px) + 84px);font-size:14px}.dock button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.hint,.loader i{animation:none}}