:root{--bg-main: #000000;--bg-card: #1c1c1c;--bg-panel: transparent;--bg-hover: #2b2b2b;--bg-button: rgba(250, 189, 47, .2);--bg-surface: #1c1c1c;--color-surface: #121212;--color-surface-alt: #262626;--color-text-secondary: #888;--color-border: #444;--text-primary: #ffffff;--text-secondary: #b8c1d0;--text-disabled: #6b7280;--text-accent: #7fa86f;--color-accent: #7fa86f;--color-accent-hover: #91bd7e;--color-accent-soft: rgba(127, 168, 111, .15);--color-accent-dark: #5a7a5a;--color-accent-darker: #6d9460;--logo-accent: #f2c94c;--logo-gradient: linear-gradient(135deg, #ffd166, #c38b12);--logo-gradient-start: #ffd166;--logo-gradient-end: #c38b12;--color-play: #3b82f6;--color-pause: #a855f7;--color-stop: #e53e3e;--color-sound-on: #fabd2f;--color-sound-off: #6b7280;--color-sound-border: rgba(250, 189, 47, .5);--color-normal: #3b82f6;--color-read: #fbbf24;--color-write: #f97316;--color-compare: #a855f7;--color-swap: #ef4444;--color-sorted: #10b981;--color-buffer: #6b7280;--border-color: #374151;--border-color-light: #4b5563;--border-color-focus: #7fa86f;--color-success: #10b981;--color-warning: #fbbf24;--color-error: #ef4444;--color-info: #3b82f6;--color-howitworks-bg-start: rgba(69, 133, 136, .15);--color-howitworks-bg-end: rgba(104, 157, 106, .15);--color-howitworks-accent: #8ec07c;--color-howitworks-text: #bdae93;--color-badge-yes: #4ade80;--color-badge-yes-bg: rgba(34, 197, 94, .12);--color-badge-yes-border: rgba(34, 197, 94, .3);--color-badge-opt: #fbbf24;--color-badge-opt-bg: rgba(251, 191, 36, .1);--color-badge-opt-border: rgba(251, 191, 36, .25);--color-badge-opt-bg-hover: rgba(251, 191, 36, .2);--color-badge-opt-border-hover: rgba(251, 191, 36, .5);--color-card-key-label: #60a5fa;--color-card-watch-label: #a78bfa;--page-max-width: 1920px;--global-header-height: 50px;--mobile-app-bar-offset: calc(var(--global-header-height) + env(safe-area-inset-top));--mobile-bottom-nav-height: 60px;--mobile-bottom-nav-offset: calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));--bg-input: #2a2a2a;--bg-input-hover: #3a3a3a;--border-color-input: #4a4a4a;--border-color-subtle: #2a2a2a;--bg-range-track: #4a4a4a;--toggle-bg: #4a4a4a;--control-accent: #2fd5b4;--shadow-color: rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .6);--canvas-text-rgb: 255, 255, 255;--canvas-grid-line: rgba(255, 255, 255, .08);--canvas-grid-label: rgba(255, 255, 255, .4);--color-buffer-alt: #06B6D4;--canvas-label-text: #888888;--canvas-center-bg: #2A2A2A;--canvas-overlay-swap: rgba(239, 68, 68, .55);--canvas-overlay-compare: rgba(168, 85, 247, .5);--canvas-overlay-write: rgba(249, 115, 22, .45);--canvas-overlay-read: rgba(251, 191, 36, .35);--canvas-overlay-sorted: rgba(16, 185, 129, .3);--canvas-tooltip-bg: rgba(20, 20, 20, .95);--canvas-tooltip-text: rgba(255, 255, 255, .9);--canvas-tooltip-text-sub: rgba(255, 255, 255, .6);--canvas-menu-bg: rgba(28, 28, 28, .96);--canvas-menu-border: rgba(55, 65, 81, .9);--canvas-menu-hover: rgba(43, 43, 43, .9);--canvas-menu-shadow: rgba(0, 0, 0, .5);--canvas-close-icon: rgba(255, 255, 255, .5);--canvas-3d-label-bg: rgba(0, 0, 0, .8);--canvas-3d-label-bg-light: rgba(0, 0, 0, .65);--canvas-3d-label-primary: #f3f4f6;--canvas-3d-label-secondary: #d1d5db;--canvas-3d-label-muted: #9ca3af;--canvas-3d-structure-rgb: 255, 255, 255;--canvas-3d-wireframe: #cbd5e1;--canvas-3d-wireframe-opacity: .09;--canvas-3d-ring-bg: rgba(255, 255, 255, .15);--canvas-3d-ring-fg: rgba(255, 255, 255, .8);--svg-line-subtle: rgba(255, 255, 255, .2);--svg-line-faint: rgba(255, 255, 255, .1);--svg-ring-default: rgba(255, 255, 255, .15);--svg-edge-default: rgba(255, 255, 255, .25);--svg-highlight-dim: rgba(255, 255, 255, .12);--svg-highlight-mid: rgba(255, 255, 255, .3);--color-play-icon: #60a5fa;--color-play-active: #2563eb;--color-pause-icon: #c084fc;--color-pause-active: #9333ea;--color-stop-icon: #f87171;--color-stop-active: #dc2626;--color-sound-on-icon: #fbbf24;--color-sound-on-active: #d39d26;--color-sound-off-icon: #9ca3af;--color-sound-off-active: #4b5563;--color-viz-new: #4ade80;--color-viz-cyan: #06b6d4;--color-viz-amber: #f59e0b;--color-viz-balance-ok: #6ee7b7;--color-viz-balance-warn: #fcd34d;--color-viz-balance-bad: #f87171;--color-viz-pointer-left: #38bdf8;--color-viz-frontier: #a78bfa;--color-viz-sky: #7ec8ff;--color-viz-gold: #ffc77a;--color-viz-lavender: #c4a0ff;--color-viz-coral: #ff9a8a;--color-viz-gold-bg: rgba(255, 180, 80, .18);--color-viz-coral-bg: rgba(255, 120, 100, .18);--color-viz-sky-glow: rgba(100, 180, 255, .6);--color-viz-gold-glow: rgba(255, 180, 80, .7);--color-viz-gold-shadow: rgba(255, 180, 80, .5);--color-viz-gold-tint: rgba(255, 180, 80, .1);--loading-card-border: rgba(127, 168, 111, .35);--loading-card-border-subtle: rgba(127, 168, 111, .1);--loading-card-border-hover: rgba(127, 168, 111, .5);--loading-card-glow: 0 0 14px 3px rgba(127, 168, 111, .3), 0 4px 24px rgba(127, 168, 111, .2);--loading-brand-bg: rgba(0, 0, 0, .85);--loading-cta-glow: 0 0 10px 2px rgba(200, 170, 110, .3), 0 4px 16px rgba(200, 170, 110, .18);--cta-bg: var(--logo-gradient);--cta-color: #1a1208;--loading-progress-track: #374151;--loading-progress-glow: rgba(127, 168, 111, .5);--reel-progress-track: rgba(255, 255, 255, .25);--reel-progress-fill: rgba(255, 255, 255, .85);--card-sortube-bg: url(/img/card-sortube-bg.svg);--card-visualizer-bg: url(/img/card-visualizer-bg.png);--card-howitworks-bg: url(/img/card-howitworks-bg.png);--card-history-bg: url(/img/card-history-bg.png);--card-lineage-bg: url(/img/card-lineage-bg.png);--card-sortbasics-bg: url(/img/card-sortbasics-bg.png);--card-quiz-bg: url(/img/card-quiz-bg.png);--card-overlay-bg: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, 0) 52%), linear-gradient(to right, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .85) 35%, rgba(0, 0, 0, .65) 65%, rgba(0, 0, 0, .45) 100%);--color-code: #f472b6;--text-body: #b8c1d0;--bg-dark: var(--bg-main);--text-light: var(--text-primary);--text-gray: var(--text-secondary);--fontstack-monospace: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}[data-theme=light]{--bg-main: #f5f7f6;--bg-card: #ffffff;--bg-hover: #e8ece9;--bg-button: rgba(200, 150, 30, .12);--bg-surface: #ffffff;--color-surface: #f0f2f1;--color-surface-alt: #e8ecea;--color-text-secondary: #6b7280;--color-border: #d1d5db;--text-primary: #1a1f1c;--text-secondary: #5a6570;--text-disabled: #9ca3af;--text-accent: #4a7a3a;--color-accent: #4a8a3a;--color-accent-hover: #3d7530;--color-accent-soft: rgba(74, 138, 58, .1);--color-accent-dark: #3d6d3d;--color-accent-darker: #2d5d2d;--logo-accent: #b8860b;--logo-gradient: linear-gradient(135deg, #c38b12, #9a6d0a);--logo-gradient-start: #c38b12;--logo-gradient-end: #9a6d0a;--color-play: #2563eb;--color-pause: #7c3aed;--color-stop: #dc2626;--color-sound-on: #d97706;--color-sound-border: rgba(217, 119, 6, .5);--color-normal: #2563eb;--color-read: #d97706;--color-write: #ea580c;--color-compare: #7c3aed;--color-swap: #dc2626;--color-sorted: #059669;--color-buffer: #9ca3af;--border-color: #d1d5db;--border-color-light: #e5e7eb;--border-color-focus: #4a8a3a;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--color-howitworks-bg-start: rgba(69, 133, 136, .08);--color-howitworks-bg-end: rgba(104, 157, 106, .08);--color-howitworks-accent: #2d7a2d;--color-howitworks-text: #5a5040;--color-badge-yes: #166534;--color-badge-yes-bg: rgba(22, 101, 52, .08);--color-badge-yes-border: rgba(22, 101, 52, .25);--color-badge-opt: #92400e;--color-badge-opt-bg: rgba(146, 64, 14, .08);--color-badge-opt-border: rgba(146, 64, 14, .25);--color-badge-opt-bg-hover: rgba(146, 64, 14, .14);--color-badge-opt-border-hover: rgba(146, 64, 14, .45);--color-card-key-label: #1d4ed8;--color-card-watch-label: #6d28d9;--bg-input: #f0f0f0;--bg-input-hover: #e0e0e0;--border-color-input: #c0c0c0;--border-color-subtle: #e8e8e8;--bg-range-track: #d0d0d0;--toggle-bg: #c0c0c0;--control-accent: #0f9b85;--shadow-color: rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .3);--canvas-text-rgb: 26, 31, 28;--canvas-grid-line: rgba(0, 0, 0, .06);--canvas-grid-label: rgba(0, 0, 0, .35);--color-buffer-alt: #0891B2;--canvas-label-text: #6b7280;--canvas-center-bg: #e5e7eb;--canvas-overlay-swap: rgba(220, 38, 38, .45);--canvas-overlay-compare: rgba(124, 58, 237, .4);--canvas-overlay-write: rgba(234, 88, 12, .35);--canvas-overlay-read: rgba(217, 119, 6, .3);--canvas-overlay-sorted: rgba(5, 150, 105, .25);--canvas-tooltip-bg: rgba(255, 255, 255, .96);--canvas-tooltip-text: rgba(26, 31, 28, .9);--canvas-tooltip-text-sub: rgba(26, 31, 28, .6);--canvas-menu-bg: rgba(255, 255, 255, .98);--canvas-menu-border: rgba(209, 213, 219, .9);--canvas-menu-hover: rgba(229, 231, 235, .9);--canvas-menu-shadow: rgba(0, 0, 0, .15);--canvas-close-icon: rgba(107, 114, 128, .7);--canvas-3d-label-bg: rgba(255, 255, 255, .9);--canvas-3d-label-bg-light: rgba(255, 255, 255, .75);--canvas-3d-label-primary: #1f2937;--canvas-3d-label-secondary: #4b5563;--canvas-3d-label-muted: #6b7280;--canvas-3d-structure-rgb: 0, 0, 0;--canvas-3d-wireframe: #9ca3af;--canvas-3d-wireframe-opacity: .06;--canvas-3d-ring-bg: rgba(0, 0, 0, .12);--canvas-3d-ring-fg: rgba(0, 0, 0, .6);--svg-line-subtle: rgba(0, 0, 0, .15);--svg-line-faint: rgba(0, 0, 0, .08);--svg-ring-default: rgba(0, 0, 0, .1);--svg-edge-default: rgba(0, 0, 0, .18);--svg-highlight-dim: rgba(0, 0, 0, .08);--svg-highlight-mid: rgba(0, 0, 0, .2);--color-play-icon: #3b82f6;--color-play-active: #1d4ed8;--color-pause-icon: #a855f7;--color-pause-active: #7c3aed;--color-stop-icon: #ef4444;--color-stop-active: #b91c1c;--color-sound-on-icon: #d97706;--color-sound-on-active: #b45309;--color-sound-off-icon: #6b7280;--color-sound-off-active: #374151;--color-viz-new: #16a34a;--color-viz-cyan: #0891b2;--color-viz-amber: #d97706;--color-viz-balance-ok: #059669;--color-viz-balance-warn: #ca8a04;--color-viz-balance-bad: #dc2626;--color-viz-pointer-left: #0284c7;--color-viz-frontier: #7c3aed;--color-viz-sky: #2563eb;--color-viz-gold: #d97706;--color-viz-lavender: #7c3aed;--color-viz-coral: #dc2626;--color-viz-gold-bg: rgba(217, 119, 6, .12);--color-viz-coral-bg: rgba(220, 38, 38, .1);--color-viz-sky-glow: rgba(37, 99, 235, .5);--color-viz-gold-glow: rgba(217, 119, 6, .6);--color-viz-gold-shadow: rgba(217, 119, 6, .35);--color-viz-gold-tint: rgba(217, 119, 6, .08);--loading-card-border: rgba(74, 138, 58, .4);--loading-card-border-subtle: rgba(74, 138, 58, .15);--loading-card-border-hover: rgba(74, 138, 58, .6);--loading-card-glow: 0 0 14px 3px rgba(74, 138, 58, .2), 0 4px 24px rgba(74, 138, 58, .12);--loading-brand-bg: rgba(255, 255, 255, .3);--loading-cta-glow: 0 0 10px 2px rgba(200, 160, 40, .3), 0 4px 16px rgba(200, 160, 40, .18);--cta-bg: linear-gradient(135deg, #e6a817, #c99010);--cta-color: #1a1208;--loading-progress-track: #d1d5db;--loading-progress-glow: rgba(74, 138, 58, .4);--reel-progress-track: rgba(160, 160, 160, .35);--reel-progress-fill: rgba(140, 140, 140, .75);--card-sortube-bg: url(/img/card-sortube-light-bg.svg);--card-visualizer-bg: url(/img/card-visualizer-light-bg.png);--card-howitworks-bg: url(/img/card-howitworks-light-bg.png);--card-history-bg: url(/img/card-history-light-bg.png);--card-lineage-bg: url(/img/card-lineage-light-bg.png);--card-sortbasics-bg: url(/img/card-sortbasics-light-bg.png);--card-quiz-bg: url(/img/card-quiz-light-bg.png);--card-overlay-bg: linear-gradient(to top, rgba(255, 255, 255, .78) 0%, rgba(255, 255, 255, 0) 52%), linear-gradient(to right, rgba(245, 247, 246, .96) 0%, rgba(245, 247, 246, .85) 35%, rgba(245, 247, 246, .65) 65%, rgba(245, 247, 246, .45) 100%);--color-code: #be185d;--text-body: #374151}html.quiz-theme-active .global-sidebar__pref--theme,html.quiz-theme-active .mobile-more__group--theme{display:none}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-primary);height:100%;overflow:hidden}#app{height:100vh;height:100dvh;display:flex;flex-direction:column}:root{--sidebar-offset: 0px}@media(min-width:768px){:root{--sidebar-offset: 72px;--global-header-height: 0px}#app{padding-left:var(--sidebar-offset);transition:padding-left .18s ease}}@media(min-width:1280px){html:not(:has(.global-sidebar--mini)){--sidebar-offset: 240px}}@media(min-width:1280px)and (max-width:1439px){html:has(.global-sidebar--compact-page){--sidebar-offset: 72px}}@media(prefers-reduced-motion:reduce){#app{transition:none}}html:has(.mobile-more__sheet),html:has(.mobile-more__sheet) body{overflow:hidden!important}@media(max-width:767px){html:has(.visualization-page),html:has(.visualization-page) body,html:has(.howitworks-page),html:has(.howitworks-page) body,html:has(.quiz-result:not(.quiz-result--embedded)),html:has(.quiz-result:not(.quiz-result--embedded)) body,html:has(.world-map),html:has(.world-map) body,html:has(.drill),html:has(.drill) body,html:has(.tone),html:has(.tone) body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}html:has(.visualization-page) #app,html:has(.howitworks-page) #app,html:has(.quiz-result:not(.quiz-result--embedded)) #app,html:has(.world-map) #app,html:has(.drill) #app,html:has(.tone) #app{height:auto;min-height:100dvh}}html:has(.sortbasics-page),html:has(.sortbasics-page) body,html:has(.landing-page),html:has(.landing-page) body,html:has(.quiz-play),html:has(.quiz-play) body,html:has(.sortdex),html:has(.sortdex) body{height:auto;min-height:100%;overflow:auto}html:has(.sortbasics-page) #app,html:has(.landing-page) #app,html:has(.sortdex) #app{height:auto;min-height:100vh}.header{grid-column:1 / -1;padding:12px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}.header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-hover);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-color);border-radius:8px;font-size:1.25rem;transition:all .2s ease;cursor:pointer;flex-shrink:0;padding:0}.header__icon-btn:hover{background:var(--color-accent-dark);color:var(--text-primary);border-color:var(--color-accent);transform:translateY(-1px)}.header__icon-btn svg{display:block;width:24px;height:24px}.qap__item{margin-bottom:10px;padding:8px 10px;background-color:var(--bg-card);border-radius:4px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.qap__item .stat-label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.qap__item--vertical input[type=range]{width:100%;margin-top:4px}.qap__slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.qap__slider-value{font-size:.85rem;font-weight:700;color:var(--text-primary)}.ui-card{background-color:var(--bg-card);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:4px}.ui-card__title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--border-color)}.ui-card__title--toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-bottom:1px solid var(--border-color);padding:0 0 6px;margin-bottom:2px;cursor:default;text-align:left}.ui-card__toggle-icon{display:none;width:14px;height:14px;color:var(--text-secondary);transition:transform .2s ease,color .15s;flex-shrink:0}.ui-card__toggle-icon svg{width:100%;height:100%;display:block}.ui-card__toggle-icon--collapsed{transform:rotate(-90deg)}.ui-card__body{display:flex;flex-direction:column;gap:4px}.ui-card .qap__item{margin-bottom:0;padding:2px 0;background:transparent;border-radius:0}@media(max-width:1279px){.ui-card__toggle-icon{display:block}.ui-card__title--toggle{cursor:pointer;transition:background-color .15s,color .15s}.ui-card__title--toggle:hover{color:var(--text-primary)}.ui-card__title--toggle:hover .ui-card__toggle-icon{color:var(--color-accent)}.ui-card__title--toggle:active{background-color:#ffffff0f}.ui-card--collapsed .ui-card__toggle-icon{color:var(--color-accent)}.ui-card--collapsed{padding-bottom:6px}.ui-card--collapsed .ui-card__title--toggle{border-bottom:none;padding-bottom:0;margin-bottom:0}.ui-card__body--collapsed{display:none}}.sv-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center}.sv-modal-dialog{background:var(--bg-main);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden}.sv-modal-header{display:flex;align-items:center;gap:.75rem;padding:16px 20px;border-bottom:1px solid var(--border-color-subtle);flex-shrink:0}.sv-modal-close{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-disabled);font-size:1.1rem;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sv-modal-close:hover{color:var(--color-error)}.sv-modal-body{flex:1;overflow-y:auto}@media(max-width:767px){.sv-modal-fullscreen-mobile{top:0;left:0;transform:none;width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}}.sv-slide-panel{position:fixed;right:0;top:0;bottom:0;background:var(--bg-card);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.sv-slide-panel.open{transform:translate(0)}.sv-panel-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;flex-shrink:0;transition:color .2s,background .2s}.sv-panel-close:hover{color:var(--text-primary);background:var(--bg-hover)}.sv-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:9999px;white-space:nowrap}.sv-prose{font-size:.95rem;color:var(--text-primary);line-height:1.7}.sv-prose p{margin:0 0 .75rem}.sv-prose p:last-child{margin-bottom:0}.sv-prose ul{margin:.125rem 0 .5rem 1.25rem;padding:0;list-style:disc}.sv-prose li{margin-bottom:.25rem}.sv-prose strong{font-weight:600}.sv-note{font-size:.875rem;color:var(--text-body, var(--text-primary));font-style:italic;margin:.5rem 0 1rem;padding-left:1rem;border-left:3px solid var(--border-color);line-height:1.6}.sv-callout{font-size:.9375rem;color:var(--text-primary);background:var(--color-accent-soft);border-left:4px solid var(--color-accent);padding:.875rem 1.25rem;border-radius:0 6px 6px 0;margin:1rem 0;line-height:1.65}@media(max-width:1279px){html,body{height:auto;min-height:100%;overflow:auto}#app{height:auto;min-height:100vh}}@media(max-width:767px){.header__actions{gap:6px}}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}button{padding:10px 20px;background-color:var(--bg-hover);color:var(--text-primary);border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}button:active{background-color:var(--bg-panel)}button.primary{background:linear-gradient(135deg,#5a9a4d,#3d7a38);color:#fff}button.primary:hover{background:linear-gradient(135deg,#6bb05d,#4a8c43)}select{padding:10px 14px;background-color:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:6px;font-size:1rem;cursor:pointer;transition:border-color .2s}select:focus{outline:none;border-color:var(--border-color-focus)}input[type=range]{width:100%;accent-color:var(--control-accent);color-scheme:dark;touch-action:none;cursor:pointer}[data-theme=light] input[type=range]{color-scheme:light}@keyframes viz-flash{0%{opacity:0;transform:scale(.45);filter:blur(7px);animation-timing-function:cubic-bezier(.16,1,.3,1)}17.4%{opacity:1;transform:scale(1);filter:blur(0)}75.4%{opacity:1;transform:scale(1);filter:blur(0);animation-timing-function:ease-in}to{opacity:0;transform:scale(.86);filter:blur(0)}}.viz-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.viz-flash>svg{width:clamp(44px,17%,92px);aspect-ratio:1;overflow:visible;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));animation:viz-flash 1.38s forwards}.viz-flash__disc{fill:#1214168c}.viz-flash__glyph{fill:#fff}.viz-flash path.viz-flash__glyph{stroke:#fff;stroke-width:6;stroke-linejoin:round}@keyframes viz-flash-fade{0%{opacity:0}17.4%,75.4%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.viz-flash>svg{animation-name:viz-flash-fade}}.bar-chart-container,.circular-chart-container,.disparity-chords-container,.dot-plot-container,.spiral-chart-container,.picture-row-container,.picture-column-container,.picture-block-container{position:relative}.sb-lightbox{z-index:300;padding:1rem}.sb-lightbox__dialog{background:var(--bg-card);border:1px solid var(--border-color);max-width:min(92vw,760px);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);animation:sb-lightbox-in .18s ease-out}@keyframes sb-lightbox-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sb-lightbox__header{justify-content:space-between;padding:12px 16px}.sb-lightbox__title{font-size:1rem;font-weight:700;color:var(--text-primary)}.sb-lightbox__body{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.sb-lightbox .sb-lightbox__body svg{width:min(84vw,640px);max-width:none;height:auto;max-height:calc(100vh - 14rem);max-height:calc(100dvh - 14rem)}.sb-lightbox__desc{margin:0;font-size:.9375rem;line-height:1.65;color:var(--text-body)}.validation-message{color:red}#blazor-error-ui{color-scheme:light only;background:#ffffe0;bottom:0;box-shadow:0 -1px 2px #0003;box-sizing:border-box;display:none;left:0;padding:.6rem 1.25rem .7rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9fiA5Ni4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDg2IDY2LjAxODMgMjYzLjU4NiA2Ni4wMTgzIFoiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff}.blazor-error-boundary:after{content:"An error has occurred."}code{color:var(--color-code)}.loading-overlay{position:absolute;inset:0;z-index:100;background:var(--overlay-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e5e7eb;font-size:1rem;border-radius:8px;pointer-events:all}.loading-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}fieldset.controls-fieldset{border:none;padding:0;margin:0;min-inline-size:unset;display:flex;flex-direction:column;gap:8px}fieldset.controls-fieldset:disabled *,fieldset.controls-fieldset[disabled] *{cursor:not-allowed}.sort-card--drag-preview{box-shadow:0 8px 24px #0000004d;cursor:grabbing;user-select:none;border:3px solid var(--color-accent, #7fa86f)!important;border-radius:8px;animation:drag-pulse 1.5s ease-in-out infinite}@keyframes drag-pulse{0%,to{border-color:var(--color-accent, #7fa86f);box-shadow:0 8px 24px #0000004d,0 0 #7fa86fb3}50%{border-color:#7fa86fcc;box-shadow:0 8px 24px #0000004d,0 0 0 4px #7fa86f4d}}h1:focus{outline:none}a{color:var(--text-secondary);text-decoration:none}a:hover{color:var(--text-primary)}.invalid{outline:1px solid red}.ps-ctx-menu,.history3d-ctx-menu{background:#1c1c1cf5;border:1px solid rgba(55,65,81,.9);border-radius:8px;padding:6px 0;min-width:110px;box-shadow:0 4px 12px #00000080;user-select:none}.history3d-ctx-menu{position:absolute;z-index:200}.ps-ctx-menu-item,.history3d-ctx-item{padding:6px 16px;font-size:13px;font-weight:500;color:#ffffffe6;cursor:pointer;transition:background .1s;white-space:nowrap}.ps-ctx-menu-item:hover,.history3d-ctx-item:hover{background:#2b2b2be6}.ps-solo-indicator,.history3d-solo-indicator{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;background:#1c1c1ceb;border:1px solid rgba(55,65,81,.9);border-radius:6px;padding:5px 10px 5px 6px;z-index:180;user-select:none;box-shadow:0 2px 8px #00000059}.ps-solo-indicator-bar,.history3d-solo-bar{width:4px;height:20px;border-radius:2px;flex-shrink:0}.ps-solo-indicator-label,.history3d-solo-text{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap}.ps-solo-indicator-close,.history3d-solo-close{font-weight:500;color:#ffffff80;cursor:pointer;padding:0 2px;margin-left:4px;line-height:1;background:none;border:none;transition:color .12s}.ps-solo-indicator-close{font-size:14px}.history3d-solo-close{font-size:16px}.ps-solo-indicator-close:hover,.history3d-solo-close:hover{color:#ffffffe6}.ps-longpress-ring{pointer-events:none}.history3d-tooltip{position:absolute;background:#141414f2;border:1px solid rgba(55,65,81,.7);border-radius:6px;padding:6px 10px;font-size:12px;color:#ffffffd9;pointer-events:none;z-index:190;white-space:nowrap;line-height:1.5;box-shadow:0 2px 8px #0006}html.cinema-active{--bg-main: #05060a}html.cinema-active body{overflow:hidden}