/*
 * Roberto GitHub Intelligence — modern Primer-inspired visual layer.
 * This file intentionally overrides app.css without changing the API/data system.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root{
  --screen-bg:#0d1117;
  --card-background:#161b22;
  --fg:#f0f6fc;
  --muted:#8b949e;
  --line:#30363d;
  --cyan:#58a6ff;
  --green:#3fb950;
  --red:#f85149;
  --yellow:#d29922;
  --magenta:#bc8cff;
  --blue:#1f6feb;
  --lime:#7ee787;
  --shadow:rgba(1,4,9,.7);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --top-h:100px;
  --nav-w:252px;
  --footer-h:52px;
  --scroll-track:#0d1117;
  --scroll-thumb:#30363d;
  --scroll-thumb-hover:#58a6ff;
  --canvas-bg:#0d1117;
  --glass:rgba(13,17,23,.72);
  --soft-blue:rgba(31,111,235,.16);
  --soft-green:rgba(46,160,67,.16);
  --soft-purple:rgba(137,87,229,.16);
  --focus-ring:0 0 0 3px rgba(88,166,255,.3);
}

:root[data-theme="light"]{
  --screen-bg:#f6f8fa;
  --card-background:#ffffff;
  --fg:#1f2328;
  --muted:#59636e;
  --line:#d0d7de;
  --cyan:#0969da;
  --green:#1a7f37;
  --red:#cf222e;
  --yellow:#9a6700;
  --magenta:#8250df;
  --blue:#0969da;
  --lime:#1a7f37;
  --shadow:rgba(31,35,40,.15);
  --scroll-track:#f6f8fa;
  --scroll-thumb:#afb8c1;
  --scroll-thumb-hover:#0969da;
  --canvas-bg:#f6f8fa;
  --glass:rgba(255,255,255,.8);
  --soft-blue:rgba(9,105,218,.1);
  --soft-green:rgba(26,127,55,.1);
  --soft-purple:rgba(130,80,223,.1);
}

:root[data-theme="amber"]{
  --screen-bg:#120d08;
  --card-background:#1f1710;
  --fg:#fff8ed;
  --muted:#c6ad91;
  --line:#4b3827;
  --cyan:#f0a04b;
  --green:#d6b15f;
  --red:#ff7b72;
  --yellow:#f2cc60;
  --magenta:#d2a8ff;
  --blue:#e3b341;
  --lime:#f2cc60;
  --shadow:rgba(0,0,0,.72);
  --scroll-track:#120d08;
  --scroll-thumb:#4b3827;
  --scroll-thumb-hover:#f0a04b;
  --canvas-bg:#120d08;
  --glass:rgba(18,13,8,.78);
  --soft-blue:rgba(240,160,75,.13);
  --soft-green:rgba(214,177,95,.13);
  --soft-purple:rgba(210,168,255,.12);
}

:root[data-theme="contrast"]{
  --screen-bg:#000;
  --card-background:#050505;
  --fg:#fff;
  --muted:#fff;
  --line:#fff;
  --cyan:#00e5ff;
  --green:#3cff00;
  --red:#ff3b30;
  --yellow:#ffea00;
  --magenta:#ff00f5;
  --blue:#00e5ff;
  --lime:#3cff00;
  --shadow:rgba(0,0,0,.9);
  --scroll-track:#000;
  --scroll-thumb:#fff;
  --scroll-thumb-hover:#00e5ff;
  --canvas-bg:#000;
  --glass:rgba(0,0,0,.9);
}

html{font-size:16px;background:var(--screen-bg);scroll-padding-top:calc(var(--top-h) + 16px)}
body{background:var(--screen-bg);font-family:var(--ui);color:var(--fg);letter-spacing:0;line-height:1.5}
::selection{background:rgba(88,166,255,.35);color:var(--fg)}
.screen{background:var(--screen-bg)}
.screen:after{display:none}
a,button,input,textarea,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* Header */
.top-stack{position:sticky;top:0;z-index:120;border-bottom:1px solid var(--line);box-shadow:0 8px 32px rgba(1,4,9,.32);background:rgba(13,17,23,.94);backdrop-filter:blur(18px)}
.masthead{height:64px;padding:0 20px;background:#010409;color:#f0f6fc;border-bottom:1px solid rgba(240,246,252,.08);gap:18px}
:root[data-theme="light"] .masthead{background:#24292f;color:#fff}
.masthead-left{gap:12px;min-width:max-content}
.masthead-logo{display:inline-flex;align-items:center;gap:10px;color:#f0f6fc!important;font:700 15px/1 var(--ui);letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.masthead-logo svg{width:30px;height:30px;fill:currentColor;filter:drop-shadow(0 6px 18px rgba(255,255,255,.1))}
.masthead-logo-text{display:flex;align-items:baseline;gap:5px}
.masthead-logo-text small{color:#8b949e;font-size:11px;font-weight:500}
.masthead-tagline{font:500 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#8b949e;padding-left:12px;border-left:1px solid #30363d}
.masthead-cursor{display:none}
.masthead-right{margin-left:auto;gap:10px;color:#c9d1d9;font:500 11px/1 var(--mono);letter-spacing:0;text-transform:none;min-width:0}
.masthead-page,#commandClock,#routeLabel{display:inline-flex;align-items:center;height:32px;border:1px solid #30363d;border-radius:7px;padding:0 10px;background:#0d1117;color:#8b949e;white-space:nowrap}
.masthead-page{color:#7ee787;font-weight:600}
.header-profile{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border:1px solid #30363d;border-radius:7px;background:#21262d;color:#f0f6fc;text-decoration:none;font:600 12px var(--ui);white-space:nowrap;transition:.2s}
.header-profile:hover{border-color:#8b949e;background:#30363d}
.global-search{height:34px;width:min(330px,30vw);display:flex;align-items:center;gap:8px;padding:0 8px 0 10px;border:1px solid #30363d;border-radius:7px;background:#0d1117;color:#8b949e;transition:.2s}
.global-search:focus-within{border-color:#58a6ff;box-shadow:var(--focus-ring);width:min(390px,34vw)}
.global-search svg{width:15px;height:15px;fill:currentColor;flex:none}
.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f0f6fc;font:400 12px var(--ui)}
.global-search input::placeholder{color:#8b949e}
.global-search kbd{border:1px solid #484f58;border-radius:4px;padding:2px 5px;color:#8b949e;background:#161b22;font:500 10px var(--mono)}
.mobile-menu{display:none;width:34px;height:34px;padding:0;border:1px solid #30363d;border-radius:7px;background:#21262d;color:#f0f6fc;font-size:18px;line-height:1}

.ticker-wrapper{height:36px;background:#0d1117;border-top:0;overflow:hidden}
.ticker-label{min-width:100px;padding:0 16px;background:linear-gradient(90deg,#238636,#2ea043);color:#fff;font:700 10px var(--ui);letter-spacing:.14em}
.ticker-track{position:relative}
.ticker-track:after{content:"";position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,#0d1117)}
.ticker-text{color:#8b949e;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;animation-duration:44s}

/* Main shell + sidebar */
.layout-shell{grid-template-columns:var(--nav-w) minmax(0,1fr);padding-bottom:var(--footer-h);background:var(--screen-bg)}
.module-nav{top:var(--top-h);height:calc(100svh - var(--top-h) - var(--footer-h));padding:14px 12px 24px;background:#0d1117;border-right:1px solid var(--line);box-shadow:none}
.nav-profile{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.nav-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1f6feb,#8957e5);color:#fff;font:800 13px var(--ui);box-shadow:0 0 0 1px #30363d,0 10px 30px rgba(31,111,235,.25)}
.nav-profile strong{display:block;font:600 13px/1.25 var(--ui);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-profile span{display:block;margin-top:3px;color:var(--muted);font:400 10px/1.2 var(--ui)}
.module-nav button{min-height:48px;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"code title" "code sub";padding:7px 9px;margin:2px 0;border:0;border-radius:7px;background:transparent;box-shadow:none;transition:background .18s,color .18s,transform .18s}
.module-nav button b{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#21262d;color:#8b949e;font:600 9px var(--mono)}
.module-nav button span{color:#c9d1d9;font:500 13px/1.15 var(--ui);text-transform:none}
.module-nav button small{color:#6e7681;font:400 9px/1 var(--ui);letter-spacing:.04em;text-transform:none}
.module-nav button:hover{background:#161b22;transform:translateX(2px)}
.module-nav button.active{background:#21262d;box-shadow:inset 3px 0 0 #2f81f7}
.module-nav button.active b{background:#1f6feb;color:#fff}
.module-nav button.active span{color:#fff;font-weight:600}
.module-nav button:hover *,.module-nav button.active *{color:inherit}

.main-panel{background-color:var(--screen-bg);background-image:linear-gradient(rgba(139,148,158,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,148,158,.045) 1px,transparent 1px);background-size:48px 48px;min-width:0}
.view{min-height:calc(100svh - var(--top-h) - var(--footer-h));overflow:hidden}

/* Page headers */
.page-title{min-height:156px;grid-template-columns:72px minmax(0,1fr);gap:5px 18px;padding:28px clamp(18px,3vw,42px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 0,var(--soft-blue),transparent 34%),linear-gradient(180deg,#161b22,var(--screen-bg))!important;position:relative;overflow:hidden}
.page-title:after{content:"";position:absolute;right:-30px;top:-80px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(88,166,255,.16);box-shadow:0 0 0 38px rgba(88,166,255,.035),0 0 0 76px rgba(88,166,255,.02)}
.page-title>span{grid-row:1/3;width:52px;height:52px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#21262d;color:var(--cyan);font:600 11px var(--mono);z-index:1}
.page-title h1{font:700 clamp(26px,4vw,44px)/1.05 var(--display);color:var(--fg);letter-spacing:-.035em;text-transform:none;z-index:1}
.page-title p{grid-column:2;color:var(--muted);font:400 13px/1.65 var(--ui);max-width:820px;z-index:1}
.green-head{background:radial-gradient(circle at 85% 0,var(--soft-green),transparent 34%),linear-gradient(180deg,#161b22,var(--screen-bg))!important}
.magenta-head{background:radial-gradient(circle at 85% 0,var(--soft-purple),transparent 34%),linear-gradient(180deg,#161b22,var(--screen-bg))!important}
.red-head{background:radial-gradient(circle at 85% 0,rgba(248,81,73,.13),transparent 34%),linear-gradient(180deg,#161b22,var(--screen-bg))!important}
.yellow-head{background:radial-gradient(circle at 85% 0,rgba(210,153,34,.13),transparent 34%),linear-gradient(180deg,#161b22,var(--screen-bg))!important}

.command-content{padding:clamp(16px,2.6vw,36px);gap:18px}
.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--card-background) 96%,var(--cyan) 4%),var(--card-background));border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(1,4,9,.24);padding:22px}
.panel h2{font:700 20px/1.25 var(--display);letter-spacing:-.02em;color:var(--fg);text-transform:none}
.compact-panel{padding:12px}
.loading-panel,.muted-copy{border:1px dashed var(--line);border-radius:10px;background:rgba(139,148,158,.04);color:var(--muted);font:400 12px/1.65 var(--ui)}

/* Buttons */
.btn,.cat-btn,.cta{border:1px solid var(--line);border-radius:7px;background:#21262d;color:var(--fg);font:600 12px/1 var(--ui);letter-spacing:0;text-transform:none;box-shadow:0 1px 0 rgba(255,255,255,.04);transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.btn{padding:10px 14px}
.btn:hover,.cat-btn:hover{background:#30363d;border-color:#8b949e;color:var(--fg);transform:translateY(-1px)}
.cat-btn{padding:8px 12px;white-space:nowrap}
.cat-btn.active{background:#1f6feb;border-color:#1f6feb;color:#fff}
.btn.cyan,.cta{background:#238636;border-color:rgba(240,246,252,.1);color:#fff}
.btn.cyan:hover,.cta:hover{background:#2ea043;border-color:#3fb950;color:#fff;box-shadow:0 8px 24px rgba(46,160,67,.2);transform:translateY(-1px)}
.btn.red{background:#da3633;border-color:#f85149;color:#fff}
.btn.red:hover{background:#f85149;filter:none}
.cta{margin-top:20px;padding:12px 16px;text-decoration:none}
.cta.alt{background:#21262d;border-color:#30363d;color:#f0f6fc}
.cta.alt:hover{background:#30363d;border-color:#8b949e;color:#fff}
.text-link{color:var(--cyan);font:600 12px var(--ui);letter-spacing:0}

/* Landing experience */
.landing-view{background:var(--screen-bg)!important}
.landing-view:before{inset:var(--top-h) 0 var(--footer-h) var(--nav-w);background:radial-gradient(circle at 72% 35%,rgba(31,111,235,.22),transparent 27%),radial-gradient(circle at 70% 58%,rgba(46,160,67,.12),transparent 28%),linear-gradient(90deg,var(--screen-bg) 0,rgba(13,17,23,.78) 46%,rgba(13,17,23,.08) 100%);z-index:1}
.landing-view:after{content:"";position:fixed;inset:var(--top-h) 0 var(--footer-h) var(--nav-w);z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2358a6ff' stroke-opacity='.10'%3E%3Cpath d='M0 24h70l20 20h90M0 94h45l20-20h115M0 145h95l20-20h65'/%3E%3Ccircle cx='70' cy='24' r='3' fill='%2358a6ff'/%3E%3Ccircle cx='45' cy='94' r='3' fill='%2358a6ff'/%3E%3Ccircle cx='95' cy='145' r='3' fill='%2358a6ff'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(90deg,transparent 28%,#000 62%);opacity:.68}
#webgl-canvas{background:var(--canvas-bg);filter:saturate(.9) contrast(1.06) hue-rotate(6deg);opacity:.82}
#webgl-canvas.no-webgl{background:radial-gradient(circle at 72% 42%,rgba(31,111,235,.25),transparent 24%),radial-gradient(circle at 70% 58%,rgba(46,160,67,.14),transparent 30%),var(--screen-bg)}
.landing-scene{padding:clamp(54px,7vw,100px) clamp(18px,5vw,72px);align-items:center}
.dashboard-hero{min-height:calc(100svh - var(--top-h) - var(--footer-h))}
.text-card,.text-card.right,.text-card.center{max-width:min(650px,54vw);padding:clamp(24px,3.5vw,48px);background:linear-gradient(145deg,rgba(13,17,23,.91),rgba(22,27,34,.76));border:1px solid rgba(240,246,252,.12);border-radius:20px;text-align:left;box-shadow:0 32px 100px rgba(1,4,9,.5),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px);position:relative;overflow:hidden}
.text-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2f81f7,#3fb950 58%,transparent)}
.text-card.right{margin-left:auto}
.text-card.center{margin-inline:auto;text-align:center}
.text-card.center .hero-command-actions{justify-content:center}
.tag{margin-bottom:18px;color:#7ee787;font:600 11px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase}
.h-line{width:48px;height:3px;border-radius:99px;background:linear-gradient(90deg,#2f81f7,#3fb950);margin-bottom:18px}
.text-card.right .h-line{margin-left:0}
.text-card.center .h-line{margin-inline:auto}
.text-card h1,.text-card h2{font-family:var(--display);font-weight:800;letter-spacing:-.065em;line-height:.88;color:#fff}
.text-card h1{font-size:clamp(54px,8.3vw,118px)}
.text-card h2{font-size:clamp(44px,7vw,86px)}
.text-card h2 em{font-style:normal;color:#7ee787}
.body-text{margin-top:22px;max-width:590px;color:#b1bac4;font:400 15px/1.75 var(--ui)}
.hero-command-actions{gap:10px}
.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:26px}
.text-card.right .stat-row{justify-content:initial}
.stat{min-width:0;padding:12px;border:1px solid rgba(240,246,252,.1);border-radius:10px;background:rgba(1,4,9,.32)}
.stat-num{font:700 28px/1 var(--display);color:#f0f6fc}
.stat-label{margin-top:5px;color:#8b949e;font:500 9px/1.25 var(--ui);letter-spacing:.04em;text-transform:uppercase}
.repo-facts{gap:8px;margin-top:18px;justify-content:flex-start}
.repo-facts span{padding:7px 10px;border:1px solid #30363d;border-radius:999px;background:#161b22;color:#b1bac4;font:500 10px var(--ui)}
.teletext-console{margin-top:20px;max-height:320px;padding:12px 16px;border:1px solid #30363d;border-radius:12px;background:#010409;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.console-line{padding:9px 0;border-bottom:1px solid #21262d;color:#c9d1d9;font:400 11px/1.55 var(--mono)}
.console-line time{color:#79c0ff}.console-line strong{color:#7ee787}.console-line small{color:#6e7681}
.status-dot{width:8px;height:8px;background:#f85149;box-shadow:0 0 0 4px rgba(248,81,73,.13)}
.status-dot.ok{background:#3fb950;box-shadow:0 0 0 4px rgba(63,185,80,.13)}
#hud{right:18px;top:calc(var(--top-h) + 16px);padding:8px 12px;border:1px solid #30363d;border-radius:999px;background:rgba(13,17,23,.76);color:#b1bac4;font:600 9px var(--mono);backdrop-filter:blur(18px)}
.progress-bar{width:72px;height:3px;border-radius:99px;background:#30363d;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2f81f7,#3fb950)}
#scene-strip{right:18px;top:calc(var(--top-h) + 58px);padding:9px 6px;border:1px solid #30363d;background:rgba(13,17,23,.76)}
.scene-dot{width:6px;height:6px;background:#484f58}.scene-dot.active{background:#58a6ff;box-shadow:0 0 12px rgba(88,166,255,.7)}
.shape-legend{right:18px;bottom:calc(var(--footer-h) + 14px);gap:6px}
.shape-legend span{padding:6px 9px;border:1px solid #30363d;border-radius:999px;background:rgba(13,17,23,.76);color:#6e7681;font:600 9px var(--mono);letter-spacing:.05em}
.shape-legend span.active{background:#1f6feb;color:#fff;border-color:#1f6feb}

/* Repositories */
.project-toolbar{border-radius:12px;gap:12px;box-shadow:none}
.cat-filter{gap:6px}
.search-box{min-width:min(360px,100%);height:38px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--screen-bg);color:var(--muted)}
.search-box:focus-within{border-color:var(--cyan);box-shadow:var(--focus-ring)}
.search-box input{color:var(--fg);font:400 12px var(--ui)}
.project-strip{gap:12px;padding:2px 2px 10px}
.strip-card{flex:0 0 min(390px,84vw);min-height:174px;padding:22px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 95% 0,rgba(63,185,80,.18),transparent 38%),linear-gradient(145deg,#161b22,#0d1117);box-shadow:0 14px 40px rgba(1,4,9,.2);transition:.2s}
.strip-card:after{width:160px;height:160px;right:-70px;bottom:-86px;background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.18)}
.strip-card:hover{transform:translateY(-3px);border-color:#58a6ff;box-shadow:0 18px 50px rgba(1,4,9,.36)}
.strip-card small{color:#7ee787;font:600 9px var(--mono);letter-spacing:.05em}
.strip-card h3{margin:11px 0 8px;color:#f0f6fc;font:700 22px/1.15 var(--display);letter-spacing:-.025em}
.strip-card p{color:#8b949e;font:400 12px/1.65 var(--ui)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-card{min-height:285px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card-background);box-shadow:0 8px 26px rgba(1,4,9,.14);transition:transform .18s,border-color .18s,box-shadow .18s}
.project-card:hover{transform:translateY(-3px);border-color:#58a6ff;box-shadow:0 18px 48px rgba(1,4,9,.28)}
.repo-icon{width:38px;height:38px;border:1px solid #30363d;border-radius:8px;background:#21262d;color:#58a6ff;font:600 12px var(--mono)}
.privacy-badge{align-self:flex-start;padding:4px 8px;border:1px solid #30363d;border-radius:999px;color:#8b949e;font:500 9px var(--ui);letter-spacing:0;text-transform:none}
.project-card h3{margin:18px 0 8px;color:#58a6ff;font:700 18px/1.25 var(--display);letter-spacing:-.02em;text-transform:none;overflow-wrap:anywhere}
.project-card p{color:#8b949e;font:400 12px/1.65 var(--ui)}
.project-meta{padding-top:13px;border-top:1px solid var(--line);color:#8b949e;font:400 10px var(--ui)}
.project-links{font:600 11px var(--ui)}.project-links a{color:#58a6ff}
.lang-dot{width:9px;height:9px;background:#3fb950}

/* Metrics, analytics and charts */
.metrics-command-grid{gap:12px;background:transparent;border:0}
.metric-card{min-height:166px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card-background);box-shadow:0 8px 26px rgba(1,4,9,.12)}
.metric-card>span{color:#8b949e;font:600 10px var(--ui);letter-spacing:.05em}
.metric-card strong{margin:auto 0;color:#f0f6fc;font:800 clamp(42px,6vw,72px)/1 var(--display);letter-spacing:-.06em}
.metric-card small{color:#8b949e;font:400 11px var(--ui)}
.scikit-grid{gap:14px}
.scikit-head{gap:14px}.model-chip,.source-chip{padding:5px 8px;border:1px solid #2ea043;border-radius:999px;color:#7ee787;font:600 9px var(--ui);letter-spacing:.04em}.source-chip{border-color:var(--line);color:var(--muted)}
.model-chip.yellow{border-color:#9e6a03;color:#e3b341}.model-chip.blue{border-color:#1f6feb;color:#79c0ff}
.scikit-metrics{gap:0;margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.scikit-metrics>div{padding:16px}.scikit-metrics strong{color:#f0f6fc;font:700 32px var(--display)}.scikit-metrics span{color:#c9d1d9;font:600 11px var(--ui)}.scikit-metrics small{color:#8b949e;font:400 9px var(--ui)}
.language-row{grid-template-columns:110px 1fr 42px;font:500 10px var(--ui)}
.language-track{height:9px;border:0;border-radius:999px;background:#21262d;overflow:hidden}.language-fill{border-radius:999px;background:linear-gradient(90deg,#1f6feb,#3fb950)}
.model-chart{border:1px solid var(--line);border-radius:10px;background:#0d1117}
.heat-cell{border:0;border-radius:2px;background:#161b22}.heat-cell[data-level="1"]{background:#0e4429}.heat-cell[data-level="2"]{background:#006d32}.heat-cell[data-level="3"]{background:#26a641}.heat-cell[data-level="4"]{background:#39d353}
.analytics-top,.analytics-grid,.trend-panel,.provider-row{font-family:var(--ui)}
.analytics-grid{border-color:var(--line);border-radius:10px;overflow:hidden}
.analytics-grid article{background:transparent;border-color:var(--line)}
.analytics-grid strong{font-family:var(--display);font-weight:700;letter-spacing:-.04em;color:var(--fg)}
.trend-panel{border:1px solid var(--line);border-radius:10px;background:#0d1117}
.trend-bar{background:linear-gradient(180deg,#58a6ff,#1f6feb);border-radius:3px 3px 0 0}
.provider-badge,.contact-status-row span{border:1px solid var(--line);border-radius:999px;background:#21262d;color:var(--muted)}

/* Updates + Contact + System */
.release-item{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card-background);box-shadow:0 8px 24px rgba(1,4,9,.12)}
.release-item:hover{border-color:#58a6ff}
.release-date{color:#8b949e;font:500 10px var(--mono)}
.release-item h3{color:var(--fg);font:600 15px var(--ui)}
.release-item p{color:var(--muted);font:400 12px/1.65 var(--ui)}
.release-tag{border:1px solid var(--line);border-radius:999px;background:#21262d;color:#58a6ff;font:600 10px var(--ui)}
.automation-card ol{color:var(--muted);font:400 12px/1.75 var(--ui)}
.contact-copy h2{font:800 clamp(34px,5vw,64px)/.95 var(--display);letter-spacing:-.055em}
.contact-copy p{color:var(--muted);font:400 13px/1.75 var(--ui)}
.contact-form label{color:#c9d1d9;font:600 11px var(--ui)}
.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);border-radius:7px;background:var(--screen-bg);color:var(--fg);font:400 13px var(--ui)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan);box-shadow:var(--focus-ring)}
.form-footer p{color:var(--muted);font:400 11px/1.6 var(--ui)}
.diagnostic-list>div,.endpoint-list a{border-color:var(--line);font-family:var(--ui)}
.endpoint-list a{border-radius:7px;color:#58a6ff;background:#0d1117}
.system-grid code{border-radius:5px;background:#21262d;color:#79c0ff}

/* Bottom navigation */
.fastext-bar{height:var(--footer-h);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:rgba(13,17,23,.94);border-top:1px solid var(--line);box-shadow:0 -10px 32px rgba(1,4,9,.25);backdrop-filter:blur(18px);gap:4px}
.fastext-bar button{min-width:0;flex:1;height:36px;margin:auto 0;border:0;border-radius:7px;background:transparent;color:#8b949e;font:600 10px var(--ui);letter-spacing:0;transition:.18s}
.fastext-bar button b{display:none}
.fastext-bar button:hover,.fastext-bar button.active{background:#21262d;color:#f0f6fc}
#modeButton{max-width:150px;border-left:1px solid var(--line);border-radius:0}
#modeButton b{display:inline;color:#58a6ff;margin-right:5px}

/* Dialog + toast + cursor */
dialog{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--card-background)!important;box-shadow:0 32px 100px rgba(1,4,9,.7)!important}
.dialog-close{border:1px solid var(--line)!important;border-radius:7px!important;background:#21262d!important;color:var(--fg)!important}
.toast{border:1px solid var(--line)!important;border-radius:10px!important;background:#21262d!important;color:var(--fg)!important;font-family:var(--ui)!important;box-shadow:0 16px 45px rgba(1,4,9,.4)!important}
#cur{width:5px!important;height:5px!important;background:#58a6ff!important}#cur-ring{width:28px!important;height:28px!important;border:1px solid rgba(88,166,255,.8)!important}.cursor-hover #cur-ring{width:42px!important;height:42px!important;background:rgba(88,166,255,.08)!important}

/* Responsive */
@media(max-width:1180px){
  .global-search{width:min(250px,24vw)}
  .global-search:focus-within{width:min(290px,28vw)}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  :root{--nav-w:0px;--top-h:100px}
  .mobile-menu{display:grid;place-items:center}
  .module-nav{top:var(--top-h);bottom:var(--footer-h);width:min(300px,88vw);height:auto;padding-top:14px;box-shadow:24px 0 70px rgba(1,4,9,.5)}
  .drawer-open:before{background:rgba(1,4,9,.76);backdrop-filter:blur(4px)}
  .masthead-tagline{display:none}
  .masthead-right{gap:8px}
  .global-search{width:min(300px,38vw)}
  .global-search:focus-within{width:min(330px,42vw)}
  #commandClock{display:none}
  .landing-view:before,.landing-view:after{left:0}
  #webgl-canvas{left:0;width:100vw}
  .text-card,.text-card.right,.text-card.center{max-width:min(690px,94vw);margin:0;text-align:left;border:1px solid rgba(240,246,252,.12);border-radius:20px}
  .text-card.center .hero-command-actions{justify-content:flex-start}
  .shape-legend{display:none}
}

@media(max-width:760px){
  .header-profile,.masthead-page,#routeLabel{display:none}
  .global-search{width:min(330px,48vw)}
  .global-search kbd{display:none}
  .page-title{min-height:136px;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:22px 16px}
  .page-title>span{width:42px;height:42px;border-radius:10px;font-size:9px}
  .page-title h1{font-size:clamp(24px,7vw,34px)}
  .project-toolbar{align-items:stretch;flex-direction:column}
  .search-box{min-width:100%}
  .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scikit-grid,.updates-layout,.contact-shell{grid-template-columns:1fr}
}

@media(max-width:620px){
  :root{--top-h:96px;--footer-h:58px}
  .masthead{height:60px;padding:0 10px;gap:8px}
  .masthead-logo svg{width:27px;height:27px}
  .masthead-logo-text{font-size:13px}.masthead-logo-text small{display:none}
  .mobile-menu{width:32px;height:32px}
  .global-search{width:auto;flex:1;max-width:none;height:32px}
  .global-search:focus-within{width:auto}
  .ticker-wrapper{height:36px}.ticker-label{min-width:76px;padding:0 10px;font-size:9px}.ticker-text{font-size:9px}
  .page-title{grid-template-columns:1fr;min-height:150px}.page-title>span{grid-row:auto}.page-title p{grid-column:auto;font-size:12px}
  .command-content{padding:12px}
  .landing-scene{padding:34px 10px}
  .text-card,.text-card.right,.text-card.center{padding:24px 18px;border-radius:16px}
  .text-card h1{font-size:clamp(50px,17vw,76px)}
  .text-card h2{font-size:clamp(42px,14vw,66px)}
  .body-text{font-size:13px;line-height:1.7}
  .cta{width:100%;margin-top:10px}
  .hero-command-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:12px}
  #hud{right:8px;top:calc(var(--top-h) + 8px);padding:6px 8px}.scene-label{display:none}.progress-bar{width:54px}
  #scene-strip{display:none}
  .project-grid{grid-template-columns:1fr}
  .metrics-command-grid{grid-template-columns:1fr 1fr;gap:8px}
  .metric-card{min-height:132px;padding:14px}.metric-card strong{font-size:40px}
  .scikit-metrics{grid-template-columns:1fr 1fr}
  .fastext-bar{gap:2px;padding-bottom:env(safe-area-inset-bottom)}
  .fastext-bar button{font-size:9px;padding:0 4px}.fastext-bar button:nth-child(4){display:none}
  #modeButton{max-width:78px}
}

@media(max-width:390px){
  .global-search input::placeholder{color:transparent}
  .metrics-command-grid{grid-template-columns:1fr}
  .stat-row{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  .strip-card:hover,.project-card:hover,.btn:hover,.cta:hover{transform:none}
}

.module-nav button:hover b{color:#8b949e}.module-nav button:hover span{color:#f0f6fc}.module-nav button:hover small{color:#8b949e}.module-nav button.active b{color:#fff}.module-nav button.active span{color:#fff}.module-nav button.active small{color:#8b949e}


/* V8 mobile navbar, full-height drawer, GitHub icon, and repository cleanup */
:root{--top-h:112px}
.masthead{height:72px}
.ticker-wrapper{height:40px}
.module-nav{
  top:var(--top-h);
  height:calc(100dvh - var(--top-h) - var(--footer-h));
  padding:0 12px calc(24px + env(safe-area-inset-bottom));
}
.nav-profile{padding:10px 8px 14px;margin-bottom:6px}

/* Remove decorative circles from the Repository Portfolio view. */
.view[data-view="repositories"] .page-title:after,
.view[data-view="repositories"] .strip-card:after{
  content:none!important;
  display:none!important;
}
.view[data-view="repositories"] .page-title{
  background:linear-gradient(180deg,#161b22,var(--screen-bg))!important;
}
.view[data-view="repositories"] .strip-card{
  background:linear-gradient(145deg,#161b22,#0d1117);
}

@media(max-width:980px){
  :root{--top-h:112px}
  .module-nav{
    inset:var(--top-h) auto 0 0;
    bottom:0;
    width:min(320px,90vw);
    height:calc(100dvh - var(--top-h));
    min-height:calc(100dvh - var(--top-h));
    max-height:none;
    padding:0 12px calc(var(--footer-h) + 20px + env(safe-area-inset-bottom));
    overscroll-behavior:contain;
  }
  .drawer-open:before{inset:var(--top-h) 0 0}
  .screen.drawer-open{height:100dvh;overflow:hidden}
  .nav-profile{padding-top:10px}
}

@media(max-width:620px){
  :root{--top-h:110px;--footer-h:58px}
  .masthead{height:70px;padding:0 14px;gap:10px}
  .ticker-wrapper{height:40px}
  .mobile-menu{width:44px;height:44px;border-radius:10px;font-size:22px}
  .masthead-logo svg{width:34px;height:34px}
  .masthead-logo-text{font-size:15px}
  .global-search{height:44px;border-radius:10px;padding-inline:12px}
  .global-search svg{width:18px;height:18px}
  .ticker-label{min-width:92px;padding:0 14px;font-size:10px}
  .ticker-text{font-size:9px}
  .module-nav{
    inset:var(--top-h) auto 0 0;
    height:calc(100dvh - var(--top-h));
    min-height:calc(100dvh - var(--top-h));
    padding-top:0;
  }
  .nav-profile{padding:10px 8px 14px;margin-bottom:5px}
}