.timeline-slider-container{--min: 0;--max: 100;--value: 60;--percent: .6;position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 14px 6px;border-radius:var(--radius-md, 12px);border:1px solid var(--timeline-border, rgba(122, 139, 255, .16));background:var(--timeline-bg, linear-gradient(180deg, rgba(22, 23, 38, .72) 0%, rgba(12, 12, 18, .4) 100%));box-shadow:var(--timeline-shadow, inset 0 0 0 1px rgba(17, 18, 34, .5), 0 10px 18px rgba(10, 12, 26, .35))}.timeline-slider-shell{position:relative;height:28px;border-radius:999px;margin-bottom:42px}.timeline-slider-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--timeline-track-bg, linear-gradient(180deg, rgba(33, 37, 62, .8) 0%, rgba(21, 22, 38, .62) 55%, rgba(12, 12, 20, .4) 100%))}.timeline-slider-track,.timeline-slider-progress,.timeline-slider-glow{position:absolute;border-radius:inherit;pointer-events:none}.timeline-slider-track{top:50%;left:16px;right:16px;height:6px;transform:translateY(-50%);background:var(--timeline-scrub-bg, linear-gradient(90deg, rgba(28, 30, 52, .9) 0%, rgba(20, 22, 38, .7) 100%));border:1px solid var(--timeline-scrub-border, rgba(122, 139, 255, .18))}.timeline-slider-progress{left:16px;top:50%;height:6px;width:max(18px,calc((100% - 32px) * var(--percent)));transform:translateY(-50%);border-radius:14px;background:linear-gradient(90deg,var(--timeline-track-start) 0%,var(--timeline-track-mid) 55%,var(--timeline-track-end) 100%);box-shadow:0 0 16px var(--timeline-glow, rgba(90, 139, 255, .45));transition:width .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.timeline-slider-input:active~.timeline-slider-progress{box-shadow:0 0 24px var(--timeline-glow-active, rgba(90, 139, 255, .65)),0 0 36px var(--timeline-glow-secondary, rgba(90, 139, 255, .35))}body.timeline-active .timeline-slider-progress{animation:timeline-pulse 2s ease-in-out infinite}@keyframes timeline-pulse{0%,to{box-shadow:0 0 16px #5a8bff73}50%{box-shadow:0 0 24px #5a8bffa6,0 0 36px #5a8bff40}}.timeline-slider-glow{inset:1px;background:var(--timeline-progress-bg, radial-gradient(circle at clamp(16px, calc(16px + (100% - 32px) * var(--percent)), calc(100% - 16px) ) 50%, rgba(122, 139, 255, .35) 0%, rgba(122, 139, 255, .08) 35%, rgba(122, 139, 255, 0) 70%));filter:blur(12px)}.timeline-slider-value-chip{position:absolute;top:calc(100% + 4px);bottom:auto;left:clamp(16px,calc(16px + (100% - 32px) * var(--percent)),calc(100% - 16px));transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:999px;border:1px solid var(--timeline-handle-border, rgba(122, 139, 255, .55));background:linear-gradient(135deg,#7a8bff52,#1c1e35e0);color:var(--color-text-strong);font-size:.85rem;font-weight:600;letter-spacing:.08em;box-shadow:0 6px 16px #5a8bff4d;min-width:140px;text-align:center;pointer-events:none;z-index:4}.timeline-slider-label{position:absolute;bottom:-32px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a8bffd9;z-index:1;transition:all .3s ease;text-shadow:0 2px 8px rgba(90,139,255,.4)}@keyframes label-update{0%,to{color:#7a8bffd9;transform:scale(1)}50%{color:#89b3ff;transform:scale(1.12);text-shadow:0 2px 12px rgba(90,139,255,.7)}}.timeline-slider-label--min{left:16px}.timeline-slider-label--max{right:16px}.timeline-slider-input{position:absolute;z-index:3;width:calc(100% - 32px);height:28px;left:16px;top:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin:0;border-radius:inherit}.timeline-slider-input:focus-visible{outline:2px solid rgba(122,139,255,.7);outline-offset:6px}.timeline-slider-input::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent;border:none}.timeline-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(122,139,255,.95);background:radial-gradient(circle at 30% 30%,var(--timeline-handle-bg) 0%,var(--timeline-handle-mid) 45%,var(--timeline-handle-end) 100%);box-shadow:0 0 10px #7a8bff73,0 4px 18px #14183499;cursor:grab;position:relative;z-index:3;top:50%;transform:translateY(-50%);-webkit-transition:transform .15s ease,box-shadow .2s ease;transition:transform .15s ease,box-shadow .2s ease}.timeline-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 16px #7a8bffa6,0 6px 24px #141834b3}.timeline-slider-input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.25);box-shadow:0 0 20px #7a8bffd9,0 8px 32px #141834cc}.timeline-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid rgba(122,139,255,.95);background:radial-gradient(circle at 30% 30%,var(--timeline-handle-bg) 0%,var(--timeline-handle-mid) 45%,var(--timeline-handle-end) 100%);box-shadow:0 0 10px #7a8bff73,0 4px 18px #14183499;cursor:grab;-moz-transition:transform .15s ease,box-shadow .2s ease;transition:transform .15s ease,box-shadow .2s ease}.timeline-slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 16px #7a8bffa6,0 6px 24px #141834b3}.timeline-slider-input:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.25);box-shadow:0 0 20px #7a8bffd9,0 8px 32px #141834cc}.timeline-slider-input::-ms-thumb{width:20px;height:20px;border-radius:50%;border:2px solid rgba(122,139,255,.95);background:radial-gradient(circle at 30% 30%,var(--timeline-handle-bg) 0%,var(--timeline-handle-mid) 45%,var(--timeline-handle-end) 100%);box-shadow:0 0 10px #7a8bff73,0 4px 18px #14183499;cursor:grab;-ms-transition:transform .15s ease,box-shadow .2s ease;transition:transform .15s ease,box-shadow .2s ease}.timeline-slider-input::-ms-thumb:hover{transform:scale(1.15);box-shadow:0 0 16px #7a8bffa6,0 6px 24px #141834b3}.timeline-slider-input:active::-ms-thumb{cursor:grabbing;transform:scale(1.25);box-shadow:0 0 20px #7a8bffd9,0 8px 32px #141834cc}.timeline-slider-input::-moz-range-track,.timeline-slider-input::-ms-track{height:100%;background:transparent;border:none;color:transparent}.timeline-slider-input::-moz-range-progress{background:transparent}.timeline-slider-ticks{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#e7e7eaad;pointer-events:none;padding:0 16px;margin-top:2px}.timeline-slider-ticks span{position:relative;flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;gap:6px}.timeline-slider-ticks span:before{content:"";width:2px;height:8px;border-radius:999px;background:linear-gradient(180deg,#7a8bffa6,#7a8bff00);box-shadow:0 0 6px #7a8bff66}.timeline-slider-ticks span:after{content:attr(data-label);opacity:.72}.timeline-caption{margin:0;font-size:.8rem;color:#e7e7eab8;letter-spacing:.04em;text-transform:uppercase}.timeline-slider-value-chip{transition:left .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}[data-theme=light] .timeline-slider-container{background:var(--timeline-bg);border-color:var(--timeline-border);box-shadow:var(--timeline-shadow)}[data-theme=light] .timeline-slider-shell:before{background:var(--timeline-track-bg)}[data-theme=light] .timeline-slider-track{background:var(--timeline-scrub-bg);border-color:var(--timeline-scrub-border)}[data-theme=light] .timeline-slider-progress{box-shadow:0 0 16px var(--timeline-glow)}[data-theme=light] .timeline-slider-input:active~.timeline-slider-progress{box-shadow:0 0 24px var(--timeline-glow-active),0 0 36px var(--timeline-glow-secondary)}[data-theme=light] .timeline-slider-glow{background:var(--timeline-progress-bg)}[data-theme=light] .timeline-slider-value-chip{background:linear-gradient(135deg,#fffffff5,#ecf3fff5);color:var(--text-primary);border-color:var(--timeline-handle-border);box-shadow:0 8px 18px #0f184029}[data-theme=light] .timeline-slider-label,[data-theme=light] .timeline-slider-ticks{color:var(--text-secondary)}[data-theme=light] .timeline-slider-ticks span:before{background:linear-gradient(180deg,#4f46e5b3,#4f46e500);box-shadow:0 0 6px #4f46e54d}[data-theme=light] .timeline-slider-ticks span:after{color:var(--text-secondary);opacity:.8}.poi-active{opacity:1!important;filter:saturate(1.2) brightness(1.1)}.poi-inactive{opacity:.3!important;filter:saturate(.5) brightness(.7);transition:opacity .3s ease,filter .3s ease}.poi-undated{opacity:.7!important;filter:saturate(.8) brightness(.9);transition:opacity .3s ease,filter .3s ease}.text-chip--poi,.leaflet-marker-icon,.cesium-billboard{transition:opacity .3s ease,filter .3s ease,transform .2s ease}.poi-active.text-chip--poi{animation:poi-highlight-pulse 1.5s ease-in-out}@keyframes poi-highlight-pulse{0%,to{box-shadow:0 0 #5a8bff00}50%{box-shadow:0 0 16px #5a8bff99}}#xr-pair-modal{font-family:dm-sans,Inter,Segoe UI,Arial,sans-serif;color:var(--color-text, #e7e7ea)}#xr-pair-modal .xr-modal{width:min(680px,98vw);background:linear-gradient(165deg,var(--modal-gradient-start, rgba(24, 24, 31, .72)) 0%,var(--modal-gradient-end, rgba(14, 15, 24, .68)) 100%);border:1.5px solid var(--modal-border, rgba(118, 137, 255, .18));border-radius:14px;box-shadow:0 24px 58px #0c0e2073;padding:14px 16px 12px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);display:flex;flex-direction:column;align-items:stretch;max-height:80vh;overflow-y:auto;margin-top:0}#xr-pair-modal .modal-header{margin:0;display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;letter-spacing:.01em;color:var(--color-text-strong, #f5f7ff)}#xr-pair-modal .modal-header i{font-size:1.5rem;color:var(--color-accent, #5a8bff);filter:drop-shadow(0 4px 12px rgba(90,139,255,.45));filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--color-accent, #5a8bff) 45%,rgba(0,0,0,.35) 55%))}#xr-pair-modal .modal-body{margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:20px}#xr-pair-modal .xr-modal__lede{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-muted, rgba(214, 222, 255, .85))}#xr-pair-modal .xr-modal__grid{display:grid;gap:18px}#xr-pair-modal .xr-card{background:var(--color-panel, rgba(18, 20, 36, .86));border:1px solid var(--color-border, rgba(118, 137, 255, .2));border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 36px #080a1a61}#xr-pair-modal .xr-card--info{background:var(--color-panel, rgba(18, 20, 36, .86));background:color-mix(in srgb,var(--color-panel, rgba(18, 20, 36, .86)) 92%,var(--surface-muted, #18181f) 8%)}#xr-pair-modal .xr-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.26em;color:var(--color-accent, #7c9aff);color:color-mix(in srgb,var(--color-accent, #7c9aff) 70%,var(--color-muted, #b0b8dd) 30%);font-weight:600}#xr-pair-modal .xr-modal__hint{margin:0;font-size:.86rem;text-align:center;color:var(--color-muted, rgba(180, 192, 255, .75))}#xr-pair-modal .xr-card__meta{display:flex;flex-direction:column;gap:8px}#xr-pair-modal .xr-meta-text{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-muted, rgba(206, 214, 255, .78))}#xr-pair-modal .xr-modal__footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border, rgba(118, 137, 255, .2));display:flex;justify-content:flex-end;gap:10px}#xr-pair-modal .btn-secondary{background:var(--interactive-bg, rgba(32, 36, 60, .78));color:var(--color-text, rgba(204, 214, 255, .92));border:1px solid var(--interactive-border, rgba(90, 139, 255, .32));border-radius:10px;padding:10px 22px;font-weight:600;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}#xr-pair-modal .btn-secondary:hover,#xr-pair-modal .btn-secondary:focus-visible{background:var(--interactive-bg-hover, rgba(42, 48, 78, .96));color:var(--color-text-strong, #ffffff);border-color:var(--interactive-border-hover, rgba(124, 154, 255, .5));transform:translateY(-1px);outline:none}#xr-pair-modal .btn-primary{background:linear-gradient(140deg,var(--btn-primary-bg-start, #5a8bff) 0%,var(--btn-primary-bg-end, #7a9fff) 100%);border:none;border-radius:12px;padding:12px 28px;color:var(--btn-primary-text, #ffffff);font-weight:700;letter-spacing:.02em;box-shadow:0 22px 44px var(--btn-primary-shadow, rgba(90, 139, 255, .4));transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}#xr-pair-modal .btn-primary:hover,#xr-pair-modal .btn-primary:focus-visible{transform:translateY(-1px);box-shadow:0 26px 50px var(--btn-primary-shadow-hover, rgba(104, 156, 255, .46));filter:brightness(1.05);outline:none}#xr-pair-modal .btn-primary:active{transform:translateY(0);box-shadow:0 16px 32px var(--btn-primary-shadow-active, rgba(74, 118, 238, .38))}#xr-pair-modal .text-break{word-break:break-word}@media(min-width:560px){#xr-pair-modal .xr-modal__grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){#xr-pair-modal .xr-modal{padding:20px 18px 18px}#xr-pair-modal .xr-modal__grid{gap:16px}#xr-pair-modal .xr-card{padding:16px}}:root[data-theme=light] #xr-pair-modal .xr-modal,body.light-mode #xr-pair-modal .xr-modal,.theme-light #xr-pair-modal .xr-modal{background:linear-gradient(165deg,var(--modal-gradient-start, rgba(248, 250, 252, .95)) 0%,var(--modal-gradient-end, rgba(241, 245, 249, .9)) 100%);border-color:#303e6e26;border-color:color-mix(in srgb,var(--color-border, rgba(48, 62, 110, .18)) 85%,transparent 15%);box-shadow:0 22px 44px #0f18401f}:root[data-theme=light] #xr-pair-modal .xr-card,body.light-mode #xr-pair-modal .xr-card,.theme-light #xr-pair-modal .xr-card{background:#fff;border-color:#303e6e29;border-color:color-mix(in srgb,var(--color-border, rgba(48, 62, 110, .18)) 90%,transparent 10%);box-shadow:0 12px 28px #0f18401f}:root[data-theme=light] #xr-pair-modal .xr-card--info,body.light-mode #xr-pair-modal .xr-card--info,.theme-light #xr-pair-modal .xr-card--info{background:#f6f8ff}:root[data-theme=light] #xr-pair-modal .modal-header{color:var(--color-text-strong, #131429)}:root[data-theme=light] #xr-pair-modal .xr-modal__lede,:root[data-theme=light] #xr-pair-modal .xr-modal__hint,:root[data-theme=light] #xr-pair-modal .xr-meta-text,body.light-mode #xr-pair-modal .xr-modal__lede,body.light-mode #xr-pair-modal .xr-modal__hint,body.light-mode #xr-pair-modal .xr-meta-text,.theme-light #xr-pair-modal .xr-modal__lede,.theme-light #xr-pair-modal .xr-modal__hint,.theme-light #xr-pair-modal .xr-meta-text{color:var(--color-muted, #5e6278)}:root[data-theme=light] #xr-pair-modal .xr-modal__footer,body.light-mode #xr-pair-modal .xr-modal__footer,.theme-light #xr-pair-modal .xr-modal__footer{border-top-color:#303e6e29}:root[data-theme=light] #xr-pair-modal .btn-secondary,body.light-mode #xr-pair-modal .btn-secondary,.theme-light #xr-pair-modal .btn-secondary{background:var(--interactive-bg, rgba(59, 130, 246, .08));color:var(--color-text, #1f2030);border-color:var(--interactive-border, rgba(59, 130, 246, .2))}:root[data-theme=light] #xr-pair-modal .btn-secondary:hover,:root[data-theme=light] #xr-pair-modal .btn-secondary:focus-visible,body.light-mode #xr-pair-modal .btn-secondary:hover,body.light-mode #xr-pair-modal .btn-secondary:focus-visible,.theme-light #xr-pair-modal .btn-secondary:hover,.theme-light #xr-pair-modal .btn-secondary:focus-visible{background:var(--interactive-bg-hover, rgba(59, 130, 246, .12));color:var(--color-text-strong, #131429);border-color:var(--interactive-border-hover, rgba(59, 130, 246, .35))}.xr-code-display{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:12px;background:var(--color-input-bg, rgba(10, 12, 28, .92));border:1.5px solid rgba(124,154,255,.35);border:1.5px solid color-mix(in srgb,var(--color-accent, #7c9aff) 35%,transparent 65%)}.xr-code-digits{font-size:3rem;font-weight:800;letter-spacing:.4em;font-variant-numeric:tabular-nums;color:var(--color-accent, #a0c5ff);text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;padding-left:.4em}:root[data-theme=light] .xr-pair-status__text,body.light-mode .xr-pair-status__text,.theme-light .xr-pair-status__text{color:var(--color-muted, #5e6278)}:root[data-theme=light] .xr-code-display,body.light-mode .xr-code-display,.theme-light .xr-code-display{background:#f9fbff;border-color:#3b82f647}:root[data-theme=light] .xr-code-digits,body.light-mode .xr-code-digits,.theme-light .xr-code-digits{color:#3b82f6}@media(max-width:520px){.xr-code-digits{font-size:2.2rem;letter-spacing:.3em;padding-left:.3em}}.xr-join-code-row{display:flex;align-items:center;gap:10px;margin-top:12px}.xr-join-code{font-size:1.5rem;font-weight:700;letter-spacing:.25em;font-variant-numeric:tabular-nums;color:#a0c5ff;background:#5a8bff1a;padding:3px 12px;border-radius:8px;border:1px solid rgba(90,139,255,.25);-webkit-user-select:all;-moz-user-select:all;user-select:all}:root[data-theme=light] .xr-join-code{color:#2563eb;background:#2563eb14;border-color:#2563eb38}.xr-pair-status{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;margin-top:14px;font-size:.85rem;background:#5a8bff12;border:1px solid rgba(90,139,255,.14)}.xr-pair-status__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#e7e7ea59;transition:background .3s ease}.xr-pair-status[data-status=waiting] .xr-pair-status__dot{background:#ffc400d9;animation:xrStatusPulse 1.5s ease-in-out infinite}.xr-pair-status[data-status=connected] .xr-pair-status__dot{background:#34d399e6}.xr-pair-status[data-status=error] .xr-pair-status__dot{background:#ef4444e6}.xr-pair-status__text{color:#e7e7ead9}@keyframes xrStatusPulse{0%,to{opacity:1}50%{opacity:.35}}body.xr-ambient-mode .xr-modal__body,body.xr-ambient-mode .xr-modal__footer,body.xr-ambient-mode .xr-modal .modal-header{display:none}body.xr-undocking .workspace-panel{will-change:opacity}body.xr-ambient-mode:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:#0a0a0ee0;backdrop-filter:blur(32px) saturate(.6);-webkit-backdrop-filter:blur(32px) saturate(.6);opacity:1;transition:opacity .3s ease-out}body.xr-ambient-mode #xr-pair-modal{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s;pointer-events:none}body.xr-undocking:not(.xr-ambient-mode) #xr-pair-modal{opacity:1;visibility:visible;transition:opacity .3s ease-in,visibility 0s;pointer-events:auto}body.xr-undocking:not(.xr-ambient-mode):after{opacity:0;transition:opacity .3s ease-in}@media(prefers-reduced-motion:reduce){body.xr-ambient-mode #xr-pair-modal,body.xr-ambient-mode:after,body.xr-undocking:not(.xr-ambient-mode) #xr-pair-modal,body.xr-undocking:not(.xr-ambient-mode):after{transition:none}}.xr-ambient-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;opacity:0;transition:opacity .25s ease-out .1s}.xr-ambient-overlay.hidden{display:none}.xr-ambient-overlay.active{opacity:1;visibility:visible}.xr-ambient-orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5a8bff66,#5a8bff14 70%);box-shadow:0 0 60px #5a8bff4d,0 0 120px #5a8bff1a;animation:xr-orb-breathe 4s ease-in-out infinite}.xr-ambient-orb--img{width:100px;height:100px;border-radius:20px;background:none}@keyframes xr-orb-breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.xr-ambient-label{font-size:1.2rem;font-weight:700;color:#ffffffe6;letter-spacing:.04em}.xr-ambient-hint{font-size:.9rem;color:#ffffff80}.xr-ambient-dock-btn{pointer-events:auto;padding:12px 32px;border-radius:12px;border:1.5px solid rgba(118,137,255,.3);background:#18181fb3;color:#e7e7ea;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s}.xr-ambient-dock-btn:hover{border-color:#7689ff99;background:#22222dcc}.xr-indicator-dot{width:8px;height:8px;border-radius:50%;background:#34d399;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #34d39999}.xr-indicator-dot.hidden,.view-switcher-row button.hidden{display:none}body.xr-webspatial{background:transparent!important}body.xr-webspatial .main-layout{background:#0000000d}body.xr-webspatial .navbar{background:#14141499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}body.xr-webspatial .sidebar,body.xr-webspatial .workspace-panel,body.xr-webspatial #mixx-ai-panel{background:#1e1e1eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(255,255,255,.08)}.xr-spatial-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(118,137,255,.25);background:#5a8bff1a;color:#ffffffd9;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s,opacity .2s}.xr-spatial-btn:hover:not(:disabled){border-color:#7689ff80;background:#5a8bff33}.xr-spatial-btn[data-expanded=true]{border-color:#34d3994d;background:#34d3991a;color:#34d399}.xr-spatial-btn[data-expanded=true]:hover{border-color:#34d39980;background:#34d39926}.xr-spatial-placeholder{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0c0c14b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:inherit;animation:xr-placeholder-fadein .4s ease-out both}@keyframes xr-placeholder-fadein{0%{opacity:0}to{opacity:1}}.xr-spatial-placeholder__content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.xr-spatial-placeholder__icon{color:#5a8bff99}.xr-spatial-placeholder__text{font-size:.9rem;font-weight:600;color:#fff9;margin:0}.xr-spatial-placeholder__collapse-btn{padding:8px 20px;border-radius:8px;border:1px solid rgba(118,137,255,.25);background:#18181f99;color:#fffc;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.xr-spatial-placeholder__collapse-btn:hover{border-color:#7689ff80;background:#22222dcc}body.xr-headset-waiting .navbar,body.xr-headset-waiting .sidebar,body.xr-headset-waiting .workspace,body.xr-headset-waiting .view-switcher-row,body.xr-headset-waiting .mode-selector,body.xr-headset-waiting .panel-slot,body.xr-headset-waiting #controlPanel,body.xr-headset-waiting #mixx-ai-panel,body.xr-headset-waiting .timeline-slider-container{display:none!important}.xr-headset-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#14141ef2,#0a0a0ffa);animation:xr-headset-fadein .6s ease-out both}@keyframes xr-headset-fadein{0%{opacity:0}to{opacity:1}}.xr-headset-overlay--dismissing{animation:xr-headset-fadeout .4s ease-in both}@keyframes xr-headset-fadeout{0%{opacity:1}to{opacity:0}}.xr-headset-overlay__card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 56px;border-radius:24px;border:1px solid rgba(118,137,255,.15);background:#1c1c2699;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);text-align:center;max-width:400px}.xr-headset-overlay__icon{color:#7689ffb3;animation:xr-icon-pulse 3s ease-in-out infinite}.xr-headset-overlay__logo{border-radius:14px;animation:xr-icon-pulse 3s ease-in-out infinite}.xr-headset-overlay__subtitle{font-size:.85rem;color:#fff6;margin:-12px 0 0;display:none}@keyframes xr-icon-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.xr-headset-overlay__status{font-size:1.1rem;font-weight:600;color:#ffffffb3;margin:0;transition:color .3s}.xr-headset-overlay__status[data-state=connected]{color:#34d399}.xr-headset-overlay__undock-btn{padding:14px 40px;border-radius:14px;border:1.5px solid rgba(118,137,255,.3);background:#5a8bff26;color:#e7e7ea;font-size:1.05rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s,opacity .2s,transform .15s}.xr-headset-overlay__undock-btn:hover:not(:disabled){border-color:#7689ff99;background:#5a8bff40;transform:scale(1.02)}.xr-headset-overlay__undock-btn:active:not(:disabled){transform:scale(.98)}.xr-headset-overlay__undock-btn:disabled{opacity:.35;cursor:not-allowed}.xr-headset-overlay__hint{font-size:.85rem;color:#ffffff59;margin:0}.xr-spatial-controls{display:none}body.xr-undocked .xr-spatial-controls{display:flex;gap:8px;padding:4px 0}.xr-spatial-btn{padding:8px 16px;border-radius:10px;border:1px solid rgba(118,137,255,.2);background:#5a8bff1a;color:#fffc;font-size:.8rem;font-weight:500;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s,opacity .2s}.xr-spatial-btn:hover{background:#5a8bff33;border-color:#7689ff66}.xr-spatial-btn:active{transform:scale(.97)}.xr-spatial-btn[aria-pressed=true]{background:#5a8bff40;border-color:#7689ff80;color:#fffffff2}.xr-spatial-btn:disabled{opacity:.4;cursor:not-allowed}body.xr-webspatial.xr-workspace-appearing .main-layout,body.xr-webspatial.xr-workspace-appearing .navbar,body.xr-webspatial.xr-workspace-appearing .sidebar{animation:xr-workspace-appear .6s ease-out both}@keyframes xr-workspace-appear{0%{opacity:0;transform:scale(.96) translateZ(-20px)}to{opacity:1;transform:scale(1) translateZ(0)}}body.xr-webspatial .workspace-panel[data-spatial-expanding=true]{animation:xr-map-expand .8s cubic-bezier(.22,1,.36,1) both}@keyframes xr-map-expand{0%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(.95)}to{opacity:.3;transform:scale(.9) translateZ(-40px)}}.xr-spatial-fallback-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:10px;background:#1c1c26d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:.85rem;z-index:10000;animation:xr-toast-in .4s ease-out both}.xr-spatial-fallback-toast--dismissing{animation:xr-toast-out .3s ease-in both}@keyframes xr-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes xr-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@media(prefers-reduced-motion:reduce){body.xr-webspatial.xr-workspace-appearing .main-layout,body.xr-webspatial.xr-workspace-appearing .navbar,body.xr-webspatial.xr-workspace-appearing .sidebar,body.xr-webspatial .workspace-panel[data-spatial-expanding=true],.xr-spatial-fallback-toast{animation:none}.xr-spatial-fallback-toast--dismissing{animation:none;display:none}.xr-headset-overlay{animation:none}.xr-headset-overlay--dismissing{animation:none;display:none}.xr-headset-overlay__logo,.xr-headset-overlay__icon{animation:none}.xr-ambient-orb{animation:none;opacity:1}.xr-ambient-overlay{transition:none}}:root{--motion-fast: .26s;--motion-default: .32s;--motion-slow: .4s;--ease-premium: cubic-bezier(.33, 0, .17, 1)}:root{--ease-panel: cubic-bezier(.22, .61, .36, 1);--panel-transition-duration: 1.3s;--panel-perspective: 1000px}:root{--ai-color-dormant: rgba(255, 255, 255, .8);--ai-color-dormant-glow: rgba(255, 255, 255, .5);--ai-color-listening: rgba(134, 239, 172, 1);--ai-color-listening-glow: rgba(134, 239, 172, .6);--ai-color-thinking: rgba(59, 130, 246, 1);--ai-color-thinking-glow: rgba(59, 130, 246, .6);--ai-color-speaking: rgba(147, 197, 253, 1);--ai-color-speaking-glow: rgba(147, 197, 253, .6);--ai-color-error: rgba(239, 68, 68, 1);--ai-color-error-glow: rgba(239, 68, 68, .6)}:root{--color-bg: #0c0c0d;--color-panel: #111116;--color-sidebar: #18181b;--color-navbar-bg-start: #181a23;--color-navbar-bg-end: #23253a;--color-navicon-bg: #23253a;--color-navicon-hover: #2f3146;--color-profile-chip-bg-start: #23253a;--color-profile-chip-bg-end: #7a8bff;--color-profile-chip-text: #ffffff;--color-profile-menu: rgba(18, 19, 32, .98);--color-profile-menu-border: rgba(255, 255, 255, .06);--color-tooltip-bg: #23253a;--color-tooltip-border: rgba(255, 255, 255, .08);--color-accent: #5a8bff;--color-text: #e7e7ea;--color-text-strong: #eaf0ff;--color-text-secondary: #b3b3c0;--color-muted: #b3b3c0;--color-border: #22222a;--color-border-subtle: rgba(255, 255, 255, .08);--color-divider: rgba(255, 255, 255, .08);--color-danger: #e66;--color-placeholder: rgba(231, 231, 234, .58);--color-input-bg: rgba(24, 24, 32, .6);--color-input-border: rgba(255, 255, 255, .08);--color-scrollbar-thumb: rgba(90, 139, 255, .35);--color-scrollbar-track: rgba(255, 255, 255, .08);--shadow-soft: 0 2px 16px rgba(0, 0, 0, .28);--shadow-elevated: 0 8px 32px rgba(90, 139, 255, .18);--surface-elevated: #23253a;--surface-muted: #18181f;--surface-gradient-start: #18181f;--surface-gradient-end: #15151c;--surface-card: #202027;--text-inverse: #ffffff;--text-primary: #e7e7ea;--text-secondary: #b3b3c0;--text-muted: rgba(231, 231, 234, .5);--color-chip-image: #86c5ff;--color-chip-video: #ff7676;--color-chip-sound: #ffa4a4;--color-chip-document: #b0c0ff;--color-chip-model: #4ef2a8;--color-chip-link: #aabaff;--color-chip-time: #ffd46b;--color-white: #ffffff;--color-accent-alpha: rgba(90, 139, 255, .18);--color-shadow-dark: rgba(0, 0, 0, .35);--notification-success-bg: #d1fae5;--notification-success-text: #065f46;--notification-success-border: #10b981;--notification-error-bg: #fee2e2;--notification-error-text: #991b1b;--notification-error-border: #ef4444;--notification-info-bg: #dbeafe;--notification-info-text: #1e40af;--notification-info-border: #3b82f6;--status-default-bg: rgba(90, 139, 255, .16);--status-default-border: rgba(118, 137, 255, .32);--status-default-text: rgba(157, 190, 255, .85);--status-published-bg: rgba(46, 178, 133, .18);--status-published-border: rgba(46, 178, 133, .32);--status-published-text: rgba(142, 232, 198, .9);--status-draft-bg: rgba(255, 193, 79, .18);--status-draft-border: rgba(255, 193, 79, .32);--status-draft-text: rgba(255, 218, 162, .88);--status-archived-bg: rgba(112, 115, 134, .2);--status-archived-border: rgba(112, 115, 134, .32);--status-archived-text: rgba(196, 199, 215, .85);--sync-badge-bg-start: rgba(142, 170, 255, .95);--sync-badge-bg-end: rgba(90, 139, 255, .85);--sync-badge-text: #ffffff;--sync-badge-shadow: rgba(90, 139, 255, .3);--sync-badge-shadow-hover: rgba(90, 139, 255, .38);--sync-badge-shadow-active: rgba(90, 139, 255, .28);--xr-panel-shadow: rgba(32, 34, 59, .35);--xr-panel-shadow-elevated: rgba(74, 110, 255, .35);--xr-hud-bg: rgba(90, 139, 255, .92);--xr-hud-text: #ffffff;--interactive-bg: rgba(90, 139, 255, .08);--interactive-bg-hover: rgba(90, 139, 255, .12);--interactive-bg-active: rgba(90, 139, 255, .18);--interactive-border: rgba(90, 139, 255, .18);--interactive-border-hover: rgba(90, 139, 255, .3);--interactive-border-active: rgba(90, 139, 255, .4);--interactive-shadow: rgba(90, 139, 255, .2);--focus-ring: rgba(90, 139, 255, .18);--focus-ring-strong: rgba(90, 139, 255, .25);--marker-pulse-shadow: rgba(122, 139, 255, .53);--marker-selected-shadow: rgba(122, 139, 255, .53);--timeline-bg: linear-gradient(180deg, rgba(22, 23, 38, .72) 0%, rgba(12, 12, 18, .4) 100%);--timeline-border: rgba(122, 139, 255, .16);--timeline-shadow: inset 0 0 0 1px rgba(17, 18, 34, .5), 0 10px 18px rgba(10, 12, 26, .35);--timeline-track-bg: linear-gradient(180deg, rgba(33, 37, 62, .8) 0%, rgba(21, 22, 38, .62) 55%, rgba(12, 12, 20, .4) 100%);--timeline-scrub-bg: linear-gradient(90deg, rgba(28, 30, 52, .9) 0%, rgba(20, 22, 38, .7) 100%);--timeline-scrub-border: rgba(122, 139, 255, .18);--timeline-glow: rgba(90, 139, 255, .45);--timeline-glow-active: rgba(90, 139, 255, .65);--timeline-glow-secondary: rgba(90, 139, 255, .35);--bg-grid-bg: #0c0c0d;--bg-grid-accent1: rgba(90, 139, 255, .28);--bg-grid-accent2: rgba(130, 255, 220, .18);--bg-grid-line: rgba(90, 139, 255, .12);--bg-grid-line-2: rgba(90, 139, 255, .08);--bg-grid-orb-1: rgba(90, 139, 255, .45);--bg-grid-orb-2: rgba(130, 255, 220, .4);--layout-gap: clamp(12px, 1.2vw, 15px);--layout-padding: clamp(18px, 2vw, 28px);--sidebar-width: clamp(272px, 25vw, 320px);--viewer-min-width: clamp(280px, 28vw, 320px);--layout-columns: var(--sidebar-width) minmax(400px, 1fr) minmax(var(--viewer-min-width), .8fr);--layout-areas: "sidebar editor viewer";--nav-center-order: 0;--nav-center-width: auto;--card-pad: 22px;--sidebar-pad: 20px 18px 0 18px;--media-btn-pad: 8px 14px;--media-btn-font: .92rem;--modal-max-width: 880px;--modal-pad: 24px 28px;--modal-radius: var(--radius-lg);--poi-modal-max-width: 840px;--poi-modal-pad: var(--modal-pad);--poi-modal-radius: var(--modal-radius);--tab-padding: clamp(8px, .8vw, 10px);--tab-font-size: clamp(.85rem, 1vw, 1.08rem);--tab-border-radius: var(--radius-md);--tab-bg: linear-gradient(90deg, var(--color-navbar-bg-start) 0%, var(--color-navbar-bg-end) 100%);--tab-bg-hover: var(--color-navicon-hover);--tab-bg-active: var(--color-accent-alpha);--timeline-progress-bg: radial-gradient(circle at clamp(16px, calc(16px + (100% - 32px) * var(--percent)), calc(100% - 16px) ) 50%, rgba(122, 139, 255, .35) 0%, rgba(122, 139, 255, .08) 35%, rgba(122, 139, 255, 0) 70%);--timeline-handle-border: rgba(122, 139, 255, .55);--modal-bg: rgba(32, 36, 48, .98);--modal-border: rgba(90, 139, 255, .18);--modal-shadow: rgba(0, 0, 0, .25);--overlay-bg: rgba(90, 139, 255, .32);--overlay-shadow: rgba(90, 139, 255, .18);--overlay-dark: rgba(0, 0, 0, .7);--modal-gradient-start: rgba(21, 21, 32, .72);--modal-gradient-end: rgba(12, 13, 22, .58);--modal-bg-solid: rgba(18, 19, 30, .6);--modal-border-light: rgba(118, 137, 255, .16);--btn-primary-bg-start: #5a8bff;--btn-primary-bg-end: #7a9fff;--btn-primary-text: #ffffff;--btn-primary-shadow: rgba(90, 139, 255, .4);--btn-primary-shadow-hover: rgba(104, 156, 255, .46);--btn-primary-shadow-active: rgba(74, 118, 238, .38);--project-bg-start: rgba(30, 32, 48, .78);--project-bg-end: rgba(20, 21, 34, .66);--project-border: rgba(118, 137, 255, .28);--project-text: rgba(231, 233, 255, .92);--project-border-hover: rgba(118, 137, 255, .45);--project-shadow: rgba(20, 22, 46, .45);--project-focus-ring: rgba(122, 139, 255, .5);--highlight-red: rgba(255, 0, 0, 1);--highlight-accent: rgba(90, 139, 255, 1);--time-input-border: rgba(255, 215, 107, .5);--time-input-bg: rgba(255, 215, 107, .1);--time-input-border-focus: rgba(255, 215, 107, .8);--panel-semi-transparent: rgba(17, 17, 22, .5);--panel-70-transparent: rgba(17, 17, 22, .7);--panel-80-transparent: rgba(17, 17, 22, .8);--bg-semi-transparent: rgba(12, 12, 13, .5);--border-semi-transparent: rgba(255, 255, 255, .04);--accent-panel-mix: rgba(74, 108, 197, 1);--time-input-shadow: rgba(255, 215, 107, .3);--danger-bg: #d32f2f;--danger-bg-hover: #b71c1c;--danger-text: #ffffff;--danger-shadow: rgba(211, 47, 47, .12);--danger-light-bg: #ffffff;--danger-light-text: #d32f2f;--danger-light-bg-hover: #f5bcbc;--danger-light-text-hover: #b71c1c;--success-bg: #1b8a55;--success-border: #1b8a55;--success-text: #ffffff;--success-shadow: rgba(27, 138, 85, .25);--success-bg-hover: #24c17d;--success-border-hover: #24c17d;--success-shadow-hover: rgba(36, 193, 125, .35);--timeline-track-start: #5a8bff;--timeline-track-mid: #7a8bff;--timeline-track-end: #5ce1ff;--timeline-handle-bg: #f8fbff;--timeline-handle-mid: #a7b1ff;--timeline-handle-end: #5c68ff;--timeline-caption-text: rgba(231, 231, 234, .68);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--transition: .2s ease;--panel-motion-duration: 1s;--panel-motion-ease: cubic-bezier(.33, 1, .68, 1);--font-base: "Segoe UI", "system-ui", sans-serif}[data-theme=light]{--color-bg: #f5f6fb;--color-panel: #ffffff;--color-sidebar: #f1f3fc;--color-navbar-bg-start: #ffffff;--color-navbar-bg-end: #eef2ff;--color-navicon-bg: #e5e9fb;--color-navicon-hover: #d9def8;--color-profile-chip-bg-start: #e9edff;--color-profile-chip-bg-end: #5a8bff;--color-profile-chip-text: #1e1f2c;--color-profile-menu: #ffffff;--color-profile-menu-border: rgba(36, 42, 90, .12);--color-tooltip-bg: #ffffff;--color-tooltip-border: rgba(36, 42, 90, .14);--color-text: #1f2030;--color-text-strong: #131429;--color-text-secondary: #5e6278;--color-muted: #5e6278;--color-border: rgba(48, 62, 110, .24);--color-border-subtle: rgba(48, 62, 110, .16);--color-divider: rgba(36, 42, 90, .12);--color-danger: #c81f41;--color-placeholder: rgba(31, 33, 52, .45);--color-input-bg: rgba(255, 255, 255, .92);--color-input-border: rgba(48, 62, 110, .18);--color-scrollbar-thumb: rgba(90, 139, 255, .45);--bg-grid-bg: #f6f8ff;--bg-grid-accent1: rgba(90, 139, 255, .2);--bg-grid-accent2: rgba(60, 180, 200, .16);--bg-grid-line: rgba(40, 70, 120, .08);--bg-grid-line-2: rgba(40, 70, 120, .05);--bg-grid-orb-1: rgba(90, 139, 255, .3);--bg-grid-orb-2: rgba(80, 200, 180, .28);--color-scrollbar-track: rgba(90, 139, 255, .12);--shadow-soft: 0 2px 16px rgba(15, 24, 64, .12);--shadow-elevated: 0 12px 28px rgba(15, 24, 64, .16);--surface-elevated: #ffffff;--surface-muted: #f8f9fc;--surface-gradient-start: #ffffff;--surface-gradient-end: #f5f6fb;--surface-card: #ffffff;--text-inverse: #000000;--text-primary: #1f2030;--text-secondary: #5e6278;--text-muted: rgba(31, 32, 48, .5);--color-chip-image: #3498ff;--color-chip-video: #e74c3c;--color-chip-sound: #e67e22;--color-chip-document: #6c5ce7;--color-chip-model: #00b894;--color-chip-link: #5a8bff;--color-chip-time: #f39c12;--status-default-bg: rgba(90, 139, 255, .1);--status-default-border: rgba(90, 139, 255, .25);--status-default-text: #2563eb;--status-published-bg: rgba(34, 197, 94, .1);--status-published-border: rgba(34, 197, 94, .25);--status-published-text: #059669;--status-draft-bg: rgba(245, 158, 11, .1);--status-draft-border: rgba(245, 158, 11, .25);--status-draft-text: #d97706;--status-archived-bg: rgba(107, 114, 128, .1);--status-archived-border: rgba(107, 114, 128, .25);--status-archived-text: #4b5563;--sync-badge-bg-start: rgba(59, 130, 246, .9);--sync-badge-bg-end: rgba(37, 99, 235, .9);--sync-badge-text: #ffffff;--sync-badge-shadow: rgba(59, 130, 246, .25);--sync-badge-shadow-hover: rgba(59, 130, 246, .35);--sync-badge-shadow-active: rgba(59, 130, 246, .2);--xr-panel-shadow: rgba(0, 0, 0, .1);--xr-panel-shadow-elevated: rgba(59, 130, 246, .2);--xr-hud-bg: rgba(59, 130, 246, .9);--xr-hud-text: #ffffff;--interactive-bg: rgba(59, 130, 246, .08);--interactive-bg-hover: rgba(59, 130, 246, .12);--interactive-bg-active: rgba(59, 130, 246, .16);--interactive-border: rgba(59, 130, 246, .2);--interactive-border-hover: rgba(59, 130, 246, .35);--interactive-border-active: rgba(59, 130, 246, .45);--interactive-shadow: rgba(59, 130, 246, .15);--focus-ring: rgba(59, 130, 246, .2);--focus-ring-strong: rgba(59, 130, 246, .3);--marker-pulse-shadow: rgba(59, 130, 246, .4);--marker-selected-shadow: rgba(59, 130, 246, .35);--timeline-bg: linear-gradient(180deg, rgba(248, 250, 252, .95) 0%, rgba(241, 245, 249, .8) 100%);--timeline-border: rgba(59, 130, 246, .2);--timeline-shadow: inset 0 0 0 1px rgba(226, 232, 240, .8), 0 4px 6px rgba(0, 0, 0, .1);--timeline-track-bg: linear-gradient(180deg, rgba(241, 245, 249, .9) 0%, rgba(226, 232, 240, .8) 55%, rgba(203, 213, 225, .6) 100%);--timeline-scrub-bg: linear-gradient(90deg, rgba(248, 250, 252, .95) 0%, rgba(241, 245, 249, .9) 100%);--timeline-scrub-border: rgba(59, 130, 246, .25);--timeline-glow: rgba(59, 130, 246, .3);--timeline-glow-active: rgba(59, 130, 246, .4);--timeline-glow-secondary: rgba(59, 130, 246, .2);--timeline-progress-bg: radial-gradient(circle at clamp(16px, calc(16px + (100% - 32px) * var(--percent)), calc(100% - 16px) ) 50%, rgba(59, 130, 246, .25) 0%, rgba(59, 130, 246, .08) 35%, rgba(59, 130, 246, 0) 70%);--timeline-handle-border: rgba(59, 130, 246, .6);--modal-bg: #ffffff;--modal-border: rgba(59, 130, 246, .2);--modal-shadow: rgba(0, 0, 0, .15);--overlay-bg: rgba(59, 130, 246, .25);--overlay-shadow: rgba(59, 130, 246, .15);--overlay-dark: rgba(0, 0, 0, .5);--modal-gradient-start: rgba(248, 250, 252, .95);--modal-gradient-end: rgba(241, 245, 249, .9);--modal-bg-solid: rgba(255, 255, 255, .95);--modal-border-light: rgba(59, 130, 246, .12);--btn-primary-bg-start: #3b82f6;--btn-primary-bg-end: #1d4ed8;--btn-primary-text: #ffffff;--btn-primary-shadow: rgba(59, 130, 246, .3);--btn-primary-shadow-hover: rgba(37, 99, 235, .4);--btn-primary-shadow-active: rgba(29, 78, 216, .35);--project-bg-start: rgba(248, 250, 252, .9);--project-bg-end: rgba(241, 245, 249, .8);--project-border: rgba(59, 130, 246, .2);--project-text: #1f2937;--project-border-hover: rgba(59, 130, 246, .4);--project-shadow: rgba(0, 0, 0, .1);--project-focus-ring: rgba(59, 130, 246, .4);--highlight-red: rgba(239, 68, 68, 1);--highlight-accent: rgba(59, 130, 246, 1);--time-input-border: rgba(245, 158, 11, .4);--time-input-bg: rgba(245, 158, 11, .08);--time-input-border-focus: rgba(245, 158, 11, .6);--time-input-shadow: rgba(245, 158, 11, .25);--danger-bg: #dc2626;--danger-bg-hover: #b91c1c;--danger-text: #ffffff;--danger-shadow: rgba(220, 38, 38, .15);--danger-light-bg: #fef2f2;--danger-light-text: #dc2626;--danger-light-bg-hover: #fee2e2;--danger-light-text-hover: #b91c1c;--success-bg: #059669;--success-border: #059669;--success-text: #ffffff;--success-shadow: rgba(5, 150, 105, .2);--success-bg-hover: #10b981;--success-border-hover: #10b981;--success-shadow-hover: rgba(16, 185, 129, .3);--color-white: #000000;--color-accent-alpha: rgba(90, 139, 255, .15);--color-shadow-dark: rgba(0, 0, 0, .15);--panel-semi-transparent: rgba(255, 255, 255, .5);--panel-70-transparent: rgba(255, 255, 255, .7);--panel-80-transparent: rgba(255, 255, 255, .8);--bg-semi-transparent: rgba(245, 246, 251, .5);--border-semi-transparent: rgba(0, 0, 0, .04);--accent-panel-mix: rgba(144, 173, 247, 1);--notification-success-bg: #10b981;--notification-success-text: #ffffff;--notification-success-border: #059669;--notification-error-bg: #ef4444;--notification-error-text: #ffffff;--notification-error-border: #dc2626;--notification-info-bg: #3b82f6;--notification-info-text: #ffffff;--notification-info-border: #2563eb;--timeline-track-start: #4f46e5;--timeline-track-mid: #6366f1;--timeline-track-end: #06b6d4;--timeline-handle-bg: #1e293b;--timeline-handle-mid: #475569;--timeline-handle-end: #334155;--timeline-caption-text: rgba(31, 32, 48, .68)}.skip-link{position:absolute;top:-100%;left:16px;z-index:100000;padding:12px 24px;background:var(--color-accent, #5a8bff);color:#fff;border-radius:0 0 8px 8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.main-layout,.navbar,.sidebar,.modal,.panel-slot,.workspace-panel,.editor-column,.viewer-column,.editor-header,.view-switcher-row,.mode-selector{opacity:1;visibility:visible}a,button,input,select,textarea,.tab-btn,.subtab-btn,.icon-btn,.btn,.modal,.panel,.nav-icon-button,.project-item,.poi-list-item,.sidebar,.navbar,.editor-column,.viewer-column{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.tab-btn,.subtab-btn,.icon-btn,.btn,.modal,.panel{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:not([type=range]):not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #5a8bff26}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-placeholder);opacity:1}input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1}.theme-transitioning *{transition:none!important}.projects-list,.poi-list,.sidebar-content,.text-panel,.modal-content,.data-table-wrapper,textarea,.mixx-ai-panel__log,.mobile-chat-messages{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}.projects-list::-webkit-scrollbar,.poi-list::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar,.text-panel::-webkit-scrollbar,.data-table-wrapper::-webkit-scrollbar,textarea::-webkit-scrollbar,.mixx-ai-panel__log::-webkit-scrollbar,.mobile-chat-messages::-webkit-scrollbar{width:10px;background:var(--color-scrollbar-track)}.projects-list::-webkit-scrollbar-thumb,.poi-list::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb,.text-panel::-webkit-scrollbar-thumb,.data-table-wrapper::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb,.mixx-ai-panel__log::-webkit-scrollbar-thumb,.mobile-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--surface-elevated) 60%,var(--color-accent) 100%);border-radius:8px;border:2px solid var(--color-scrollbar-track)}.projects-list::-webkit-scrollbar-thumb:hover,.poi-list::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover,.text-panel::-webkit-scrollbar-thumb:hover,.data-table-wrapper::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover,.mixx-ai-panel__log::-webkit-scrollbar-thumb:hover,.mobile-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-accent) 60%,var(--surface-elevated) 100%)}.projects-list::-webkit-scrollbar-track,.poi-list::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track,.text-panel::-webkit-scrollbar-track,.data-table-wrapper::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track,.mixx-ai-panel__log::-webkit-scrollbar-track,.mobile-chat-messages::-webkit-scrollbar-track{background:var(--color-input-bg);border-radius:8px}.info-category-input{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:7px 12px;font-size:1rem;outline:none;transition:border-color .2s;flex:1;min-width:0}.info-category-input:focus{border-color:var(--color-accent)}.category-input-container{display:flex;gap:8px;align-items:flex-end}.qr-code-box{display:flex;justify-content:center;align-items:center;min-height:160px;width:100%}.btn-primary{background:linear-gradient(140deg,var(--btn-primary-bg-start),var(--btn-primary-bg-end));color:var(--btn-primary-text);border:none;border-radius:8px;font-weight:700;padding:10px 18px;box-shadow:0 4px 14px var(--btn-primary-shadow);transition:background .2s ease,box-shadow .2s ease,transform .12s ease}.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(140deg,var(--btn-primary-bg-start),var(--btn-primary-bg-end));background:linear-gradient(140deg,color-mix(in srgb,var(--btn-primary-bg-start) 85%,#ffffff 15%),color-mix(in srgb,var(--btn-primary-bg-end) 85%,#ffffff 15%));color:var(--btn-primary-text);box-shadow:0 6px 18px var(--btn-primary-shadow-hover),0 0 0 3px #5a8bff40;transform:translateY(-1px);outline:none}.btn-primary:active{transform:translateY(0);box-shadow:0 3px 10px var(--btn-primary-shadow-active)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:none;border-radius:8px;font-weight:700;padding:10px 18px;box-shadow:0 4px 14px var(--danger-shadow);transition:background .2s ease,box-shadow .2s ease,transform .12s ease}.btn-danger:hover,.btn-danger:focus-visible{background:var(--danger-bg-hover);color:var(--danger-text);box-shadow:0 6px 18px var(--danger-shadow);transform:translateY(-1px);outline:none}.btn-danger:active{transform:translateY(0);box-shadow:0 3px 10px var(--danger-shadow)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}#delete-confirm.btn-primary{background:var(--danger-bg);color:var(--danger-text);border:none;border-radius:6px;font-weight:600;box-shadow:0 2px 8px var(--danger-shadow);transition:background .2s,color .2s}#delete-confirm.btn-primary:hover,#delete-confirm.btn-primary:focus{background:var(--danger-bg-hover);color:var(--danger-text)}#delete-confirm-modal .modal-footer{padding:18px 0 12px;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 12px 12px}#delete-confirm-modal .btn-danger{background:var(--danger-light-bg);color:var(--danger-light-text);box-shadow:none}#delete-confirm-modal .btn-danger:hover,#delete-confirm-modal .btn-danger:focus{background:var(--danger-light-bg-hover);color:var(--danger-light-text-hover)}#delete-confirm-ok.btn-danger{background:var(--danger-bg);color:var(--danger-text);border-radius:6px;padding:10px 22px;border:none;box-shadow:0 2px 8px var(--danger-shadow);font-weight:600;transition:background .2s}#delete-confirm-ok.btn-danger:hover,#delete-confirm-ok.btn-danger:focus{background:var(--danger-bg-hover)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;display:flex;flex-direction:column;font-family:var(--font-base);background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}button:hover:not(:disabled):not(.no-hover-effect){background:var(--color-navicon-hover);color:var(--color-accent);box-shadow:0 2px 8px #5a8bff2e}button:focus-visible:not(:disabled){outline:none;box-shadow:0 0 0 2px #5a8bff61}@media(hover:hover)and (pointer:fine){[data-animations=on] button:hover:not(:disabled):not(.no-hover-effect){transform:scale(1.04) translateY(-1px)}[data-animations=on] button:active:not(:disabled){transform:scale(.97)}}[data-animations=off] button:hover,[data-animations=off] button:active{transform:none}input,textarea{font:inherit;color:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-placeholder)}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}.hidden{display:none!important}.card{background:var(--color-panel);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:var(--card-pad)}.bg-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,var(--bg-grid-accent1),transparent 45%),radial-gradient(circle at 80% 0%,var(--bg-grid-accent2),transparent 50%),var(--bg-grid-bg);overflow:hidden;pointer-events:none;z-index:0}.bg-backdrop:before{content:"";position:absolute;width:220%;height:220%;top:-60%;left:-60%;background:repeating-linear-gradient(110deg,var(--bg-grid-line) 0 2px,transparent 2px 16px);animation:bg-rotate-grid 720s linear infinite;opacity:.33}.bg-backdrop:after{content:"";position:absolute;width:220%;height:220%;top:-60%;left:-60%;background:repeating-linear-gradient(110deg,var(--bg-grid-line-2) 0 2px,transparent 2px 16px);animation:bg-rotate-grid 720s linear infinite;animation-direction:reverse;opacity:.12;filter:blur(4px)}.bg-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;animation:bg-float 42s ease-in-out infinite}.bg-orb.orb-a{width:260px;height:260px;background:radial-gradient(circle,var(--bg-grid-orb-1) 0%,rgba(0,0,0,0) 70%);top:15%;left:60%}.bg-orb.orb-b{width:340px;height:340px;background:radial-gradient(circle,var(--bg-grid-orb-2) 0%,rgba(0,0,0,0) 70%);bottom:10%;right:55%;animation-duration:60s;animation-delay:-10s}@keyframes bg-rotate-grid{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bg-float{0%,to{transform:translate3d(-30%,-25%,0)}50%{transform:translate3d(10%,15%,0) scale(1.1)}}.custom-tooltip{position:absolute;z-index:100000;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:500;line-height:1.4;max-width:320px;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;transform:translateY(4px);word-wrap:break-word;background:linear-gradient(135deg,var(--color-panel, #1e1e2e) 0%,var(--surface-elevated, #252538) 100%);color:var(--color-text, #e7e7ea);border:1px solid var(--color-border, rgba(255, 255, 255, .1));box-shadow:0 8px 24px #00000059,0 4px 12px #0003,inset 0 1px #ffffff0d}.custom-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.custom-tooltip.tooltip-below{transform:translateY(-4px)}.custom-tooltip.tooltip-below.visible{transform:translateY(0)}[data-theme=light] .custom-tooltip{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a1a2e;border:1px solid rgba(36,42,90,.15);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,inset 0 1px #fffc}.custom-tooltip.tooltip-disabled{background:linear-gradient(135deg,#4a4e69,#3d405b);color:#b8bbd0;font-style:italic}[data-theme=light] .custom-tooltip.tooltip-disabled{background:linear-gradient(135deg,#e8e9ed,#d1d3dc);color:#6b6f85}
