:root{--color-background:#f8f9fa;--color-surface:#fff;--color-primary:#007bff;--color-primary-button:#111827;--color-text:#333;--color-text-secondary:#666;--color-text-light:#999;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-segment-bg:#e5e7eb;--color-muted:#6b7280;--color-label:#374151;--color-footer:#8e8e93;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--color-background);min-height:100svh;color:var(--color-text);scrollbar-width:none;-ms-overflow-style:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#root{background-color:var(--color-background);min-height:100svh}body::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}#root{min-height:100dvh}.app{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.app-inner{text-align:center}.title{color:var(--color-text);margin:0 0 8px;font-size:28px;font-weight:700}.subtitle{color:var(--color-text-secondary);margin:0 0 16px;font-size:16px}.api-status{color:var(--color-text-secondary);margin:0;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes entrySlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes balloonPop{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.update-prompt-overlay{z-index:9999;padding:var(--spacing-md);background:#11182799;justify-content:center;align-items:center;animation:.2s ease-out backdropFade;display:flex;position:fixed;inset:0}.update-prompt-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--spacing-xl);box-shadow:0 20px 40px #0003}.update-prompt-title{margin:0 0 var(--spacing-sm);color:var(--color-text);font-size:1.25rem;font-weight:600}.update-prompt-description{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.45}.update-prompt-notes{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.update-prompt-notes pre{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:.875rem}.update-prompt-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.update-prompt-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 20px;font-size:1rem;font-weight:500;transition:opacity .15s}.update-prompt-btn:active{opacity:.9}.update-prompt-btn-primary{background:var(--color-primary-button);color:#fff}.update-prompt-btn-secondary{color:var(--color-text-secondary);background:0 0}.update-required-overlay{z-index:10000;padding:var(--spacing-md);background:#111827bf;justify-content:center;align-items:center;animation:.2s ease-out backdropFade;display:flex;position:fixed;inset:0}.update-required-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--spacing-xl);box-shadow:0 20px 40px #00000040}.update-required-title{margin:0 0 var(--spacing-sm);color:var(--color-text);font-size:1.25rem;font-weight:600}.update-required-description{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.45}.update-required-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.update-required-message p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.45}.update-required-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-primary-button);color:#fff;border:none;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:opacity .15s}.update-required-btn:active{opacity:.9}.startup-flow-text{animation:.4s ease-out startupTextFade}@keyframes startupTextFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.update-found-animation{animation:.5s ease-out updateFoundBg}.update-found-animation.update-found-exit{animation:.45s ease-in forwards updateFoundExit}.update-found-badge{background:var(--color-surface,#fff);border-radius:var(--radius-xl,16px);flex-direction:column;align-items:center;gap:12px;padding:28px 36px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards updateFoundBadgeIn;display:flex;box-shadow:0 8px 32px #1118271f,0 0 0 1px #1118270f}.update-found-icon{background:var(--color-success,#28a745);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:700;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both updateFoundIconPop;display:flex}.update-found-title{color:var(--color-text,#333);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.update-found-subtitle{max-width:320px;color:var(--color-text-secondary,#666);text-align:center;margin:20px 0 0;font-size:.9rem;line-height:1.45;animation:.5s ease-out .35s both startupTextFade}@keyframes updateFoundBadgeIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes updateFoundIconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes updateFoundBg{0%{opacity:0}to{opacity:1}}@keyframes updateFoundExit{0%{opacity:1}to{opacity:0;transform:scale(.98)}}.update-found-to-required-wrap{z-index:10000;background:var(--color-background,#f8f9fa);position:fixed;inset:0;overflow:hidden}.update-found-to-required-slide{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;transition:transform .55s cubic-bezier(.32,.72,0,1),opacity .4s ease-out;display:flex;position:absolute;left:0;right:0}.update-found-to-required-slide-found{opacity:1;top:0;transform:translateY(0)}.update-found-to-required-slide-found.update-found-to-required-slide-exit{opacity:.85;transform:translateY(-100%)}.update-found-to-required-slide-required{opacity:0;background:var(--color-background,#f8f9fa);top:0;transform:translateY(100%)}.update-found-to-required-slide-required.update-found-to-required-slide-enter{opacity:1;transform:translateY(0)}.update-required-fullscreen{text-align:center;width:100%;max-width:360px;animation:.5s cubic-bezier(.34,1.2,.64,1) .15s both updateRequiredContentIn}.update-required-fullscreen-header{justify-content:center;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.update-required-fullscreen-title{color:var(--color-text,#333);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.update-required-version-badge{letter-spacing:.01em;color:#111827d9;white-space:nowrap;background:#0000000a;border:1px solid #0000001f;border-radius:999px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700}.update-required-fullscreen-description{color:var(--color-text-secondary,#666);margin:0 0 20px;font-size:.9375rem;line-height:1.5}.update-required-fullscreen-message{background:var(--color-surface,#fff);border-radius:var(--radius-md);border:1px solid var(--color-border-light,#e9ecef);text-align:left;margin-bottom:28px;padding:14px 18px}.update-required-fullscreen-message p{color:var(--color-text-secondary,#666);margin:0;font-size:.875rem;line-height:1.45}.update-required-fullscreen-error{color:var(--color-error,#b91c1c);margin:0 0 16px;font-size:.875rem;line-height:1.4}.update-required-fullscreen-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-primary-button,#111827);color:#fff;border:none;width:100%;max-width:280px;padding:16px 24px;font-size:1.0625rem;font-weight:600;transition:transform .15s,opacity .15s;box-shadow:0 4px 14px #11182740}.update-required-fullscreen-btn:active{opacity:.95;transform:scale(.98)}@keyframes updateRequiredContentIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.optional-update-pill-screen{position:relative}.optional-update-pill-wrap{flex-direction:column;align-items:center;gap:12px;min-width:200px;max-width:280px;display:flex}.optional-update-pill-track{background:var(--color-border-light,#e9ecef);border-radius:999px;width:100%;height:32px;overflow:hidden}.optional-update-pill-fill{background:linear-gradient(90deg, var(--color-primary,#007bff), var(--color-primary-button,#111827));border-radius:999px;width:0%;height:100%;animation:2.2s ease-out forwards optionalPillFill}.optional-update-pill-version{color:var(--color-text,#333);letter-spacing:.02em;font-size:1rem;font-weight:600}@keyframes optionalPillFill{0%{width:0%}to{width:100%}}.optional-update-popup-bouncy{z-index:10001;padding:var(--spacing-md);background:#11182799;justify-content:center;align-items:center;animation:.25s ease-out backdropFade;display:flex;position:fixed;inset:0}.optional-update-popup-card{background:var(--color-surface,#fff);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--spacing-xl);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards optionalPopUpBouncy;box-shadow:0 20px 40px #0003}@keyframes optionalPopUpBouncy{0%{opacity:0;transform:scale(.6)translateY(20px)}60%{opacity:1;transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.dev-log-full-error{white-space:pre-wrap;word-break:break-all;color:#b91c1c;text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0 0;padding:12px;font-size:12px}.number-picker-fade-top{background:linear-gradient(to bottom, var(--color-background,#f8f9fa) 0%, transparent 100%)}.number-picker-fade-bottom{background:linear-gradient(to top, var(--color-background,#f8f9fa) 0%, transparent 100%)}
