@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root,[data-theme=light]{--background:oklch(0.975 0 0);--surface:oklch(1 0 0);--card:oklch(1 0 0);--card-hover:oklch(0.97 0 0);--popover:oklch(1 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--foreground:oklch(0.145 0 0);--foreground-subtle:oklch(0.30 0 0);--foreground-muted:oklch(0.556 0 0);--border:oklch(0 0 0/0.08);--border-strong:oklch(0 0 0/0.12);--border-hover:oklch(0 0 0/0.18);--input:oklch(0 0 0/0.10);--ring:oklch(0.708 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--success:oklch(0.52 0.17 145);--success-bg:oklch(0.92 0.05 145/0.50);--warning:oklch(0.58 0.16 75);--warning-bg:oklch(0.94 0.06 75/0.50);--destructive:oklch(0.55 0.22 25);--destructive-foreground:oklch(0.985 0 0);--destructive-bg:oklch(0.92 0.06 25/0.40);--info:oklch(0.52 0.14 230);--info-bg:oklch(0.92 0.04 230/0.40);--pitch:oklch(0.52 0.17 145);--trophy:oklch(0.58 0.16 85);--live-red:oklch(0.55 0.22 25);--upcoming:oklch(0.52 0.14 230);--brand:#006699;--accent-lime:#4d7a00}[data-theme=dark]{--background:oklch(0.145 0 0);--surface:oklch(0.185 0 0);--card:oklch(0.205 0 0);--card-hover:oklch(0.235 0 0);--popover:oklch(0.22 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--foreground:oklch(0.985 0 0);--foreground-subtle:oklch(0.875 0 0);--foreground-muted:oklch(0.708 0 0);--border:oklch(1 0 0/0.10);--border-strong:oklch(1 0 0/0.15);--border-hover:oklch(1 0 0/0.20);--input:oklch(1 0 0/0.12);--ring:oklch(0.556 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--success:oklch(0.68 0.17 145);--success-bg:oklch(0.35 0.10 145/0.25);--warning:oklch(0.75 0.16 75);--warning-bg:oklch(0.45 0.12 75/0.25);--destructive:oklch(0.65 0.22 25);--destructive-foreground:oklch(0.985 0 0);--destructive-bg:oklch(0.40 0.15 25/0.25);--info:oklch(0.70 0.14 230);--info-bg:oklch(0.40 0.10 230/0.25);--pitch:oklch(0.68 0.17 145);--trophy:oklch(0.78 0.16 85);--live-red:oklch(0.65 0.22 25);--upcoming:oklch(0.70 0.14 230);--brand:#006699;--accent-lime:#C2FF3D}:root{--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--radius-sm:6px;--radius:10px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.25);--shadow:0 2px 6px rgba(0,0,0,0.30);--shadow-md:0 4px 12px rgba(0,0,0,0.40);--shadow-lg:0 8px 24px rgba(0,0,0,0.50);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:240ms;--shell-header-h:52px;--shell-sidebar-w:240px;--shell-sidebar-collapsed-w:60px;--shell-footer-h:30px}body,html{height:100%;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:99px}::-webkit-scrollbar-track{background:transparent}.shell{display:grid;grid-template-columns:var(--shell-sidebar-w) 1fr;grid-template-rows:var(--shell-header-h) 1fr var(--shell-footer-h);grid-template-areas:"sb hd" "sb main" "sb ft";height:100vh;overflow:hidden;background:var(--background)}.hd{grid-area:hd;gap:14px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0;z-index:10}.hd,.hd-left{display:flex;align-items:center}.hd-left{gap:10px}.hd-search{position:relative;flex:1 1;max-width:440px;display:flex;align-items:center}.hd-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--foreground-muted);pointer-events:none}.hd-search input{width:100%;height:32px;padding:0 32px;background:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);color:var(--foreground);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.hd-search input::placeholder{color:var(--foreground-muted)}.hd-search input:focus{border-color:var(--border-hover)}.hd-kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;padding:2px 5px;border-radius:4px;background:var(--muted);color:var(--foreground-muted);border:1px solid var(--border);pointer-events:none}.hd-actions{margin-left:auto;display:flex}.hd-actions,.hd-live{align-items:center;gap:6px}.hd-live{display:inline-flex;padding:3px 9px;border-radius:var(--radius-full);background:color-mix(in oklch,var(--live-red) 18%,transparent);border:1px solid color-mix(in oklch,var(--live-red) 38%,transparent);font-size:11px;font-weight:600;color:var(--live-red);letter-spacing:.04em;font-family:var(--font-mono)}.hd-live .dot{width:5px;height:5px;border-radius:50%;background:var(--live-red);animation:pulseDot 1.6s ease-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--live-red) 60%,transparent)}to{box-shadow:0 0 0 7px color-mix(in oklch,var(--live-red) 0%,transparent)}}.sb{grid-area:sb;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;height:100%}.sb-brand{display:flex;align-items:center;gap:9px;padding:14px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0;text-decoration:none}.sb-brand-name{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--foreground);letter-spacing:-.01em}.sb-brand-name span{color:var(--accent-lime)}.sb-nav{flex:1 1;padding:8px 0}.sb-section-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:6px 16px;color:var(--foreground-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;text-align:left;transition:color var(--dur-fast)}.sb-section-btn:hover{color:var(--foreground-subtle)}.sb-section-chevron{font-size:7px;color:var(--muted-foreground);transition:transform var(--dur-base) var(--ease-out)}.sb-section-chevron.open{transform:rotate(180deg)}.nav-item{display:flex;align-items:center;gap:6px;padding:6px 16px 6px 22px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--foreground-muted);border-left:2px solid transparent;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast);cursor:pointer}.nav-item:hover{color:var(--foreground-subtle);background:var(--muted)}.nav-item.active{border-left-color:var(--accent-lime);background:color-mix(in oklch,var(--accent-lime) 8%,transparent);font-weight:600}.nav-item.active,[data-theme=light] .nav-item.active{color:var(--accent-lime)}.sb-separator{height:1px;background:var(--border);margin:6px 16px}.sb-bottom{border-top:1px solid var(--border);padding:10px 16px;display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}.sb-bottom-link{font-size:10px;color:var(--foreground-muted);font-family:var(--font-mono);letter-spacing:.8px;transition:color var(--dur-fast)}.sb-bottom-link:hover{color:var(--foreground-subtle)}.sb-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px 12px 8px}.sb-year-link{text-align:center;padding:4px 2px;border-radius:4px;font-size:10px;font-family:var(--font-mono);color:var(--foreground-muted);border:1px solid transparent;transition:color var(--dur-fast),background var(--dur-fast)}.sb-year-link:hover{color:var(--foreground-subtle);background:var(--muted)}.sb-year-link.active{color:var(--accent-lime);background:color-mix(in oklch,var(--accent-lime) 8%,transparent);font-weight:700}.sb-year-link.current{color:var(--trophy);border-color:color-mix(in oklch,var(--trophy) 35%,transparent)}.shell-main{grid-area:main;overflow-y:auto;padding:24px 28px 40px;background:var(--background)}.shell-footer{grid-area:ft;display:flex;justify-content:space-between;gap:20px;padding:0 20px;border-top:1px solid var(--border);background:var(--surface);font-size:11px;font-family:var(--font-mono);flex-shrink:0}.btn-icon,.shell-footer{align-items:center;color:var(--foreground-muted)}.btn-icon{display:inline-flex;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.btn-icon:hover{background:var(--muted);color:var(--foreground);border-color:var(--border-hover)}.btn-icon:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.page-bg{background:var(--background);color:var(--foreground);min-height:100%}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel.dense{padding:14px 16px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-muted)}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:11px;color:var(--foreground-muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.kpi-value{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--foreground);line-height:1}.kpi-delta{font-size:11px;color:var(--foreground-muted);font-family:var(--font-mono);margin-top:2px}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--destructive)}@media (max-width:768px){.shell{grid-template-columns:1fr;grid-template-rows:var(--shell-header-h) 1fr var(--shell-footer-h);grid-template-areas:"hd" "main" "ft"}.sb{display:none}.sb.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:0;width:var(--shell-sidebar-w);z-index:100;box-shadow:var(--shadow-lg)}.shell-main{padding:16px 16px 40px}.ft-data{display:none}}@media (max-width:1100px){.ft-data{display:none}}.type-h1{font-size:var(--text-3xl);letter-spacing:-.02em}.type-h1,.type-h2{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-tight);color:var(--foreground);margin:0}.type-h2{font-size:var(--text-2xl);letter-spacing:-.01em}.type-h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);color:var(--foreground);margin:0}.type-body{font-size:var(--text-base);color:var(--foreground-subtle)}.type-body,.type-meta{font-family:var(--font-sans);font-weight:400;line-height:var(--leading-normal)}.type-meta{font-size:var(--text-sm)}.type-eyebrow,.type-meta{color:var(--foreground-muted)}.type-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.type-eyebrow,.type-mono{line-height:var(--leading-normal)}.type-mono{font-size:13px;font-weight:400;color:var(--foreground-subtle)}.mono,.type-mono{font-family:var(--font-mono)}.subtle{color:var(--foreground-muted)}.strong{color:var(--foreground)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head .sub{color:var(--foreground-muted);font-size:13px;margin-top:4px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.panel-head h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--foreground)}.divider{height:1px;background:var(--border);margin:14px 0}.col2{grid-template-columns:1fr 1fr}.col2,.col3{display:grid;gap:16px}.col3{grid-template-columns:repeat(3,1fr)}.col4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:1100px){.col2,.col3,.col4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);text-decoration:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:color-mix(in oklch,var(--primary) 90%,transparent)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.btn-secondary:hover{background:var(--card-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--foreground-subtle)}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.seg{display:inline-flex;background:var(--muted);border-radius:var(--radius-md);padding:3px;gap:2px}.seg>button{background:transparent;border:none;font-family:var(--font-sans);font-size:12px;color:var(--foreground-muted);padding:5px 12px;border-radius:6px;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.seg>button:hover{color:var(--foreground-subtle)}.seg>button.active{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1;border:1px solid transparent;white-space:nowrap}.badge.live{background:var(--success-bg);color:var(--success);border-color:color-mix(in oklch,var(--success) 40%,transparent)}.badge.preview{background:var(--info-bg);color:var(--info);border-color:color-mix(in oklch,var(--info) 40%,transparent)}.badge.warn{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in oklch,var(--warning) 40%,transparent)}.badge.fail{background:var(--destructive-bg);color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 40%,transparent)}.badge.neutral{color:var(--foreground-muted);border-color:var(--border)}.badge.neutral,.flag{background:var(--muted)}.flag{display:inline-block;width:22px;height:16px;border-radius:2px;overflow:hidden;border:1px solid var(--border);vertical-align:middle;flex-shrink:0}.flag-lg{width:36px;height:26px;border-radius:3px}.flag-xl{width:56px;height:40px;border-radius:4px}.flag img{width:100%;height:100%;object-fit:cover;display:block}.match-hero{position:relative;background:radial-gradient(ellipse 80% 60% at 50% 0,color-mix(in oklch,var(--brand) 12%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in oklch,var(--card) 100%,transparent) 0,var(--card) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px 22px;overflow:hidden}.match-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,color-mix(in oklch,var(--pitch) 4%,transparent) 0,color-mix(in oklch,var(--pitch) 4%,transparent) 80px,transparent 80px,transparent 160px);opacity:.5;pointer-events:none}.match-hero>*{position:relative}.match-hero .meta-strip{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px;font-size:12px;color:var(--foreground-muted);flex-wrap:wrap}.match-hero .stage-tag{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--foreground-subtle)}.match-hero .scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.match-hero .team{display:flex;align-items:center;gap:14px}.match-hero .team.away{justify-content:flex-end;flex-direction:row-reverse}.match-hero .team .crest{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--foreground)}.match-hero .team .crest small{display:block;font-weight:400;font-size:11px;color:var(--foreground-muted);margin-top:2px;letter-spacing:.04em}.match-hero .score{font-family:var(--font-sans);font-size:64px;font-weight:700;letter-spacing:-.04em;color:var(--foreground);line-height:1;display:flex;align-items:center;gap:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.match-hero .score .colon{color:var(--foreground-muted);font-weight:400}.match-hero .clock{text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--live-red);font-weight:600;letter-spacing:.04em;margin-top:4px}.match-hero .clock.pre{color:var(--upcoming)}.match-hero .clock.ft{color:var(--foreground-muted)}.match-hero .ko-time{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wp-bar{display:flex;height:28px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--muted);font-size:11px;font-weight:600}.wp-bar>div{display:flex;align-items:center;justify-content:center;color:var(--foreground);transition:width var(--dur-slow) var(--ease-out);min-width:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.wp-bar .home{background:color-mix(in oklch,var(--brand) 40%,var(--card))}.wp-bar .draw{background:var(--muted);color:var(--foreground-muted)}.wp-bar .away{background:color-mix(in oklch,var(--live-red) 35%,var(--card))}.wp-bar.sm{height:18px;font-size:10px}.probbar{position:relative;height:6px;background:var(--muted);border-radius:999px;overflow:hidden}.probbar>span{display:block;height:100%;border-radius:999px;background:color-mix(in oklch,var(--brand) 60%,white)}.probbar.model>span{background:color-mix(in oklch,var(--pitch) 60%,white)}.timeline{position:relative;padding:16px 0}.timeline-track{height:4px;background:var(--muted);border-radius:999px;position:relative;margin:28px 0 16px}.timeline-track .ht{position:absolute;top:-6px;bottom:-6px;left:50%;width:1px;background:var(--border-strong)}.timeline-track .now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--live-red);border-radius:999px;box-shadow:0 0 0 3px color-mix(in oklch,var(--live-red) 25%,transparent)}.timeline-track .ev{position:absolute;width:10px;height:10px;border-radius:999px;top:-3px;transform:translateX(-50%);border:2px solid var(--background)}.timeline-track .ev.goal{background:var(--trophy);width:14px;height:14px;top:-5px}.timeline-track .ev.yc{background:var(--warning)}.timeline-track .ev.rc{background:var(--destructive)}.timeline-track .ev.sub{background:var(--upcoming)}.timeline-events{display:flex;flex-direction:column;gap:0;max-height:360px;overflow-y:auto}.timeline-row{display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.timeline-row:last-child{border-bottom:none}.timeline-row .min{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--foreground);text-align:right}.timeline-row .badge-mini{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid var(--border);background:var(--muted)}.timeline-row .text{font-size:13px;color:var(--foreground-subtle)}.timeline-row.goal .text{color:var(--foreground);font-weight:500}.timeline-row.goal .badge-mini{background:color-mix(in oklch,var(--trophy) 30%,transparent);border-color:color-mix(in oklch,var(--trophy) 40%,transparent);color:var(--trophy)}.fixture{display:grid;grid-template-columns:90px 1fr auto 1fr 90px;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);cursor:pointer;text-decoration:none;color:var(--foreground)}.fixture:hover{border-color:var(--border-hover);background:var(--card-hover)}.fixture .stage{font-size:11px;color:var(--foreground-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.fixture .stage .live-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--live-red);margin-right:6px;animation:pulseDot 1.6s ease-out infinite}.fixture .team{display:flex;align-items:center;gap:10px}.fixture .team.away{justify-content:flex-end;flex-direction:row-reverse}.fixture .team .name{font-size:13px;font-weight:500;color:var(--foreground)}.fixture .score-cell{font-family:var(--font-sans);font-size:18px;font-weight:600;letter-spacing:-.01em;min-width:64px;text-align:center;color:var(--foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fixture .score-cell.ko{font-size:13px;font-weight:500;color:var(--foreground-subtle)}.fixture .score-cell .min{display:block;font-size:11px;color:var(--live-red);font-family:var(--font-mono);font-weight:600;margin-top:2px}.rank-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.rank-item:hover{border-color:var(--border-hover);background:var(--card-hover)}.rank-item.dragging{cursor:grabbing;transform:scale(1.02);border-color:var(--brand);box-shadow:var(--shadow-md);z-index:10}.rank-item .rank-num{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--foreground-muted);text-align:center}.hub-card{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:inherit;color:inherit;text-decoration:none;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.hub-card:hover{border-color:var(--border-hover);background:var(--card-hover);transform:translateY(-1px)}.hub-ic{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.hub-title{display:block;font-size:14px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.hub-desc{display:block;font-size:12px;color:var(--foreground-muted);margin-top:2px}.hd-clock{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--foreground);cursor:pointer;font-family:var(--font-sans);transition:border-color var(--dur-fast),background var(--dur-fast);white-space:nowrap;text-decoration:none}.hd-clock:hover{border-color:var(--border-hover);background:var(--card-hover)}.hd-clock .mono{color:var(--trophy);font-size:12px}.hd-clock .lbl{color:var(--foreground-muted);font-weight:500;letter-spacing:.02em}.sb-streak{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:10px 12px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in oklch,var(--trophy) 12%,transparent),transparent);font-size:12px;color:var(--foreground-subtle)}.sb-streak strong{color:var(--trophy);font-family:var(--font-mono)}.ft-version{display:inline-flex;align-items:center;gap:8px}.ft-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:color-mix(in oklch,var(--pitch) 16%,transparent);border:1px solid color-mix(in oklch,var(--pitch) 30%,transparent);color:var(--pitch);font-weight:600}.chat-wrap{display:flex;flex-direction:column;min-height:420px}.chat-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px 16px}.chat-msg{display:flex;gap:12px;max-width:760px}.chat-msg.user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.55;border:1px solid var(--border);text-wrap:pretty;white-space:pre-wrap}.chat-msg.bot .chat-bubble{background:var(--card);border-top-left-radius:4px}.chat-msg.user .chat-bubble{background:color-mix(in oklch,var(--brand) 22%,var(--card));border-top-right-radius:4px;color:var(--foreground)}.chat-av{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-av.bot{background:linear-gradient(135deg,#006699,#00477a);color:#fff}.chat-av.user{background:var(--muted);color:var(--foreground);font-size:12px;font-weight:700}.chat-suggest{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:12.5px;color:var(--foreground-subtle);cursor:pointer;font-family:inherit;transition:border-color var(--dur-fast),color var(--dur-fast)}.chat-suggest:hover{border-color:var(--border-hover);color:var(--foreground)}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.typing{display:inline-flex;gap:4px;align-items:center;padding:12px 16px}.typing span{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--foreground-muted);animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}