:root{color-scheme:light;--color-primary: #007aff;--color-primary-hover: #0067d6;--color-primary-soft: #eaf3ff;--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-subtle: #f7f9fc;--color-bg-soft: #f5f7fb;--color-bg-raised: #ffffff;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-hint: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-subtle: #eef0f3;--color-border-strong: #cfd6df;--color-accent: #0f172a;--color-accent-soft: #eff6ff;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-danger-hover: #b91c1c;--color-success: #047857;--color-success-soft: #d1fae5;--color-overlay-light: rgba(255, 255, 255, .78);--color-overlay-medium: rgba(15, 23, 42, .18);--color-bg-deep: var(--color-bg-page);--color-bg-panel: var(--color-bg-page);--color-bg-card: var(--color-bg-surface);--color-bg-input: var(--color-bg-soft);--color-bg-hover: var(--color-bg-subtle);--color-bg-active: var(--color-primary);--color-accent-text: var(--color-text-inverse);--color-danger-text: #ffffff}:root{--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-subtle: #f7f9fc;--color-bg-soft: #f5f7fb;--color-bg-raised: #ffffff;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-hint: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-subtle: #eef0f3;--color-border-strong: #cfd6df;--color-primary: #007aff;--color-primary-hover: #0067d6;--color-primary-soft: #eaf3ff;--color-accent: #0f172a;--color-accent-soft: #eff6ff;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-danger-hover: #b91c1c;--color-success: #047857;--color-success-soft: #d1fae5;--color-overlay-light: rgba(255, 255, 255, .72);--color-overlay-medium: rgba(15, 23, 42, .18);--color-bg-deep: var(--color-bg-page);--color-bg-panel: var(--color-bg-page);--color-bg-card: var(--color-bg-surface);--color-bg-input: var(--color-bg-soft);--color-bg-hover: var(--color-bg-subtle);--color-bg-active: var(--color-primary);--color-accent-text: var(--color-text-inverse);--color-danger-text: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--shadow-md: 0 8px 24px rgba(17, 24, 39, .06);--shadow-lg: 0 18px 48px rgba(17, 24, 39, .1);--shadow-lift: 0 14px 34px rgba(17, 24, 39, .12);--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.875rem, .84rem + .18vw, .95rem);--text-base: clamp(1rem, .96rem + .18vw, 1.06rem);--text-lg: clamp(1.08rem, 1rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.55rem);--text-display: clamp(2rem, 1.5rem + 3vw, 4rem);--text-hero: clamp(4rem, 2rem + 8vw, 12rem);--text-mega: clamp(4rem, 2rem + 15vw, 24rem);--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.45;--leading-relaxed: 1.65;--z-base: 0;--z-sticky: 1;--z-overlay: 10;--z-modal: 100}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--ease-out: linear;--ease-in-out: linear;--ease-spring: linear}}:root{--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out-expo);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-shadow: box-shadow var(--duration-fast) var(--ease-out)}@media (max-width: 767px){:root{--settings-grid-cols: 1fr;--settings-padding: var(--space-4)}}@media (min-width: 768px){:root{--settings-grid-cols: 160px 1fr;--settings-padding: var(--space-6)}}.hover-lift{transition:var(--transition-transform),var(--transition-shadow)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.press-down:active{transform:scale(.96);transition-duration:var(--duration-instant)}.drag-lift{transition:transform var(--duration-normal) var(--ease-out-back),box-shadow var(--duration-normal) var(--ease-out)}.drag-lift.dragging{transform:scale(1.02) rotate(.5deg);box-shadow:var(--shadow-lift);z-index:var(--z-overlay)}.fade-enter{animation:fadeIn var(--duration-normal) var(--ease-out) both}.fade-exit{animation:fadeOut var(--duration-fast) var(--ease-in) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-4px)}}.gear-hint{transition:transform var(--duration-slow) var(--ease-out-expo)}.gear-hint:hover{transform:rotate(45deg)}.flash-success{animation:flashSuccess var(--duration-slow) var(--ease-out)}@keyframes flashSuccess{0%{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 36%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 0%,transparent)}}.shake{animation:shake var(--duration-normal) var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 42%,transparent);outline-offset:2px}button{font:inherit;cursor:pointer;border:none;transition:var(--transition-colors),var(--transition-shadow)}button:active{transform:scale(.97)}input,select,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{color-scheme:light}@media (prefers-reduced-motion: reduce){.cursor.blink{animation:none}}.tw[data-v-fd318f98]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:5vmin;text-align:center}.line[data-v-fd318f98]{max-width:90vw;line-height:1.3;word-break:break-word;white-space:pre-wrap}.cursor[data-v-fd318f98]{display:inline-block}.cursor.bar[data-v-fd318f98]{border-left:.08em solid currentColor;margin-left:.04em}.cursor.block[data-v-fd318f98]{width:.55ch;height:1em;background:currentColor;vertical-align:text-bottom}.cursor.underline[data-v-fd318f98]{width:.55ch;border-bottom:.12em solid currentColor}.cursor.blink[data-v-fd318f98]{animation:blink-fd318f98 1s steps(1) infinite}@keyframes blink-fd318f98{50%{opacity:0}}.danmaku[data-v-8cc0f9b9]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bullet[data-v-8cc0f9b9]{position:absolute;left:0;white-space:nowrap;line-height:1;transform:translate(100vw);will-change:transform;animation-name:scroll-8cc0f9b9;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes scroll-8cc0f9b9{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.perchar[data-v-c0baf067]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.char[data-v-c0baf067]{line-height:1}.stage[data-v-cb0b0928]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.gear[data-v-5444e4ba]{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:max(var(--space-4),env(safe-area-inset-right));z-index:var(--z-overlay);display:grid;width:46px;height:46px;place-items:center;color:var(--color-text-primary);pointer-events:none;cursor:pointer;background:#ffffffc2;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-full);box-shadow:0 10px 30px #1118271f;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.gear.visible[data-v-5444e4ba]{pointer-events:auto;opacity:1}.gear.faint[data-v-5444e4ba]{pointer-events:auto;opacity:.32}.gear[data-v-5444e4ba]:hover{color:var(--color-primary-hover);background:#ffffffeb;transform:rotate(18deg) scale(1.04)}.gear[data-v-5444e4ba]:active{transform:rotate(18deg) scale(.95);transition-duration:var(--duration-instant)}.home[data-v-e404e630]{position:fixed;top:0;right:0;bottom:0;left:0}.empty[data-v-e404e630]{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);text-align:center;background:radial-gradient(circle at 50% 20%,rgba(0,122,255,.12),transparent 24rem),var(--color-bg-page)}.empty[data-v-e404e630]:before{position:absolute;width:min(18rem,58vw);height:min(18rem,58vw);content:"";background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:var(--radius-full);opacity:.55;transform:translateY(-10%)}.empty[data-v-e404e630]{isolation:isolate}.empty[data-v-e404e630]>*{position:relative;z-index:1}