*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--bg-page:#FAF7F1;--bg-surface:#FFFFFF;--bg-sunken:#FFFDF8;--bg-overlay:#FFFFFF;--bg-hover:rgba(47,126,103,0.045);--bg-active:rgba(47,126,103,0.09);--text-primary:#1F1A14;--text-secondary:#786B5A;--text-tertiary:#A59483;--text-inverted:#FFFFFF;--accent:#2F7E67;--accent-dim:rgba(47,126,103,0.10);--accent-text:#2F7E67;--accent-rgb:47 126 103;--score-color:#2E4F4A;--live-dot:#2B9C69;--live-bg:rgba(43,156,105,0.10);--live-text:#2B9C69;--live-border:rgba(43,156,105,0.24);--border:rgba(120,107,90,0.09);--border-strong:rgba(120,107,90,0.16);--zone-bg:rgba(120,107,90,0.035);--red:#D94841;--red-muted:rgba(217,72,65,0.10);--yellow:#B58946;--yellow-muted:rgba(181,137,70,0.10);--blue:#5F88BC;--blue-muted:rgba(95,136,188,0.12);--league-bar:#B58946;--ad-border:#B58946;--ad-bg:#FFFFFF;--panel-bg:#FFFFFF;--panel-border:rgba(120,107,90,0.18);--bar-track:rgba(120,107,90,0.20);--bar-fill:#2F7E67;--pill-bg:#FFFFFF;--pill-border:rgba(120,107,90,0.26);--pill-active-bg:#2F7E67;--pill-active-text:#FFFFFF;--podium-1-bg:rgba(181,137,70,0.12);--podium-2-bg:#F8F4ED;--podium-3-bg:rgba(95,136,188,0.10);--podium-rank:#B58946;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-card:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.08),0 8px 10px rgba(0,0,0,0.04);--shadow-modal:0 24px 64px rgba(0,0,0,0.18);--shadow-glow:0 0 22px rgba(47,126,103,0.18);--shadow-glow-live:0 0 22px rgba(43,156,105,0.18);--shadow-focus:0 0 0 3px rgba(47,126,103,0.24);--data-great:#00C853;--data-good:#69F0AE;--data-neutral:#FFB300;--data-weak:#FF7043;--data-poor:#FF4757;--font-ui:var(--font-geist,"Geist",system-ui,sans-serif);--font-display:var(--font-space,var(--font-geist-mono,"Geist Mono",monospace));--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:15px;--text-lg:18px;--score-sm:18px;--score-md:24px;--score-lg:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--radius-full:50%;--nav-height:52px;--subnav-height:44px;--transition:150ms ease;--ease-fast:0.1s ease;--ease-default:0.15s ease;--ease-slow:0.25s ease;--ease-spring:0.2s cubic-bezier(0.34,1.56,0.64,1);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--live-row-bg:rgba(43,156,105,0.08);--live-row-border:#2B9C69;--chip-active-bg:#2F7E67;--chip-active-text:#FFFFFF;--chip-live-bg:rgba(43,156,105,0.12);--chip-live-text:#2B9C69;--table-form-w:#2F7E67;--table-form-d:#B58946;--table-form-l:#D94841}html.dark{--bg-page:#0E0C0B;--bg-surface:#191512;--bg-sunken:#221D18;--bg-overlay:#2A231D;--bg-hover:rgba(216,164,88,0.08);--bg-active:rgba(216,164,88,0.14);--text-primary:#F6F3EE;--text-secondary:#B4A89B;--text-tertiary:#867A6E;--text-inverted:#0E0C0B;--accent:#D8A458;--accent-dim:rgba(216,164,88,0.14);--accent-text:#D8A458;--accent-rgb:216 164 88;--score-color:#F6F3EE;--live-dot:#39B87D;--live-bg:rgba(57,184,125,0.15);--live-text:#39B87D;--live-border:rgba(57,184,125,0.35);--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.12);--zone-bg:rgba(255,255,255,0.028);--red:#FF4757;--red-muted:rgba(255,71,87,0.10);--yellow:#FFD32A;--yellow-muted:rgba(255,211,42,0.10);--blue:#4A9EFF;--blue-muted:rgba(74,158,255,0.10);--league-bar:#e8a21a;--ad-border:#e8a21a;--ad-bg:#191512;--panel-bg:#191512;--panel-border:rgba(255,255,255,0.06);--bar-track:rgba(255,255,255,0.07);--bar-fill:#22C55E;--pill-bg:rgba(255,255,255,0.05);--pill-border:rgba(255,255,255,0.1);--pill-active-bg:#064a35;--pill-active-text:#ffffff;--podium-1-bg:rgba(232,162,26,0.08);--podium-2-bg:rgba(255,255,255,0.03);--podium-3-bg:rgba(180,83,9,0.08);--podium-rank:#e8a21a;--shadow-xs:0 1px 2px rgba(0,0,0,0.30);--shadow-sm:0 1px 3px rgba(0,0,0,0.40),0 1px 2px rgba(0,0,0,0.30);--shadow-card:0 1px 3px rgba(0,0,0,0.50),0 1px 2px rgba(0,0,0,0.40);--shadow-md:0 4px 6px rgba(0,0,0,0.40),0 2px 4px rgba(0,0,0,0.30);--shadow-lg:0 10px 15px rgba(0,0,0,0.50),0 4px 6px rgba(0,0,0,0.30);--shadow-xl:0 20px 25px rgba(0,0,0,0.60),0 8px 10px rgba(0,0,0,0.30);--shadow-modal:0 24px 64px rgba(0,0,0,0.70);--shadow-glow:0 0 24px rgba(6,74,53,0.22);--shadow-glow-live:0 0 24px rgba(57,184,125,0.20);--shadow-focus:0 0 0 3px rgba(6,74,53,0.30);--live-row-bg:rgba(57,184,125,0.07);--live-row-border:#39B87D;--chip-active-bg:#064a35;--chip-active-text:#ffffff;--chip-live-bg:rgba(255,71,87,0.10);--chip-live-text:#FF4757;--table-form-w:#22C55E;--table-form-d:#e8a21a;--table-form-l:#FF4757}:root[data-theme=electric-blue-dark],html[data-concept-theme=electric-blue-dark]{--background:#080E14;--surface:#0F172A;--surface-2:#111827;--surface-3:#162033;--surface-elevated:#17233A;--border:#1E293B;--border-subtle:#172033;--border-strong:#334155;--text:#F8FAFC;--text-2:#CBD5E1;--text-3:#94A3B8;--text-muted:#64748B;--accent:#38BDF8;--accent-light:#7DD3FC;--accent-dim:#0C4A6E;--accent-border:#0EA5E9;--accent-rgb:56 189 248;--brand-gold:#FBBF24;--brand-gold-hover:#F59E0B;--brand-gold-soft:rgba(251,191,36,0.14);--success:#22C55E;--success-soft:rgba(34,197,94,0.14);--warning:#F59E0B;--warning-soft:rgba(245,158,11,0.14);--danger:#EF4444;--danger-soft:rgba(239,68,68,0.14);--info:#38BDF8;--info-soft:rgba(56,189,248,0.14);--shadow-soft:0 8px 24px rgba(0,0,0,0.22);--shadow-card:0 1px 0 rgba(255,255,255,0.04) inset;--bg-page:var(--background);--bg-surface:var(--surface);--bg-sunken:var(--surface-2);--bg-card:var(--surface-2);--bg-overlay:var(--surface-elevated);--bg-hover:color-mix(in srgb,var(--accent) 12%,transparent);--bg-active:color-mix(in srgb,var(--accent) 20%,transparent);--text-primary:var(--text);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--accent-text:var(--accent-light);--live-dot:var(--info);--live-bg:var(--info-soft);--live-text:var(--info);--live-border:color-mix(in srgb,var(--info) 36%,transparent);--league-bar:var(--brand-gold);--ad-border:var(--brand-gold);--pill-active-bg:var(--accent);--pill-active-text:#042F4A;--chip-active-bg:var(--accent);--chip-active-text:#042F4A;--score-color:var(--text)}:root[data-theme=electric-blue-light],html[data-concept-theme=electric-blue-light]{--background:#F7FAFC;--surface:#FFFFFF;--surface-2:#EEF4FA;--surface-3:#E6F0FA;--surface-elevated:#FFFFFF;--border:#DDE7F0;--border-subtle:#E8EEF5;--border-strong:#BFD0E2;--text:#111827;--text-2:#475569;--text-3:#64748B;--text-muted:#94A3B8;--accent:#2563EB;--accent-light:#1D4ED8;--accent-dim:#DBEAFE;--accent-border:#3B82F6;--accent-rgb:37 99 235;--brand-gold:#F5B82E;--brand-gold-hover:#D99610;--brand-gold-soft:rgba(245,184,46,0.16);--success:#22A06B;--success-soft:rgba(34,160,107,0.12);--warning:#F59E0B;--warning-soft:rgba(245,158,11,0.12);--danger:#E5484D;--danger-soft:rgba(229,72,77,0.12);--info:#2563EB;--info-soft:rgba(37,99,235,0.12);--shadow-soft:0 8px 24px rgba(15,23,42,0.08);--shadow-card:0 1px 0 rgba(255,255,255,0.9) inset;--bg-page:var(--background);--bg-surface:var(--surface);--bg-sunken:var(--surface-2);--bg-card:var(--surface-2);--bg-overlay:var(--surface-elevated);--bg-hover:color-mix(in srgb,var(--accent) 8%,transparent);--bg-active:color-mix(in srgb,var(--accent) 14%,transparent);--text-primary:var(--text);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--accent-text:var(--accent);--live-dot:var(--info);--live-bg:var(--info-soft);--live-text:var(--info);--live-border:color-mix(in srgb,var(--info) 30%,transparent);--league-bar:var(--brand-gold);--ad-border:var(--brand-gold);--pill-active-bg:var(--accent);--pill-active-text:#FFFFFF;--chip-active-bg:var(--accent);--chip-active-text:#FFFFFF;--score-color:var(--text)}html[data-concept-theme=system-ice]{--background:#FAF7F1;--surface:#FFFFFF;--surface-soft:#FFFDF8;--card:#FFFFFF;--bg-page:#FAF7F1;--bg-surface:#FFFFFF;--bg-sunken:#FFFDF8;--bg-card:#FFFFFF;--bg-overlay:#FFFFFF;--bg-hover:rgba(47,126,103,0.055);--bg-active:rgba(47,126,103,0.11);--border:#E7DFCE;--primary:#2F7E67;--accent-cyan:#2B9C69;--navy:#0C2C33;--brand-gold:#B58946;--success:#22A06B;--warning:#F59E0B;--danger:#E5484D;--text-muted:#A59483;--border-strong:rgba(120,107,90,0.16);--text-primary:#1F1A14;--text-secondary:#786B5A;--text-tertiary:#A59483;--score-color:#2E4F4A;--accent:#2F7E67;--accent-dim:rgba(47,126,103,0.12);--accent-text:#2F7E67;--accent-rgb:47 126 103;--live-dot:#2B9C69;--live-bg:rgba(43,156,105,0.10);--live-text:#2B9C69;--live-border:rgba(43,156,105,0.24);--bar-fill:#22A06B;--yellow:#F59E0B;--red:#E5484D;--blue:#5F88BC;--league-bar:#B58946;--ad-border:#B58946;--podium-rank:#B58946;--pill-active-bg:#2F7E67;--pill-active-text:#FFFFFF;--chip-active-bg:#2F7E67;--chip-active-text:#FFFFFF;--chip-live-bg:rgba(43,156,105,0.12);--chip-live-text:#2B9C69;--table-form-w:#22A06B;--table-form-d:#F59E0B;--table-form-l:#E5484D;--shadow-glow:0 0 24px rgba(47,126,103,0.18);--shadow-glow-live:0 0 24px rgba(43,156,105,0.16);--shadow-focus:0 0 0 3px rgba(47,126,103,0.24)}html.dark[data-concept-theme=system-ice]{--background:#06111F;--surface:#0B1626;--surface-soft:#0F1F33;--card:#111827;--card-elevated:#14243A;--bg-page:#06111F;--bg-surface:#0B1626;--bg-sunken:#0F1F33;--bg-card:#111827;--bg-card-elevated:#14243A;--bg-overlay:#0B1626;--bg-hover:rgba(56,189,248,0.10);--bg-active:rgba(56,189,248,0.16);--border:#1E3A56;--primary:#38BDF8;--accent-cyan:#22D3EE;--deep-blue:#1D4ED8;--brand-gold:#FBBF24;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--text-muted:#94A3B8;--text-disabled:#64748B;--border-strong:rgba(203,213,225,0.18);--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8;--score-color:#F8FAFC;--accent:#38BDF8;--accent-dim:rgba(56,189,248,0.14);--accent-text:#38BDF8;--accent-rgb:56 189 248;--live-dot:#22D3EE;--live-bg:rgba(34,211,238,0.12);--live-text:#22D3EE;--live-border:rgba(34,211,238,0.28);--bar-fill:#22C55E;--yellow:#F59E0B;--red:#EF4444;--blue:#1D4ED8;--league-bar:#FBBF24;--ad-border:#FBBF24;--podium-rank:#FBBF24;--pill-active-bg:#38BDF8;--pill-active-text:#042F4A;--chip-active-bg:#38BDF8;--chip-active-text:#042F4A;--chip-live-bg:rgba(34,211,238,0.12);--chip-live-text:#22D3EE;--table-form-w:#22C55E;--table-form-d:#F59E0B;--table-form-l:#EF4444;--shadow-glow:0 0 24px rgba(56,189,248,0.22);--shadow-glow-live:0 0 24px rgba(34,211,238,0.20);--shadow-focus:0 0 0 3px rgba(56,189,248,0.30)}html[data-concept-theme=light-ice]{--bg-page:#F7FAFC;--bg-surface:#FFFFFF;--bg-sunken:#EEF4FA;--bg-card:#F9FBFD;--border:#DDE7F0;--accent:#0EA5E9;--accent-dim:rgba(14,165,233,0.12);--accent-text:#0369A1;--accent-rgb:14 165 233;--pill-active-bg:#0EA5E9;--pill-active-text:#FFFFFF;--chip-active-bg:#0EA5E9;--chip-active-text:#FFFFFF;--shadow-glow:0 0 24px rgba(14,165,233,0.18);--shadow-glow-live:0 0 24px rgba(6,182,212,0.18)}html[data-concept-theme=light-amber]{--bg-page:#FAF7F1;--bg-surface:#FFFFFF;--bg-sunken:#FFF8ED;--bg-card:#FFFFFF;--border:#E6D8C2;--accent:#0B6B53;--accent-dim:rgba(11,107,83,0.12);--accent-text:#0B6B53;--accent-rgb:11 107 83;--league-bar:#FBBF24;--pill-active-bg:#0B6B53;--pill-active-text:#FFFFFF;--chip-active-bg:#0B6B53;--chip-active-text:#FFFFFF;--shadow-glow:0 0 24px rgba(11,107,83,0.18);--shadow-glow-live:0 0 24px rgba(245,158,11,0.16)}html[data-concept-theme=dark-midnight]{--bg-page:#06111F;--bg-surface:#0B1626;--bg-sunken:#0F1F33;--bg-card:#111827;--border:#1E3A56;--accent:#38BDF8;--accent-dim:rgba(56,189,248,0.14);--accent-text:#38BDF8;--accent-rgb:56 189 248;--pill-active-bg:#38BDF8;--pill-active-text:#042F4A;--chip-active-bg:#38BDF8;--chip-active-text:#042F4A;--shadow-glow:0 0 24px rgba(56,189,248,0.22);--shadow-glow-live:0 0 24px rgba(34,211,238,0.20)}html[data-concept-theme=dark-violet]{--bg-page:#0E0A1A;--bg-surface:#171027;--bg-sunken:#211635;--bg-card:#24193B;--border:#3B2A63;--accent:#C084FC;--accent-dim:rgba(192,132,252,0.14);--accent-text:#C084FC;--accent-rgb:192 132 252;--pill-active-bg:#C084FC;--pill-active-text:#2E1065;--chip-active-bg:#C084FC;--chip-active-text:#2E1065;--shadow-glow:0 0 24px rgba(192,132,252,0.22);--shadow-glow-live:0 0 24px rgba(34,211,238,0.18)}html[data-concept-theme=dark-aurora]{--bg-page:#06171A;--bg-surface:#0B2225;--bg-sunken:#103338;--bg-card:#12383E;--border:#1F4B52;--accent:#22C55E;--accent-dim:rgba(34,197,94,0.14);--accent-text:#22C55E;--accent-rgb:34 197 94;--pill-active-bg:#FBBF24;--pill-active-text:#0F172A;--chip-active-bg:#22C55E;--chip-active-text:#042F2E;--shadow-glow:0 0 24px rgba(34,197,94,0.20);--shadow-glow-live:0 0 24px rgba(251,191,36,0.18)}html[data-concept-theme=ocean]{--accent:#0369A1;--accent-dim:rgba(14,165,233,0.12);--accent-text:#0369A1;--accent-rgb:14 165 233;--pill-active-bg:#0EA5E9;--pill-active-text:#FFFFFF;--chip-active-bg:#0EA5E9;--chip-active-text:#FFFFFF}html.dark[data-concept-theme=ocean]{--accent:#38BDF8;--accent-dim:rgba(56,189,248,0.14);--accent-text:#38BDF8;--accent-rgb:56 189 248;--pill-active-bg:#38BDF8;--pill-active-text:#042F4A;--chip-active-bg:#38BDF8;--chip-active-text:#042F4A}html[data-concept-theme=violet]{--accent:#7C3AED;--accent-dim:rgba(124,58,237,0.12);--accent-text:#6D28D9;--accent-rgb:124 58 237;--pill-active-bg:#8B5CF6;--pill-active-text:#FFFFFF;--chip-active-bg:#8B5CF6;--chip-active-text:#FFFFFF}html.dark[data-concept-theme=violet]{--accent:#C084FC;--accent-dim:rgba(192,132,252,0.14);--accent-text:#C084FC;--accent-rgb:192 132 252;--pill-active-bg:#C084FC;--pill-active-text:#2E1065;--chip-active-bg:#C084FC;--chip-active-text:#2E1065}.concept-root{font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gp-number,.stat-value,[data-type=number]{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@keyframes gp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill)}.concept-root .font-mono{font-family:var(--font-display),monospace!important}.score{font-family:var(--font-display);color:var(--score-color);letter-spacing:.5px;line-height:1;font-variant-numeric:tabular-nums}.score-sm{font-size:var(--score-sm)}.score-md{font-size:var(--score-md)}.score-lg{font-size:var(--score-lg)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-sm{border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 14px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;font-family:var(--font-ui);background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.pill.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:transparent}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;background:var(--live-bg);color:var(--live-text);font-family:var(--font-ui)}.live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--live-dot);display:block}.league-header{display:flex;align-items:center;gap:var(--space-2);padding:10px 0 8px;border-left:3px solid var(--league-bar);padding-left:var(--space-3)}.league-header-name{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.match-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition)}.match-row:hover{background:var(--bg-hover)}.match-row.is-live{background:var(--accent-dim)}.stat-bar-wrap{height:3px;border-radius:2px;background:var(--bar-track);overflow:hidden;margin:3px 0 8px}.stat-bar-fill{height:100%;border-radius:2px;background:var(--bar-fill);transition:width .4s ease}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:var(--space-2)}.podium-card{border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5) var(--space-4);text-align:center;transition:background var(--transition)}.podium-card.rank-1{background:var(--podium-1-bg)}.podium-card.rank-2{background:var(--podium-2-bg)}.podium-card.rank-3{background:var(--podium-3-bg)}.podium-rank{font-family:var(--font-ui);font-weight:700;color:var(--podium-rank);font-size:var(--text-sm)}.podium-value{font-family:var(--font-display);font-size:38px;color:var(--accent);letter-spacing:.5px}.metric-card{background:var(--bg-sunken);border-radius:var(--radius-md);padding:var(--space-4)}.metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-1)}.metric-value{font-family:var(--font-display);font-size:28px;color:var(--text-primary);letter-spacing:.5px}.ad-card{background:var(--ad-bg);border:1px solid var(--border);border-left:3px solid var(--ad-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.navbar{height:var(--nav-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-6)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.template-page{display:grid;gap:1rem}.template-section{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--accent) 6%),var(--surface));padding:.875rem;box-shadow:var(--shadow-card,0 1px 0 rgba(255,255,255,.04) inset)}.template-section--soft{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 92%,var(--accent) 8%),var(--surface-2));border-color:var(--border-subtle)}.template-head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap}.template-head h2{margin:0;font-size:1rem;line-height:1.25;letter-spacing:-.01em}.template-meta{font-size:.75rem;color:var(--text-3);font-weight:600}.template-grid{display:grid;gap:.625rem}.template-grid--cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.template-card{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 94%,var(--accent) 6%),var(--surface-2));padding:.75rem;min-width:0}.template-card--interactive{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.template-card--interactive:hover{border-color:var(--accent-border,var(--accent));transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.template-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.template-input,.template-select{min-height:34px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,#000 8%);color:var(--text);font-size:.75rem;font-weight:600;padding:0 .75rem}.template-input::placeholder{color:var(--text-3)}.template-input{min-width:220px}.template-pillbar{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,#000 8%);border-radius:999px;padding:.2rem}.template-pill{border:1px solid transparent;border-radius:999px;min-height:28px;padding:0 .7rem;font-size:.67rem;font-weight:700;color:var(--text-2);background:transparent}.template-pill:hover{color:var(--text);background:color-mix(in srgb,var(--accent-dim) 36%,transparent)}.template-pill[data-active=true]{color:var(--pill-active-text,var(--text-inverted,#FFFFFF));border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-dim) 78%,var(--surface)),color-mix(in srgb,var(--accent-dim) 52%,var(--surface)));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent) inset,0 0 18px color-mix(in srgb,var(--accent) 16%,transparent)}html:not(.dark) .template-input,html:not(.dark) .template-pillbar,html:not(.dark) .template-select{background:var(--surface)}html:not(.dark) .template-pill[data-active=true]{background:var(--pill-active-bg,var(--accent));border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}@media (max-width:760px){.template-section{border-radius:12px;padding:.75rem}.template-input,.template-select{width:100%;min-width:0}.template-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.template-grid--cards{grid-template-columns:1fr}}.u-stack{display:grid;gap:.625rem}.u-inline{display:inline-flex;align-items:center;gap:.5rem}.u-muted{color:var(--text-3)}.u-scroll-x{overflow-x:auto;scrollbar-width:thin}.u-card-list{display:grid;gap:.5rem}