:root{--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--color-bg-dark: #070913;--color-bg-overlay: rgba(10, 13, 26, .75);--color-card-bg: rgba(255, 255, 255, .04);--color-card-border: rgba(255, 255, 255, .12);--color-accent-cyan: #00f2fe;--color-accent-purple: #4facfe;--color-accent-pink: #ff0844;--color-text-main: #f0f4f8;--color-text-sub: #94a3b8;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-glow: 0 0 40px rgba(0, 242, 254, .25);--shadow-card: 0 20px 50px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-dark);font-family:var(--font-body);color:var(--color-text-main);user-select:none}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0f172acc,#05050cf2);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.overlay.active{opacity:1;pointer-events:auto}.glass-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);padding:48px 40px;max-width:540px;width:90%;text-align:center;transform:translateY(20px) scale(.96);transition:transform .6s cubic-bezier(.16,1,.3,1)}.overlay.active .glass-card{transform:translateY(0) scale(1)}.logo-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:100px;font-size:.85rem;color:var(--color-accent-cyan);margin-bottom:24px}.title{font-family:var(--font-title);font-size:2.5rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,var(--color-accent-cyan) 0%,var(--color-accent-purple) 50%,var(--color-accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description{font-size:.98rem;line-height:1.6;color:var(--color-text-sub);margin-bottom:28px}.feature-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:36px}.tag{font-size:.78rem;padding:6px 12px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#cbd5e1}.btn-primary{position:relative;width:100%;padding:18px 32px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#00f2fe,#4facfe);color:#050b14;font-family:var(--font-title);font-size:1.05rem;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px #00f2fe59;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00f2fe80}.btn-primary:active{transform:translateY(0)}.btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.btn-primary:hover .btn-glow{opacity:1}.hint-footer{margin-top:24px;font-size:.8rem;color:var(--color-text-sub);opacity:.8}.app-header{position:absolute;top:20px;left:20px;z-index:5;display:flex;align-items:center;gap:24px;padding:12px 24px;background:#0a0d1aa6;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:var(--radius-md);transition:opacity .4s ease,transform .4s ease}.app-header.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand-title{font-family:var(--font-title);font-weight:700;font-size:.95rem;letter-spacing:.08em;color:var(--color-text-main)}.badge{font-size:.72rem;padding:3px 10px;border-radius:100px;background:#00f2fe26;border:1px solid rgba(0,242,254,.3);color:var(--color-accent-cyan);font-weight:600}.status-info{display:flex;align-items:center;gap:16px;font-size:.82rem;color:var(--color-text-sub);border-left:1px solid rgba(255,255,255,.1);padding-left:16px}.status-info strong{color:var(--color-text-main)}.status-info strong.timer-active{color:var(--color-accent-pink);text-shadow:0 0 12px rgba(255,8,68,.6)}.analyzer-container{position:absolute;bottom:24px;left:24px;z-index:5;width:420px;height:160px;background:#080b18d9;border:1px solid rgba(0,242,254,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 15px 45px #000000b3,0 0 30px #00f2fe26;transition:opacity .4s ease,transform .4s ease}.analyzer-container.hidden{opacity:0;transform:translateY(20px);pointer-events:none}#analyzer-canvas{width:100%;height:120px;border-radius:var(--radius-sm);background:#03050c99;border:1px solid rgba(255,255,255,.05)}.analyzer-label{font-size:.7rem;font-family:var(--font-title);font-weight:700;letter-spacing:.12em;color:var(--color-accent-cyan);text-align:center;text-shadow:0 0 10px rgba(0,242,254,.5)}.hud-toolbar{position:absolute;bottom:24px;left:58%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0a0d1acc;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);border-radius:100px;box-shadow:0 15px 40px #0009;transition:opacity .4s ease,transform .4s ease}.hud-toolbar.hidden{opacity:0;transform:translate(-50%,20px);pointer-events:none}.hud-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:100px;background:#ffffff0d;color:var(--color-text-sub);font-family:var(--font-title);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hud-btn:hover{background:#ffffff1f;color:var(--color-text-main);transform:translateY(-1px)}.hud-btn.active{background:#00f2fe26;border-color:#00f2fe4d;color:var(--color-accent-cyan)}.hud-btn .icon{font-size:1rem}.speed-indicator{position:absolute;top:0;left:0;transform:translate(-50%,-50%);z-index:4;pointer-events:none;font-family:var(--font-title);font-weight:700;font-size:1.15rem;letter-spacing:.06em;color:var(--color-accent-cyan);text-shadow:0 0 14px rgba(0,242,254,.6);opacity:0;transition:opacity .3s ease;white-space:nowrap}.speed-indicator.show{opacity:.85}.sync-hud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;text-align:center}.sync-countdown-number{font-family:var(--font-title);font-weight:700;font-size:9rem;line-height:1;color:var(--color-accent-cyan);text-shadow:0 0 40px rgba(0,242,254,.8),0 0 90px rgba(0,242,254,.4);opacity:0}.sync-countdown-number.show{animation:syncPulse 1s cubic-bezier(.16,1,.3,1)}@keyframes syncPulse{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.align-banner{font-family:var(--font-title);font-weight:700;font-size:3.4rem;letter-spacing:.06em;background:linear-gradient(135deg,var(--color-accent-cyan) 0%,var(--color-accent-purple) 50%,var(--color-accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;max-width:90vw;word-break:break-word}.align-banner.show{animation:alignFlash var(--align-banner-duration, 1.6s) cubic-bezier(.16,1,.3,1)}@keyframes alignFlash{0%{opacity:0;transform:scale(.82)}15%{opacity:1;transform:scale(1.08)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%) translateY(10px);z-index:20;background:#0a0d1aeb;border:1px solid rgba(0,242,254,.35);color:var(--color-text-main);padding:10px 22px;border-radius:100px;font-size:.85rem;font-family:var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.right-panel-stack{display:none;position:fixed;top:20px;right:20px;z-index:1001;flex-direction:column;align-items:flex-end;gap:14px;max-height:calc(100vh - 40px);overflow-y:auto}.right-panel-stack.open{display:flex}.detail-toggle-btn{display:flex;position:fixed;top:20px;right:20px;z-index:1002;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;border:1px solid rgba(0,242,254,.25);background:#0a0d1ad9;backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000080;color:var(--color-text-sub);font-family:var(--font-title);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.detail-toggle-btn .icon{font-size:1.05rem}.detail-toggle-btn:hover{background:#ffffff1a;color:var(--color-text-main)}.detail-toggle-btn.open{background:#00f2fe26;border-color:#00f2fe66;color:var(--color-accent-cyan)}.detail-toggle-btn.attention{animation:toggleAttention 1.6s ease-in-out 3}@keyframes toggleAttention{0%,to{box-shadow:0 8px 24px #00000080;border-color:#00f2fe40}50%{box-shadow:0 8px 24px #00000080,0 0 0 6px #00f2fe2e;border-color:#00f2fe99}}.value-popup-backdrop{position:fixed;inset:0;z-index:30;background:#03050c99;backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease;pointer-events:none}.value-popup-backdrop.show{opacity:1;pointer-events:auto}.value-popup{position:fixed;left:50%;bottom:100px;transform:translate(-50%,12px);z-index:31;width:320px;max-width:90vw;background:#0a0d1aeb;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009,0 0 30px #00f2fe26;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.value-popup.show{opacity:1;transform:translate(-50%);pointer-events:auto}.value-popup-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-title);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--color-text-main);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.value-popup-close{border:none;background:transparent;color:var(--color-text-sub);font-size:1rem;line-height:1;cursor:pointer;padding:4px}.value-popup-close:hover{color:var(--color-text-main)}.value-popup-body{display:flex;flex-direction:column;align-items:center;gap:8px}.value-popup-label{font-size:11px;color:var(--color-text-sub)}.value-stepper{display:flex;align-items:center;gap:10px}.value-stepper-btn{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(0,242,254,.3);background:#00f2fe1a;color:var(--color-accent-cyan);font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s ease}.value-stepper-btn:hover{background:#00f2fe38}.value-stepper input[type=number]{width:90px;text-align:center;padding:10px 6px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--color-text-main);font-size:1.3rem;font-family:var(--font-title)}.value-stepper input[type=number]:focus{outline:none;border-color:var(--color-accent-cyan)}.value-popup-unit{font-size:11px;color:var(--color-text-sub);margin-bottom:6px}.quick-btn{margin-top:8px;width:100%;padding:10px;border:1px solid rgba(0,242,254,.3);border-radius:var(--radius-sm);background:#00f2fe1f;color:var(--color-accent-cyan);font-family:var(--font-title);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.quick-btn:hover{background:#00f2fe38}.quick-btn.active{background:#ff084426;border-color:#ff084466;color:var(--color-accent-pink)}.lil-gui{--background-color: rgba(10, 13, 26, .75) !important;--text-color: #e2e8f0 !important;--title-background-color: rgba(255, 255, 255, .05) !important;--widget-color: rgba(255, 255, 255, .1) !important;--hover-color: rgba(0, 242, 254, .25) !important;--focus-color: rgba(0, 242, 254, .5) !important;--number-color: #00f2fe !important;--string-color: #4facfe !important;--font-family: "Inter", sans-serif !important;--font-size: 12px !important;border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(16px)!important;box-shadow:0 10px 30px #00000080!important;flex-shrink:0}.lil-gui .title{font-family:Outfit,sans-serif!important;font-weight:600!important;letter-spacing:.05em!important;font-size:13px!important}.lil-gui .controller .name{white-space:normal!important;overflow-wrap:break-word!important;line-height:1.3!important}@media(max-width:768px){.glass-card{padding:32px 22px}.title{font-size:1.9rem}.feature-tags{gap:6px}.app-header{left:12px;top:12px;right:12px;flex-wrap:wrap;gap:8px;padding:10px 14px}.status-info{flex-wrap:wrap;border-left:none;padding-left:0;gap:6px 12px;font-size:.72rem}.analyzer-container{left:12px;right:12px;bottom:88px;width:auto;height:78px;padding:8px 12px;gap:4px}#analyzer-canvas{height:46px}.hud-toolbar{left:12px;right:12px;bottom:14px;transform:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:6px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.hud-toolbar.hidden{transform:translateY(20px)}.hud-btn{padding:11px;gap:0;flex-shrink:0;scroll-snap-align:center}.hud-btn .label{display:none}.hud-btn .icon{font-size:1.15rem}.right-panel-stack{inset:auto 12px 88px;max-height:420px;align-items:stretch;border-radius:20px}#detail-gui-container{width:100%}.lil-gui{width:100%!important;max-width:100%!important;border-radius:20px!important}.detail-toggle-btn{bottom:14px;top:auto;right:12px;padding:11px}.detail-toggle-btn .label{display:none}.value-popup{left:0;right:0;bottom:0;width:auto;max-width:none;transform:translateY(16px);border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.value-popup.show{transform:translateY(0)}}