:root{--surface: rgba(0, 0, 0, .85);--surface-raised: rgba(255, 255, 255, .05);--surface-sunken: rgba(0, 0, 0, .25);--scrim: rgba(0, 0, 0, .7);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--border-faint: rgba(255, 255, 255, .05);--text: rgba(255, 255, 255, .92);--text-dim: rgba(255, 255, 255, .65);--text-faint: rgba(255, 255, 255, .4);--accent: #4A90E2;--accent-bg: rgba(74, 144, 226, .2);--accent-bg-hover: rgba(74, 144, 226, .32);--accent-border: rgba(74, 144, 226, .5);--focus-ring: rgba(74, 144, 226, .6);--lift: rgba(255, 255, 255, .06);--lift-hover: rgba(255, 255, 255, .11);--lift-active: rgba(255, 255, 255, .16);--lift-active-border: rgba(255, 255, 255, .28);--danger: #f87171;--danger-text-hover: #fca5a5;--danger-bg: rgba(239, 68, 68, .08);--danger-bg-hover: rgba(239, 68, 68, .16);--danger-border: rgba(239, 68, 68, .25);--danger-border-hover: rgba(239, 68, 68, .45);--success: #4ade80;--success-bg: rgba(74, 222, 128, .18);--success-border: rgba(74, 222, 128, .4);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--font-mono: "SF Mono", "Monaco", "Menlo", monospace;--z-panel: 100;--z-toolbar: 200;--z-overlay: 9000;--z-modal: 10000;--blur: 12px;--blur-strong: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5)}.surface{background:var(--surface);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text)}.modal-base{background:var(--surface);backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text)}.segmented{display:flex;gap:var(--space-1)}.seg-item{flex:1;padding:7px 10px;font-size:var(--text-sm);font-weight:500;background:var(--lift);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.seg-item:hover{background:var(--lift-hover);color:var(--text)}.seg-item.is-active,.seg-item[aria-selected=true]{background:var(--lift-active);border-color:var(--lift-active-border);color:var(--text)}.btn-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.btn-close:hover{background:var(--lift-hover);color:var(--text)}:where(button,a,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (pointer: coarse){:where(button,[role=button]).seg-item,.btn-close{min-height:44px}}