.app{min-height:100vh;min-height:100dvh;width:100%}.top-stack{position:fixed;left:0;right:0;top:0;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;pointer-events:none}.big-text-overlay{display:flex;justify-content:center;width:100%;pointer-events:none}.big-text-box{max-width:92vw;max-height:46vh;padding:18px 24px;border-radius:18px;background-color:var(--color-bg-card, #fff);border:2px solid var(--color-primary, #4ecdc4);box-shadow:0 12px 40px #00000047;font-size:clamp(26px,6.5vw,44px);font-weight:900;line-height:1.35;color:var(--color-text, #1f2937);text-align:center;word-break:break-word;pointer-events:none}.big-text-box.bt-medium{font-size:clamp(22px,5vw,34px);padding:15px 20px}.big-text-box.bt-long{font-size:clamp(19px,4.2vw,28px);padding:13px 18px}.big-text-box.bt-very-long{font-size:clamp(17px,3.4vw,23px);padding:12px 16px}.big-text-box.bt-super-long{font-size:clamp(15px,3vw,20px);padding:10px 14px}.big-text-fade-enter-active,.big-text-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.big-text-fade-enter-from,.big-text-fade-leave-to{opacity:0;transform:translateY(-12px)}.combo-timer{padding:12px 24px;border-radius:999px;background-color:var(--color-bg-card, #fff);border:3px solid var(--color-warning-text, #c2410c);color:var(--color-warning-text, #c2410c);font-size:22px;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #0000002e}.item-timeup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:#0000008c;padding:24px}.timeup-box{background-color:var(--color-bg-card, #fff);border-radius:24px;padding:32px 24px;text-align:center;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.timeup-icon{font-size:72px;line-height:1}.timeup-box h2{font-size:26px;margin:0;color:var(--color-text)}.timeup-box p{font-size:18px;margin:0;color:var(--color-text-secondary)}.timeup-btn{width:100%;margin-top:8px}@media (max-width: 480px){.top-stack{padding:8px;gap:6px}.big-text-box{padding:14px 16px;border-radius:14px}.combo-timer{font-size:18px;padding:10px 18px}.timeup-box{padding:24px 18px}.timeup-box h2{font-size:22px}}:root,:root[data-theme=standard]{--color-primary: #4ecdc4;--color-primary-dark: #2eb8af;--color-accent: #ffb84d;--color-success: #6bcf7f;--color-warning: #ff9966;--color-danger: #ff6b6b;--color-bg: #fafbfc;--color-bg-card: #ffffff;--color-text: #1f2933;--color-text-secondary: #5b6470;--color-border: #e4e9ee;--color-on-primary: #1f2933;--color-btn-border: #6b7683;--color-primary-text: #0f766e;--color-success-text: #166534;--color-accent-text: #a16207;--color-warning-text: #c2410c;--color-danger-text: #b91c1c;--color-on-success: #1f2933;--color-on-accent: #1f2933;--color-on-warning: #1f2933;--color-on-danger: #1f2933;--font-mega: 64px;--font-xl: 36px;--font-lg: 28px;--font-md: 20px;--font-sm: 16px;--btn-height: 120px;--btn-radius: 24px;--card-radius: 20px;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}:root[data-theme=high-contrast]{--color-primary: #0066cc;--color-primary-dark: #004999;--color-accent: #ff8800;--color-success: #00702b;--color-warning: #cc6600;--color-danger: #cc0000;--color-bg: #ffffff;--color-bg-card: #ffffff;--color-text: #000000;--color-text-secondary: #1a1a1a;--color-border: #000000;--color-on-primary: #ffffff;--color-btn-border: #000000;--color-primary-text: #004999;--color-success-text: #00702b;--color-accent-text: #a64b00;--color-warning-text: #9a4b00;--color-danger-text: #a30000;--color-on-success: #ffffff;--color-on-accent: #000000;--color-on-warning: #000000;--color-on-danger: #ffffff;--font-mega: 72px;--font-xl: 40px;--font-lg: 32px;--font-md: 24px;--font-sm: 18px;--btn-height: 140px}:root[data-theme=soft]{--color-primary: #ffb3ba;--color-primary-dark: #ff8a96;--color-accent: #bae1ff;--color-success: #baffc9;--color-warning: #ffffba;--color-danger: #ffb3ba;--color-bg: #fff8f8;--color-bg-card: #fffbfb;--color-text: #4a3a3a;--color-text-secondary: #7a6a6a;--color-border: #f0e0e0;--color-on-primary: #4a3a3a;--color-btn-border: #6b5a5a;--color-primary-text: #9c3b46;--color-success-text: #2f6b3a;--color-accent-text: #1b5e85;--color-warning-text: #8a5a00;--color-danger-text: #a8323f;--color-on-success: #4a3a3a;--color-on-accent: #4a3a3a;--color-on-warning: #4a3a3a;--color-on-danger: #4a3a3a;--font-mega: 56px;--font-xl: 32px;--font-lg: 24px;--font-md: 18px;--font-sm: 14px;--btn-height: 110px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-md);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}view,text,button,input{font-family:inherit}.btn{min-height:var(--btn-height);padding:16px 32px;border:none;border-radius:var(--btn-radius);background-color:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-lg);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,background-color .15s}.btn:active{transform:scale(.97);background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-btn-border)}.btn--lg{font-size:var(--font-xl);min-height:140px}.card{background-color:var(--color-bg-card);border-radius:var(--card-radius);padding:24px;box-shadow:0 2px 8px #0000000f}.instruction{font-size:var(--font-mega);font-weight:800;line-height:1.3;color:var(--color-text);text-align:center}.muted{color:var(--color-text-secondary);font-size:var(--font-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}@media (max-width: 480px){:root,:root[data-theme=standard]{--font-mega: 44px;--font-xl: 26px;--font-lg: 20px;--font-md: 16px;--font-sm: 14px;--btn-height: 80px;--btn-radius: 18px;--card-radius: 16px}:root[data-theme=high-contrast]{--font-mega: 50px;--font-xl: 30px;--font-lg: 24px;--font-md: 18px;--font-sm: 14px;--btn-height: 92px}:root[data-theme=soft]{--font-mega: 40px;--font-xl: 24px;--font-lg: 20px;--font-md: 16px;--font-sm: 13px;--btn-height: 76px}.btn{padding:12px 20px}.btn--lg{min-height:96px}.card{padding:16px}}