.menu-page{min-height:100vh;padding:1.6rem;background:radial-gradient(circle at 15% 12%,#1d5b56 0%,transparent 30%),radial-gradient(circle at 82% 18%,#2c3f74 0%,transparent 32%),radial-gradient(circle at 50% 96%,#372849 0%,transparent 36%),#070b12;color:#e8eff7;font-family:Space Grotesk,Segoe UI,sans-serif}.menu-intro{width:min(1200px,100%);margin:0 auto 1.25rem;padding:1.25rem;border:1px solid #2f4f73;background:#09101cdb;box-shadow:0 8px 28px #00000059}.menu-intro-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.65rem}.menu-intro-logo{height:clamp(1.8rem,3.2vw,2.4rem);width:auto;display:block}.menu-intro h1{margin:0;font-size:clamp(1.7rem,3.8vw,2.9rem);line-height:1.1;letter-spacing:.02em}.menu-intro p{margin:.55rem 0 0;font-size:clamp(1rem,1.55vw,1.2rem)}.menu-intro-muted{color:#9bb0c6}.menu-gallery{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:.95rem}.menu-card{border:1px solid #2f4f73;background:#0a101bdb;box-shadow:0 8px 24px #00000047;overflow:hidden}.menu-thumb{width:100%;height:190px;padding:0;border:0;cursor:pointer;position:relative;overflow:hidden;background:#111}.menu-thumb-image{width:100%;height:100%;object-fit:cover;display:block}.menu-thumb-overlay{position:absolute;right:.55rem;bottom:.55rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff8ea;border:1px solid rgba(255,248,234,.75);background:#15110fad;padding:.25rem .4rem}.menu-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.72rem}.menu-card-footer h2{margin:0;font-size:1rem;letter-spacing:.03em;color:#e8eff7}.menu-cog{width:2.1rem;height:2.1rem;border:1px solid #36597f;background:#0f1d30;display:grid;place-items:center;cursor:pointer}.menu-cog svg{width:1.05rem;height:1.05rem;fill:#d8e8fa}.menu-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100d8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem;z-index:50}.menu-modal{width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid #2f4f73;background:#0b1422;color:#e8eff7;box-shadow:0 20px 40px #0000004d}.menu-modal-head{padding:.85rem 1rem;border-bottom:1px solid #2f4f73;display:flex;justify-content:space-between;align-items:center;gap:1rem}.menu-modal-head h2{margin:0;font-size:1.2rem}.menu-modal-close{border:1px solid #3c6088;background:#102034;color:#e8eff7;cursor:pointer;padding:.4rem .6rem}.menu-modal-content{padding:.95rem 1rem;display:grid;gap:.85rem}.menu-modal-section-title{margin:0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#9bb0c6}.menu-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.menu-field{display:grid;gap:.34rem;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.menu-field input,.menu-field select{min-width:0;border:1px solid #345678;background:#0e1b2c;color:#e8eff7;padding:.46rem .52rem;font-family:inherit;font-size:.96rem}.menu-field-wide{grid-column:1 / -1}.menu-field-toggle input[type=checkbox]{width:1rem;height:1rem;justify-self:start}.menu-modal-footer{padding:.9rem 1rem 1rem;border-top:1px solid #2f4f73;display:grid;gap:.58rem}.menu-preview-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9bb0c6}.menu-preview-url{border:1px solid #345678;background:#0e1b2c;color:#e8eff7;padding:.58rem;font-family:IBM Plex Mono,Consolas,monospace;font-size:.86rem;word-break:break-all}.menu-modal-actions{display:flex;justify-content:flex-end;gap:.55rem}.menu-modal-actions button{border:1px solid #3c6088;background:#102034;color:#e8eff7;padding:.45rem .85rem;cursor:pointer;font-family:inherit}.menu-copy-toast{justify-self:end;border:1px solid #2f6b57;background:#0f2b24;color:#95e0c7;padding:.3rem .52rem;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 800px){.menu-page{padding:.85rem}.menu-thumb{height:170px}.menu-modal-grid{grid-template-columns:1fr}}.chromakey-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.chromakey-green{background:#0f0;--marker: #00cc00;--marker-thickness: clamp(8px, 1vmin, 16px)}.chromakey-blue{background:#00f;--marker: #0000cc;--marker-thickness: clamp(8px, 1vmin, 16px)}.chromakey-plus{position:absolute;width:clamp(56px,8vmin,140px);height:clamp(56px,8vmin,140px);transform:translate(-50%,-50%)}.chromakey-plus:before,.chromakey-plus:after{content:"";position:absolute;background:color-mix(in srgb,var(--marker),transparent 8%)}.chromakey-plus:before{left:50%;top:0;width:var(--marker-thickness);height:100%;transform:translate(-50%)}.chromakey-plus:after{top:50%;left:0;width:100%;height:var(--marker-thickness);transform:translateY(-50%)}.chromakey-plus-tl{left:20%;top:20%}.chromakey-plus-tr{left:80%;top:20%}.chromakey-plus-br{left:80%;top:80%}.chromakey-crosshair{position:absolute;left:50%;top:50%;width:clamp(64px,9vmin,180px);height:clamp(64px,9vmin,180px);transform:translate(-50%,-50%)}.chromakey-crosshair:before,.chromakey-crosshair:after{content:"";position:absolute;background:color-mix(in srgb,var(--marker),transparent 15%)}.chromakey-crosshair:before{left:50%;top:0;width:var(--marker-thickness);height:100%;transform:translate(-50%)}.chromakey-crosshair:after{top:50%;left:0;width:100%;height:var(--marker-thickness);transform:translateY(-50%)}.synced-clock-pending{color:#a3a7ad!important}.synced-clock-track{display:inline-flex;align-items:baseline;gap:.035em;white-space:nowrap}.synced-clock-slot{display:inline-flex;align-items:center;justify-content:center;width:.62em;min-width:.62em;flex:0 0 .62em}.synced-clock-slot.is-separator{width:.24em;min-width:.24em;flex-basis:.24em}.synced-clock-slot.is-space{width:.44em;min-width:.44em;flex-basis:.44em}.time-sync-indicator{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;z-index:10;opacity:0;background:#fff}.time-sync-indicator-blink{opacity:1}.time-sync-indicator-disconnected{opacity:1;background:#ff3030}.color-patterns-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000;user-select:none;-webkit-user-select:none}.color-patterns-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row}.color-patterns-bar{flex:1;height:100%}.color-patterns-name{position:absolute;left:50%;top:82.5%;transform:translate(-50%,-50%);z-index:4;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6.8vw,8rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;text-shadow:0 0 14px rgba(0,0,0,.75)}.color-patterns-logo-wrap{position:absolute;right:4.2vw;top:82.5%;transform:translateY(-50%);z-index:4}.color-patterns-logo{display:block;width:min(19vw,280px);max-width:28vw;height:auto}.color-patterns-pal-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.color-patterns-pal-stage{position:relative;width:min(100vw,160vh);height:min(100vh,62.5vw)}.color-patterns-pal-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.color-patterns-pal-logo{position:absolute;left:38.8%;top:8.9%;width:22.4%;height:7.6%;display:flex;align-items:center;justify-content:center;overflow:hidden}.color-patterns-pal-logo-img{max-width:90%;max-height:80%;width:auto;height:auto;display:block}.color-patterns-pal-clock{position:absolute;left:32.9%;top:16.5%;width:34.2%;height:7.5%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.6rem,4vh,2.6rem);letter-spacing:.04em;color:#111;white-space:nowrap}.color-patterns-pal-name{position:absolute;left:32.9%;top:76.2%;width:34.2%;height:7.5%;display:flex;align-items:center;justify-content:center;padding:0 1.2%;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(.56rem,2.4vh,1.6rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.colorspace-check-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.colorspace-check-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.colorspace-check-name{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);z-index:3;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(1.7rem,4.2vw,5.8rem);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px rgba(0,0,0,.72)}.colorspace-check-logo{position:absolute;right:2.2vmin;top:2.2vmin;z-index:3;pointer-events:none}.colorspace-check-logo-image{width:min(20vw,260px);max-width:34vw;height:auto}.clock-page{width:100vw;height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;user-select:none;-webkit-user-select:none;--clock-digits-color: #ff3f2e;--clock-inner-color: #56c23c;--clock-outer-color: #ff3f2e;--clock-digit-scale: 1}.clock-bg-black{background:#000}.clock-bg-white{background:#fff}.clock-bg-transparent{background:transparent}.clock-stage{position:relative;width:min(90vmin,82vh);aspect-ratio:1;display:grid;place-items:center}.clock-ring{position:absolute;top:0;right:0;bottom:0;left:0}.clock-ring-inner-track{fill:none;stroke:color-mix(in srgb,var(--clock-inner-color) 25%,transparent);stroke-width:.6}.clock-ring-point{fill:#34393e52}.clock-ring-point.is-major{fill:color-mix(in srgb,var(--clock-inner-color) 92%,black 8%)}.clock-ring-point.is-active{fill:var(--clock-outer-color)}.clock-ring-point.is-major.is-active{fill:var(--clock-inner-color)}.clock-digital{position:relative;z-index:1;display:grid;justify-items:center;gap:.08em;color:var(--clock-digits-color);transform:scale(var(--clock-digit-scale));transform-origin:center}.clock-main-time{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(3.4rem,13vmin,8.8rem);letter-spacing:.02em;text-shadow:0 0 1.4rem color-mix(in srgb,var(--clock-digits-color) 40%,transparent)}.clock-seconds{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(1.4rem,5.2vmin,3.2rem);margin-top:-.05em}.clock-font-timeis .clock-main-time,.clock-font-timeis .clock-seconds{font-family:TimeTravelerPal,IBM Plex Mono,Consolas,monospace}.clock-font-lcd .clock-main-time,.clock-font-lcd .clock-seconds{font-family:Digital-7 Mono,IBM Plex Mono,Consolas,monospace}.clock-zone-label,.clock-date{font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(.78rem,2vmin,1.25rem);letter-spacing:.08em;text-transform:uppercase}.clock-zones{position:absolute;left:50%;bottom:7.6vh;transform:translate(-50%);display:grid;gap:.18rem;justify-items:center}.clock-zone-time{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.86rem,2.1vmin,1.35rem);color:color-mix(in srgb,var(--clock-digits-color) 88%,#ffffff 12%)}.clock-logo-wrap{position:absolute;right:2.2vmin;top:2.2vmin}.clock-logo{display:block;width:min(20vw,260px);max-width:34vw;height:auto}.clock-name{position:absolute;left:50%;bottom:2.6vh;transform:translate(-50%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(1.1rem,2.8vmin,2.3rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clock-digits-color)}.clock-bg-white .clock-main-time,.clock-bg-white .clock-seconds,.clock-bg-white .clock-zone-time,.clock-bg-white .clock-zone-label,.clock-bg-white .clock-date,.clock-bg-white .clock-name{text-shadow:none}.encoding-stress-page{width:100vw;height:100vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.encoding-stress-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.encoding-stress-name{position:absolute;left:50%;top:82.5%;transform:translate(-50%,-50%);color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2rem,6vw,8rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 16px rgba(0,0,0,.65);z-index:3;white-space:nowrap}.encoding-stress-logo{position:absolute;left:0;top:0;z-index:3;will-change:transform;pointer-events:none}.encoding-stress-logo-image{display:block;height:auto;filter:drop-shadow(0 0 12px rgba(0,0,0,.55))}.encoding-stress-logo-square .encoding-stress-logo-image{width:min(12.5vw,170px);max-width:24vw}.encoding-stress-title{position:absolute;left:0;top:0;z-index:3;color:#fff;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(1.1rem,2.9vw,4rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 14px rgba(0,0,0,.68);white-space:nowrap;pointer-events:none;will-change:transform}.encoding-stress-clock{position:absolute;left:0;top:0;z-index:3;color:#fff;font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(1rem,2.5vw,3.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 14px rgba(0,0,0,.68);white-space:nowrap;pointer-events:none;will-change:transform}.mobile-sync-calibration-page{width:100vw;min-height:100vh;box-sizing:border-box;padding:2.4vmin;padding-bottom:max(12vh,5.5rem);overflow:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 18% 20%,rgba(76,128,178,.2),transparent 42%),radial-gradient(circle at 82% 78%,rgba(67,151,117,.18),transparent 40%),#091015;color:#eef6ff;font-family:IBM Plex Sans,Segoe UI,sans-serif}.mobile-sync-calibration-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fff;pointer-events:none}.mobile-sync-calibration-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.mobile-sync-calibration-head h1{margin:0;font-size:clamp(1.5rem,5vw,3.4rem);letter-spacing:.05em;text-transform:uppercase}.mobile-sync-calibration-name{font-size:clamp(1.05rem,3.2vw,2.1rem);letter-spacing:.07em;text-transform:uppercase}.mobile-sync-calibration-error{margin-top:.8rem;padding:.65rem .85rem;border:1px solid #d55656;background:#681c1c61;color:#ffd8d8;font-size:clamp(.95rem,2.6vw,1.3rem)}.mobile-sync-calibration-content{margin-top:1rem;display:grid;grid-template-columns:1.2fr 1fr;gap:.9rem}.mobile-sync-calibration-video{width:100%;aspect-ratio:16 / 9;border:1px solid #405565;background:#0a1016;object-fit:cover}.mobile-sync-calibration-sample{display:none}.mobile-sync-calibration-controls{border:1px solid #516377;background:#0a1219c2;padding:.85rem;display:grid;gap:.6rem}.mobile-sync-calibration-wave{width:100%;aspect-ratio:16 / 4;background:#0a1016;border:1px solid #374859;display:block}.mobile-sync-calibration-actions{display:flex;gap:.55rem;flex-wrap:wrap}.mobile-sync-calibration-controls button{width:fit-content;border:1px solid #4e87b8;background:#1f4a7266;color:#e7f2ff;padding:.5rem .85rem}.mobile-sync-calibration-controls button:disabled{opacity:.45}.mobile-sync-calibration-cancel{border-color:#b86a4e!important;background:#72381f66!important}.mobile-sync-calibration-controls p{margin:0;color:#c8d8e6;font-size:clamp(.95rem,2.6vw,1.25rem)}.mobile-sync-calibration-result{padding:.45rem .6rem;border:1px solid}.mobile-sync-calibration-result-success{border-color:#3ab067;background:#2b7a4c47;color:#e2ffef}.mobile-sync-calibration-result-failure{border-color:#d55656;background:#681c1c61;color:#ffd8d8}@media (max-width: 900px){.mobile-sync-calibration-content{grid-template-columns:1fr}}.mobile-sync-page{width:100vw;height:100vh;min-height:100vh;max-height:100vh;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:2.5vmin;padding-bottom:max(12vh,5.5rem);touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4d6f86 rgba(9,16,21,.42);background:radial-gradient(circle at 15% 20%,rgba(56,143,175,.2),transparent 45%),radial-gradient(circle at 85% 75%,rgba(78,176,119,.2),transparent 42%),#091015;color:#eef6ff;font-family:IBM Plex Sans,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}.mobile-sync-page::-webkit-scrollbar{width:10px}.mobile-sync-page::-webkit-scrollbar-track{background:#0910156b}.mobile-sync-page::-webkit-scrollbar-thumb{background:#4d6f86;border-radius:999px}.mobile-sync-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.mobile-sync-title{margin:0;font-size:clamp(1.5rem,5vw,3.4rem);letter-spacing:.05em;text-transform:uppercase}.mobile-sync-name{font-size:clamp(1.05rem,3.2vw,2.1rem);letter-spacing:.07em;text-transform:uppercase;color:#b8d5e8}.mobile-sync-error{margin-top:.8rem;padding:.65rem .85rem;border:1px solid #d55656;background:#681c1c61;color:#ffd8d8;font-size:clamp(.95rem,2.6vw,1.3rem)}.mobile-sync-grid{margin-top:1rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-sync-panel{position:relative;border:1px solid #516377;background:#0a1219c2;padding:.75rem;display:grid;gap:.55rem}.mobile-sync-beat-flash{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #ffffffbf,0 0 26px #ffffffa8;pointer-events:none;opacity:0;animation:mobile-sync-flash .24s ease-out}@keyframes mobile-sync-flash{0%{opacity:1}to{opacity:0}}.mobile-sync-unlocked{box-shadow:inset 0 0 0 2px #c8d2dc33}.mobile-sync-locked{box-shadow:inset 0 0 0 2px #3fcf75eb,0 0 24px #22af5f54}.mobile-sync-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:clamp(1.05rem,2.7vw,1.7rem);letter-spacing:.04em;text-transform:uppercase}.mobile-sync-panel-head span{font-size:clamp(.85rem,2.2vw,1.15rem);letter-spacing:.08em}.mobile-sync-wave,.mobile-sync-video{width:100%;aspect-ratio:16 / 9;background:#0a1016;border:1px solid #374859;display:block}.mobile-sync-video{object-fit:cover}.mobile-sync-sample-canvas{display:none}.mobile-sync-metrics{display:flex;justify-content:space-between;gap:.7rem;color:#bcd0dd;font-size:clamp(.9rem,2.3vw,1.2rem)}.mobile-sync-controls{display:grid;gap:.35rem}.mobile-sync-controls label{display:grid;grid-template-columns:7.2rem 1fr auto;align-items:center;gap:.55rem;color:#c8d9e8;font-size:clamp(.78rem,1.9vw,.98rem);letter-spacing:.03em}.mobile-sync-controls input[type=range]{width:100%}.mobile-sync-controls span{color:#a8c7dc;font-size:clamp(.72rem,1.7vw,.9rem);white-space:nowrap}.mobile-sync-latency{margin-top:1rem;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;font-size:clamp(1.1rem,3vw,1.8rem)}.mobile-sync-latency-wait{background:#78849033;border:1px solid #607487;color:#d7e7f3}.mobile-sync-latency-ready{background:#2b7a4c47;border:1px solid #39b06f;color:#e2ffef}.mobile-sync-status{margin-top:.8rem;color:#b7cad8;font-size:clamp(.95rem,2.4vw,1.25rem)}.mobile-sync-calibration{margin-top:.8rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mobile-sync-calibration-button{border:1px solid #4e87b8;background:#1f4a7266;color:#e7f2ff;padding:.5rem .85rem;font-family:inherit;font-size:clamp(.95rem,2.2vw,1.15rem);letter-spacing:.04em;text-transform:uppercase}.mobile-sync-calibration-button:disabled{opacity:.45}.mobile-sync-calibration-button-clear{border-color:#b86a4e;background:#72381f66}.mobile-sync-calibration-text{color:#c6d7e6;font-size:clamp(.9rem,2.2vw,1.15rem)}.mobile-sync-calibration-link{border:1px solid #537386;background:#080e13e6;color:#ecf8ff;padding:.5rem .85rem;font-size:clamp(.95rem,2.2vw,1.15rem);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}@media (max-width: 900px){.mobile-sync-grid{grid-template-columns:1fr}.mobile-sync-latency{flex-direction:column;align-items:flex-start}}.time-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.time-bg-black{background:#000}.time-bg-white{background:#fff}.time-bg-transparent{background:transparent}.time-clock{font-family:IBM Plex Mono,Consolas,monospace;font-size:8rem;line-height:.9;letter-spacing:.04em;color:#f8f8f8;text-align:center;text-shadow:0 0 2rem rgba(0,0,0,.4);white-space:nowrap}.time-font-timeis .time-clock{font-family:TimeTravelerPal,IBM Plex Mono,Consolas,monospace;letter-spacing:.03em}.time-font-lcd .time-clock{font-family:Digital-7 Mono,IBM Plex Mono,Consolas,monospace;letter-spacing:.02em}.time-stack{display:grid;justify-items:stretch;gap:1.3rem;width:auto;max-width:99vw}.time-clock-line{width:100%;text-align:left}.time-zones{display:grid;gap:.5rem;justify-items:stretch;width:100%}.time-clock-extra{line-height:.9}.time-logo-wrap{position:absolute;right:2.2vmin;top:2.2vmin}.time-logo{display:block;width:min(20vw,260px);max-width:34vw;height:auto}.time-bg-white .time-clock{color:#1a1a1a;text-shadow:none}.time-name{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6vw,7rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f8f8f8;text-align:center;white-space:nowrap;text-shadow:0 0 1rem rgba(0,0,0,.55)}.time-sync-toast{position:absolute;left:50%;bottom:2.8vh;transform:translate(-50%);z-index:5;padding:.35em .7em;font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.9rem,1.9vw,1.6rem);letter-spacing:.05em;color:#f8f8f8;background:#000000b3;white-space:nowrap;animation:time-sync-toast-fade 2.25s ease-out forwards}@keyframes time-sync-toast-fade{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.time-bg-white .time-name{color:#141414;text-shadow:none}.time-bg-white .time-sync-toast{color:#121212;background:#ffffffd1}.sync-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:transparent;font-family:IBM Plex Sans,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}.sync-page[data-bg=black]{background:#000}.sync-page[data-bg=white]{background:#fff}.sync-clock-wrap{position:absolute;top:2vmin;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:.2rem;z-index:4}.sync-clock{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(1.6rem,3.2vw,4rem);letter-spacing:.06em;padding:.45em .6em;color:#fff;background:#000000b8}.sync-fps{font-family:IBM Plex Mono,Consolas,monospace;font-size:clamp(.78rem,1.15vw,1.1rem);letter-spacing:.08em;text-transform:uppercase;padding:.22em .5em;color:#fff;background:#00000094}.sync-scale-indicator{position:absolute;top:2vmin;left:2vmin;z-index:4;display:grid;gap:.32rem;min-width:min(26vw,260px);padding:.45rem .55rem;color:#fff;background:#0000009e;border:1px solid rgba(255,255,255,.32)}.sync-scale-title{font-size:clamp(.68rem,1vw,.95rem);letter-spacing:.08em;text-transform:uppercase}.sync-scale-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}.sync-scale-step{border:1px solid rgba(255,255,255,.3);padding:.28rem .3rem;display:grid;justify-items:center;gap:.15rem;opacity:.65}.sync-scale-step-active{border-color:#00f5a0;background:#00f5a02e;opacity:1}.sync-scale-step-note{font-size:clamp(.76rem,1.2vw,1.05rem);font-weight:700;letter-spacing:.05em}.sync-scale-step-hz{font-size:clamp(.54rem,.86vw,.82rem);letter-spacing:.04em}.sync-scale-current{font-size:clamp(.66rem,.98vw,.9rem);letter-spacing:.06em;text-transform:uppercase}.sync-page[data-bg=black] .sync-clock,.sync-page[data-bg=black] .sync-fps{color:#fff;background:#000}.sync-page[data-bg=white] .sync-clock,.sync-page[data-bg=white] .sync-fps{color:#000;background:#fff}.sync-page[data-bg=white] .sync-scale-indicator{color:#111;background:#ffffffd6;border-color:#00000047}.sync-page[data-bg=white] .sync-scale-step{border-color:#0000003d}.sync-page[data-bg=white] .sync-scale-step-active{border-color:#1d8f67;background:#1d8f6724}.sync-name{position:absolute;left:50%;top:82.5%;transform:translate(-50%,-50%);z-index:4;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.2rem,6.8vw,8rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 0 14px rgba(0,0,0,.75)}.sync-page[data-bg=white] .sync-name{color:#000;text-shadow:0 0 14px rgba(255,255,255,.75)}.sync-logo-wrap{position:absolute;right:4.2vw;top:82.5%;transform:translateY(-50%);z-index:4}.sync-logo{display:block;width:min(19vw,280px);max-width:28vw;height:auto}.sync-qr{position:absolute;left:2.2vmin;bottom:2.2vmin;z-index:4;width:min(16vmin,150px);height:min(16vmin,150px);background:#fff;border:2px solid rgba(0,0,0,.72);padding:.35vmin;box-sizing:border-box}.sync-qr-image{width:100%;height:100%;display:block}.sync-top-row{position:absolute;left:4vw;right:4vw;top:13vmin;height:24vh;z-index:3}.sync-ball-panel{height:100%;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.22);background:#0003}.sync-page[data-bg=white] .sync-ball-panel{border-color:#0000003d;background:#ffffff47}.sync-ball-svg{width:100%;height:100%;display:block}.sync-ball-ground{stroke:#ffffffb3;stroke-width:2}.sync-page[data-bg=white] .sync-ball-ground{stroke:#000000b8}.sync-ball{stroke:#fff;stroke-width:2.8;fill:#000}.sync-ball-impact{fill:#fff}.sync-track-wrap{position:absolute;left:4vw;right:4vw;top:50%;transform:translateY(-50%);height:26vh;min-height:190px;z-index:3}.sync-waveform-wrap{position:relative;width:min(42vw,640px);height:100%;border:1px solid rgba(255,255,255,.22);background:#0003}.sync-page[data-bg=white] .sync-waveform-wrap{border-color:#0000003d;background:#ffffff47}.sync-waveform{width:100%;height:100%;display:block}.sync-waveform-axis{stroke:#fff6;stroke-width:.8}.sync-page[data-bg=white] .sync-waveform-axis{stroke:#0000006b}.sync-waveform-path{fill:none;stroke:#00f5a0;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sync-page[data-bg=white] .sync-waveform-path{stroke:#1d8f67}.sync-phase-square{height:100%;aspect-ratio:1 / 1;border:2px solid rgba(255,255,255,.8);box-sizing:border-box}.sync-phase-square-ahead{background:#000}.sync-phase-square-behind{background:#fff}.sync-page[data-bg=white] .sync-phase-square{border-color:#000000d9}.sync-lane{position:absolute;left:0;right:0}.sync-lane-main{top:7%;height:40%}.sync-lane-fast{top:56%;height:36%}.sync-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.3vmin;min-height:4px;background:#fffc;overflow:hidden}.sync-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,rgba(0,0,0,.48) 0,rgba(0,0,0,.48) 1px,transparent 1px,transparent 1.6%);opacity:.7}.sync-page[data-bg=white] .sync-track{background:#000000bf}.sync-page[data-bg=white] .sync-track:after{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.55) 0,rgba(255,255,255,.55) 1px,transparent 1px,transparent 1.6%)}.sync-center-line{position:absolute;left:50%;top:0;bottom:0;width:.45vmin;min-width:2px;transform:translate(-50%);background:#ff2a2a}.sync-sweep{position:absolute;top:-8%;bottom:-8%;width:1.6vmin;min-width:6px;transform:translate(-50%);background:#00f5a0;box-shadow:0 0 18px #00f5a0bf}.sync-sweep-fast{top:-6%;bottom:-6%;width:1vmin;min-width:4px;opacity:.9}.sync-sweep-invert{background:#ff2a2a;box-shadow:0 0 18px #ff2a2abf}.sync-mark{position:absolute;top:56%;transform:translate(-50%);display:grid;justify-items:center;gap:.35rem}.sync-mark-fast{gap:.28rem}.sync-mark-fast .sync-mark-tick{height:1.4vmin;min-height:6px}.sync-mark-fast .sync-mark-label{font-size:clamp(.48rem,.85vw,.82rem)}.sync-mark-tick{width:1px;height:1.8vmin;min-height:8px;background:#ffffffd9}.sync-page[data-bg=white] .sync-mark-tick{background:#111}.sync-mark-label{font-size:clamp(.55rem,1.1vw,1rem);font-weight:700;letter-spacing:.02em;color:#ffffffe6;text-shadow:0 0 3px rgba(0,0,0,.8)}.sync-mark-label-frames{margin-bottom:1.8vmin}.sync-mark-label-ms{margin-top:0}.sync-page[data-bg=white] .sync-mark-label{color:#101010;text-shadow:0 0 2px rgba(255,255,255,.5)}.sync-page-new{position:relative}.sync-new-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.sync-page-new .sync-clock-wrap,.sync-page-new .sync-scale-indicator,.sync-page-new .sync-logo-wrap,.sync-page-new .sync-name,.sync-page-new .sync-qr{z-index:4}.global-side-trigger{position:fixed;left:.7rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:#1212128c;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .26s ease,transform .26s ease,background-color .18s ease;z-index:900;font-family:Space Grotesk,Segoe UI,sans-serif}.global-side-trigger.is-visible{opacity:1;pointer-events:auto}.global-side-trigger.is-open{transform:translateY(-50%) translate(16rem)}.global-side-menu{position:fixed;inset:0 auto 0 0;width:min(88vw,23rem);background:#0b0f12f0;color:#f0f5fb;transform:translate(-102%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:899;box-shadow:8px 0 40px #00000073;font-family:Space Grotesk,Segoe UI,sans-serif}.global-side-menu.is-open{transform:translate(0);opacity:1;pointer-events:auto}.global-side-menu.is-visible{opacity:1}.global-side-content{height:100vh;overflow:auto;padding:.9rem;display:grid;gap:1rem}.global-side-content h2{margin:0;font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em}.global-side-section{border:1px solid rgba(255,255,255,.2);background:#ffffff0d;padding:.7rem;display:grid;gap:.55rem}.global-side-section h3{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#c7d8e7}.global-side-section label{display:grid;gap:.25rem;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.global-side-section input,.global-side-section select{min-width:0;border:1px solid rgba(255,255,255,.36);background:#00000059;color:#eff7ff;padding:.4rem .45rem;font-family:inherit;font-size:.9rem}.global-side-timezones{display:grid;gap:.35rem}.global-side-timezones-header{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.global-side-timezones-plus{width:1.5rem;height:1.5rem;border:1px solid rgba(255,255,255,.35);background:#00000059;color:#eff7ff;font-family:inherit;font-size:1rem;line-height:1;cursor:pointer}.global-side-timezones-label{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.global-side-timezones-summary{font-size:.73rem;color:#b8cde1}.global-side-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:920}.global-side-modal{width:min(92vw,21rem);max-height:min(84vh,34rem);overflow:auto;border:1px solid rgba(255,255,255,.3);background:#0b0f12fa;padding:.55rem;display:grid;gap:.45rem}.global-side-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.global-side-modal-head button{border:1px solid rgba(255,255,255,.3);background:#00000040;color:#eff7ff;font-family:inherit;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .4rem;cursor:pointer}.global-side-timezones-list{max-height:220px;overflow:auto;border:1px solid rgba(255,255,255,.18);background:#00000038;padding:.2rem;display:grid;gap:.2rem}.global-side-timezone-row{border:1px solid rgba(255,255,255,.14);background:#ffffff05;color:#eef7ff;display:grid;grid-template-columns:1rem 1fr;gap:.35rem;align-items:center;padding:.25rem .35rem;text-align:left;cursor:pointer}.global-side-timezone-row.is-selected{border-color:#82e2bb8c;background:#38846638}.global-side-timezone-check{width:1rem;text-align:center;color:#9cf0c6;font-weight:700}.global-side-timezone-main{font-size:.8rem;font-weight:600}.global-side-timezone-meta{grid-column:2;font-size:.72rem;color:#b8cde1}.global-side-checkbox{display:flex;justify-content:space-between;align-items:center}.global-side-frames-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.5rem}.global-side-frames-fps{display:grid;gap:.2rem;width:5.7rem}.global-side-frames-fps span{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.global-side-frames-fps input{padding:.3rem .4rem}.global-side-checkbox input[type=checkbox]{width:1rem;height:1rem}.global-side-preview{display:grid;gap:.25rem}.global-side-preview span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b8cde1}.global-side-preview code{display:block;border:1px solid rgba(255,255,255,.25);background:#00000047;padding:.35rem;font-family:IBM Plex Mono,Consolas,monospace;font-size:.72rem;word-break:break-all}.global-side-thumbs{display:grid;gap:.55rem}.global-side-thumb{border:1px solid rgba(255,255,255,.2);background:#00000040;color:#eef7ff;padding:.3rem;text-align:left;cursor:pointer;display:grid;gap:.3rem}.global-side-thumb img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#111}.global-side-thumb span{font-size:.8rem}@media (max-width: 640px){.global-side-trigger{left:.5rem}.global-side-trigger.is-open{transform:translateY(-50%) translate(13.3rem)}.global-side-menu{width:min(92vw,18.7rem)}}@font-face{font-family:TimeTravelerPal;src:url(/TimeTravelerPal-Normal-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Digital-7 Mono;src:url("/digital-7%20(mono).ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}html,body{width:100vw;height:100vh;overflow:hidden}#root{position:fixed;top:0;right:0;bottom:0;left:0}html.app-cursor-hidden,html.app-cursor-hidden *{cursor:none!important}