:root{color:#f5f3ef;font-synthesis:none;text-rendering:optimizelegibility;--panel:#0c0e11e6;--panel-border:#ffffff1c;--muted:#8b9299;--accent:#d4aa64;--accent-bright:#f0cf91;background:#07090c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#07090c;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.app-shell,.scene-shell,.watch-canvas{width:100%;height:100%;position:absolute;inset:0}.app-shell{isolation:isolate;background:#07090c}.watch-canvas{touch-action:none}.control-panel{z-index:20;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.1);border-radius:18px;width:min(350px,100vw - 44px);max-height:calc(100dvh - 44px);transition:width .24s,max-height .26s,inset .26s,transform .26s;position:absolute;top:22px;right:22px;overflow:hidden;box-shadow:0 24px 80px #00000075}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.19em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.panel-header h1{letter-spacing:.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:500}.panel-toggle{color:#c9cdd0;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;flex:none;padding:7px 11px;font-size:11px}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;max-height:calc(100dvh - 123px);padding:14px 16px 17px;transition:opacity .18s,transform .22s;overflow-y:auto}.control-panel.is-closed{width:194px;max-height:72px}.control-panel.is-closed .panel-header{gap:8px;min-height:70px;padding:10px 11px}.control-panel.is-closed .panel-toggle{padding:6px 9px;font-size:10px}.control-panel.is-closed .panel-body{opacity:0;pointer-events:none;transform:translateY(-10px)}.panel-brand{min-width:0}.panel-brand-compact{white-space:nowrap;align-items:center;gap:7px;display:flex}.panel-brand-compact span{min-width:40px;height:28px;color:var(--accent-bright);letter-spacing:.08em;border:1px solid #d4aa6452;border-radius:999px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:11px;display:grid}.panel-brand-compact strong{color:#e2dfd9;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:650}.panel-quick{position:relative}.time-readout{justify-content:space-between;align-items:baseline;padding:5px 2px 14px;display:flex}.time-readout>span{font-variant-numeric:tabular-nums;letter-spacing:.045em;font-size:25px;font-weight:350}.time-readout small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.primary-actions{grid-template-columns:repeat(3,1fr);gap:7px;padding-bottom:15px;display:grid}.primary-actions button,.chronograph-controls button,.full-width{color:#d7d9db;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;padding:10px 8px;font-size:11px;transition:border-color .16s,background .16s,color .16s,transform .16s}.primary-actions button:hover,.chronograph-controls button:hover,.full-width:hover,.segmented-control button:hover{color:#fff;border-color:#d4aa6480}.primary-actions button:active,.chronograph-controls button:active,.full-width:active{transform:translateY(1px)}.primary-actions button.active,.chronograph-controls button.active,.segmented-control button.active{color:var(--accent-bright);background:#d4aa641f;border-color:#d4aa6499}.button-icon{min-height:17px;color:var(--accent);margin-bottom:3px;font-size:15px;line-height:1;display:block}.control-section{border-top:1px solid #ffffff13;padding:14px 1px}.section-heading{color:#9ba1a6;letter-spacing:.05em;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.section-heading strong{color:#e5e2dc;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:650}.segmented-control{background:#0000002e;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-control{grid-template-columns:repeat(2,1fr)}.segmented-control button{color:#90969b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:7px;font-size:10px}.swatch-row{gap:10px;display:flex}.swatch-row button{cursor:pointer;background:0 0;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:34px;height:34px;padding:4px;transition:border-color .16s,transform .16s;display:grid}.swatch-row button span{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch-row button.active{border-color:var(--accent);transform:scale(1.08)}.dual-slider-section{gap:15px;display:grid}.dual-slider-section label{display:block}input[type=range]{appearance:none;cursor:pointer;background:#ffffff2b;border-radius:99px;width:100%;height:3px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-bright);border:2px solid #181a1d;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #f0cf9173}input[type=range]::-moz-range-thumb{background:var(--accent-bright);border:2px solid #181a1d;border-radius:50%;width:13px;height:13px}.reserve-meter{background:#ffffff1a;border-radius:99px;height:5px;margin-bottom:11px;overflow:hidden}.reserve-meter span{border-radius:inherit;background:var(--accent);height:100%;transition:width .32s;display:block}.full-width{width:100%}.action-accent{color:var(--accent-bright);border-color:#d4aa6461}.chronograph-controls>div:last-child{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inspection-controls>div:last-child{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.inspection-controls button{color:#d9d4ca;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d4aa6417,#ffffff09);border:1px solid #d4aa642e;border-radius:10px;min-height:36px;font-size:10px;font-weight:650;transition:border-color .16s,background .16s,color .16s,transform .16s}.inspection-controls button:hover{color:#fff;border-color:#d4aa6494}.inspection-controls button:active{transform:translateY(1px)}.panel-scroll-cue{z-index:4;pointer-events:none;color:#e0dcd3b8;letter-spacing:.1em;text-transform:uppercase;opacity:0;background:linear-gradient(#0c0e1100,#0c0e11f7 55%);border-radius:0 0 17px 17px;justify-content:center;align-items:flex-end;gap:8px;min-height:47px;padding:19px 14px 9px;font-size:9px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:1px;left:1px;right:1px;transform:translateY(5px)}.panel-scroll-cue b{color:var(--accent-bright);font-size:12px;line-height:.9}.control-panel.has-scroll-cue .panel-scroll-cue{opacity:1;transform:translateY(0)}.control-panel.has-scroll-cue .panel-body{padding-bottom:54px}.hover-label{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#090b0deb;border:1px solid #d4aa6447;border-radius:10px;width:min(276px,100vw - 24px);padding:10px 12px;transition:left 90ms linear,top 90ms linear;animation:.13s ease-out both label-in;position:fixed;box-shadow:0 12px 34px #00000061}.hover-label strong{color:#f1ddba;margin-bottom:4px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:500;display:block}.hover-label span{color:#a2a8ad;font-size:10px;line-height:1.45;display:block}@keyframes label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spec-plaque{z-index:10;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:25px;left:27px}.spec-plaque>span{width:48px;height:48px;color:var(--accent-bright);border:1px solid #d4aa6461;border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:13px;display:grid}.knot-badge{background:radial-gradient(circle at 42% 35%,#d4aa641a,#090b0eb3);box-shadow:inset 0 0 18px #d4aa640f,0 8px 26px #00000042}.knot-badge svg{width:29px;height:29px;overflow:visible}.spec-plaque div{gap:2px;display:grid}.spec-plaque strong{color:#d8d5cf;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.spec-plaque small{color:#777e84;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.interaction-hint{z-index:10;pointer-events:none;color:#cfd3d69e;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.interaction-hint i{background:var(--accent);border-radius:50%;width:2px;height:2px}.loading-screen{z-index:50;pointer-events:none;opacity:1;background:#07090c;place-content:center;justify-items:center;gap:16px;transition:opacity .7s .18s,visibility 0s linear .88s;display:grid;position:absolute;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen span{color:#838a90;letter-spacing:.18em;text-transform:uppercase;font-size:10px}.loading-mark{border:1px solid #d4aa642e;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite assemble}@keyframes assemble{to{transform:rotate(360deg)}}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #f0cf91bf}@media (pointer:coarse) and (max-width:1366px),(max-width:1100px){.control-panel{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));border-radius:18px;width:auto;max-height:min(58dvh,560px)}.control-panel.is-closed{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:194px;max-height:68px;left:auto}.panel-header{min-height:66px;padding:12px 14px}.panel-body{scrollbar-width:auto;scrollbar-color:#d4aa646b #ffffff0a;max-height:calc(min(58dvh,560px) - 66px);padding:10px 13px 17px}.panel-toggle,.primary-actions button,.chronograph-controls button,.full-width{min-height:44px;padding-block:11px}.segmented-control button{min-height:42px;padding-block:10px}.swatch-row{gap:13px}.swatch-row button{width:44px;height:44px}input[type=range]{background:linear-gradient(#0000 0 9px,#ffffff2e 9px 13px,#0000 13px 100%);height:22px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.panel-quick{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c0e11fc 78%,#0c0e1100);margin:-10px -13px 0;padding:10px 13px 0;position:sticky;top:-10px}.interaction-hint{top:calc(18px + env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));text-align:right;gap:3px;display:grid;bottom:auto;left:auto;transform:none}.interaction-hint i{display:none}}@media (max-width:760px){.control-panel{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:15px;width:auto;max-height:min(70dvh,650px);left:10px}.control-panel.is-closed{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:190px;max-height:66px;left:auto}.panel-header{gap:10px;min-height:64px;padding:11px 12px}.panel-header h1{font-size:20px}.panel-toggle{padding:7px 10px}.panel-body{max-height:calc(min(70dvh,650px) - 64px);padding:10px 12px 17px}.panel-quick{margin-inline:-12px;padding-inline:12px;top:-10px}.time-readout>span{font-size:22px}.spec-plaque{top:calc(14px + env(safe-area-inset-top));left:max(15px, env(safe-area-inset-left))}.spec-plaque>span{width:43px;height:43px}.knot-badge svg{width:25px;height:25px}.hover-label{width:min(248px,100vw - 24px)}.interaction-hint{display:none}}@media (max-width:420px){.spec-plaque div{display:none}.primary-actions button{padding-inline:5px}.interaction-hint span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}