:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-400:#a855f7;--brand-500:#7c2dff;--brand-600:#6d28d9;--brand-700:#5b2bff;--brand-magenta:#c026ff;--brand-indigo:#4f46e5;--accent-emerald:#34d399;--accent-emerald-dark:#047857;--accent-gold:#facc15;--surface-page:#f7f4ff;--surface-card:#fff;--surface-soft:#f3e8ff;--surface-muted:#f8fafc;--border-soft:#eee7ff;--border-neutral:#e5e7eb;--text-strong:#171827;--text-body:#374151;--text-muted:#8b7daf;--text-faint:#a8a1b8;--danger:#ef4444;--player-bg:#180b35;--gradient-brand:linear-gradient(135deg, #c026ff 0%, #7c2dff 58%, #4f46e5 100%);--gradient-brand-soft:linear-gradient(145deg, #fff 0%, #fbf7ff 55%, #eefdf7 100%);--gradient-night:radial-gradient(circle at 72% 18%, #c026ff6b, transparent 35%), linear-gradient(155deg, #2a0c52 0%, #16092f 64%, #0e071d 100%);--radius-sm:10px;--radius-md:14px;--radius-card:18px;--radius-hero:22px;--radius-pill:999px;--shadow-card:0 8px 24px #35246017;--shadow-float:0 18px 50px #35246038;--shell-width:480px;--tap-size:44px;--nav-height:66px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-number:"DIN Alternate", "SF Pro Rounded", ui-rounded, var(--font-sans)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;background:#efeafd;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text-strong);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% 8%,#c026ff21,#0000 25%),radial-gradient(circle at 82% 88%,#34d3991a,#0000 25%),#efeafd;margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[role=dialog],[role=alertdialog]{overscroll-behavior:contain}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{color:#fff;background:var(--brand-500)}:focus-visible{outline-offset:3px;outline:3px solid #7c2dff52}.site-canvas{min-height:100vh;position:relative}.skip-link{z-index:1000;color:#fff;border-radius:var(--radius-pill);background:var(--brand-700);opacity:0;pointer-events:none;align-items:center;min-height:44px;padding:9px 14px;font-weight:800;transition:opacity .15s,transform .15s;display:inline-flex;position:fixed;top:8px;left:50%;transform:translate(-50%,-150%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translate(-50%)}.app-shell{width:min(100%, var(--shell-width));background:var(--surface-page);isolation:isolate;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #3b1e6f21}.app-shell--tabs{padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.page{background:var(--surface-page);min-height:100dvh}.page-content{padding:16px}.desktop-brand,.desktop-note{display:none}.bottom-nav{z-index:90;width:min(100%, var(--shell-width));height:calc(var(--nav-height) + var(--safe-bottom));padding:7px 8px calc(7px + var(--safe-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);background:#ffffffeb;border-top:1px solid #eee7ffe6;grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #35246014}.bottom-nav__item{color:#9890a8;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:10px;font-weight:600;transition:color .22s,transform .22s;display:flex;position:relative}.bottom-nav__item svg,.bottom-nav__item span:last-child{z-index:1;position:relative}.bottom-nav__item--active{color:var(--brand-500);transform:translateY(-1px)}.bottom-nav__halo{border-radius:var(--radius-pill);background:var(--surface-soft);opacity:0;width:42px;height:30px;transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;transform:scale(.7)}.bottom-nav__item--active .bottom-nav__halo{opacity:1;transform:scale(1)}.page-header{z-index:50;min-height:58px;padding:max(6px, env(safe-area-inset-top)) 10px 6px;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffffe6;border-bottom:1px solid #eee7ffdb;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.page-header--transparent{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.page-header__copy{text-align:center;min-width:0}.page-header h1,.page-header p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.page-header h1{font-size:16px;font-weight:800}.page-header p{color:var(--text-muted);margin-top:1px;font-size:10px}.icon-button,.page-header__action-slot{width:var(--tap-size);height:var(--tap-size);background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:active,.page-header__action-slot:active{background:#7c2dff14;transform:scale(.94)}.card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.primary-button,.secondary-button,.text-button{min-height:var(--tap-size);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--gradient-brand);padding:0 22px;box-shadow:0 10px 24px #7c2dff47}.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.secondary-button{color:var(--brand-600);border:1px solid var(--border-soft);background:var(--surface-soft);padding:0 20px}.text-button{min-height:var(--tap-size);color:var(--brand-600);background:0 0;padding:0 12px}.async-state{min-height:260px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:30px 22px;display:flex}.async-state strong{color:var(--text-body);font-size:15px}.async-state span{font-size:12px}.async-state__spinner{animation:1s linear infinite spin}.media-image{background:linear-gradient(145deg,#f3e8ff,#e9e5ff);justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;overflow:hidden}.media-image img{width:100%;height:100%}.media-image__fallback{color:#7c2dff5c;font-family:var(--font-number);letter-spacing:.18em;font-size:13px;font-weight:900}@media (width<=480px){.app-shell :is(input,textarea,select){font-size:16px!important}}.safe-html{color:var(--text-body);overflow-wrap:anywhere;font-size:14px;line-height:1.85}.safe-html img,.safe-html video{border-radius:14px;width:100%;height:auto;margin:10px 0}.toast-host{z-index:999;top:max(18px, calc(env(safe-area-inset-top) + 10px));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(100% - 24px,440px);margin:0 auto;display:flex;position:fixed;left:12px;right:12px}.toast{color:#fff;border-radius:var(--radius-pill);max-width:92%;min-height:44px;box-shadow:var(--shadow-float);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#180b35eb;border:1px solid #ffffff26;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.toast--success{background:#047857f0}.toast--error{background:#991b1bf0}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1080px){.site-canvas{grid-template-columns:260px var(--shell-width) 240px;align-items:center;gap:48px;width:fit-content;min-height:100vh;margin:0 auto;padding:34px;display:grid}.app-shell{border:8px solid #ffffffc2;border-radius:34px;height:min(900px,100vh - 68px);min-height:720px;overflow-y:auto;box-shadow:0 36px 100px #31175c33}.bottom-nav{border-radius:0 0 26px 26px;position:sticky;bottom:0}.desktop-brand,.desktop-note{flex-direction:column;align-items:flex-start;display:flex}.desktop-brand__eyebrow,.desktop-note span{color:var(--brand-600);letter-spacing:.18em;font-size:10px;font-weight:900}.desktop-brand strong{color:#26123f;font-family:var(--font-display);letter-spacing:-.04em;margin-top:18px;font-size:34px;font-weight:900;line-height:1.18}.desktop-brand p,.desktop-note p{color:#76698c;max-width:220px;font-size:13px;line-height:1.8}.desktop-brand__line{background:var(--gradient-brand);border-radius:2px;width:56px;height:3px;margin:20px 0}.desktop-brand small{color:#9b92aa;font-size:10px}.desktop-note{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff75;border:1px solid #7c2dff1f;border-radius:20px;padding:20px}.desktop-note strong{color:#25143d;margin-top:10px;font-size:18px}}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1)}.page-enter-from{opacity:0;transform:translateY(10px)scale(.995)}.page-leave-to{opacity:0;transform:translateY(-4px)scale(.998)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .32s cubic-bezier(.22,1,.36,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-12px)scale(.96)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}