:root{--bg:#090c12;--panel:#111620;--panel2:#171d29;--border:rgba(255,255,255,.09);--text:#f4f7fb;--muted:#93a0b3;--gold:#d7a53c;--blue:#2c8fff;--red:#d93c2f;--green:#38c78f;--shadow:0 20px 50px rgba(0,0,0,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(44,143,255,.08),transparent 38rem),linear-gradient(145deg,#07090e,#0d1118 55%,#080a0f);color:var(--text);min-height:100vh}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:rgba(8,11,16,.93);border-right:1px solid var(--border);display:flex;flex-direction:column;backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 22px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#f1c967,#a97619);display:grid;place-items:center;color:#0a0d12;font-size:23px;font-weight:1000;box-shadow:0 10px 28px rgba(215,165,60,.25)}.brand strong{display:block;font-size:15px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;text-align:left;font-weight:800;cursor:pointer}.nav-item:hover{background:rgba(255,255,255,.05);color:white}.nav-item.active{background:linear-gradient(90deg,rgba(44,143,255,.18),rgba(44,143,255,.06));color:white;border:1px solid rgba(44,143,255,.25)}.sidebar-footer{margin-top:auto;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035);display:flex;gap:10px;align-items:center}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer small{color:var(--muted);margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(56,199,143,.75)}.main{padding:28px 34px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;color:var(--gold);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.topbar h1{margin:6px 0 0;font-size:34px;letter-spacing:-.04em}.top-actions{display:flex;gap:10px;align-items:center}.pill,.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;border:1px solid var(--border);background:rgba(255,255,255,.05);font-size:11px;color:#d7dfeb;font-weight:850}.badge{padding:5px 9px}.badge.green{background:rgba(56,199,143,.12);border-color:rgba(56,199,143,.26);color:#74e2b7}.top-actions button{border:1px solid var(--border);background:var(--panel);color:white;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}.page{display:none}.page.active{display:block}.hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px;border-radius:24px;border:1px solid rgba(215,165,60,.24);background:radial-gradient(circle at 90% 20%,rgba(217,60,47,.12),transparent 16rem),radial-gradient(circle at 10% 100%,rgba(44,143,255,.14),transparent 22rem),linear-gradient(135deg,#131925,#090c12);box-shadow:var(--shadow)}.hero-kicker{font-size:12px;font-weight:950;color:var(--gold);letter-spacing:.18em}.hero h2{font-size:38px;line-height:1.05;letter-spacing:-.045em;max-width:780px;margin:10px 0 13px}.hero p{color:#b3bdcb;line-height:1.6;max-width:760px;margin:0}.hero-badge{width:160px;height:160px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(215,165,60,.4);background:radial-gradient(circle,rgba(215,165,60,.18),rgba(6,8,13,.96) 62%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.025),0 0 40px rgba(215,165,60,.12)}.hero-badge span{font-size:27px;font-weight:1000;letter-spacing:.06em}.hero-badge small{color:var(--gold);margin-top:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric,.panel,.component-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.18)}.metric{padding:18px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:21px;margin:7px 0 4px}.content-grid{display:grid;gap:16px;margin:16px 0}.two-col{grid-template-columns:1fr 1fr}.panel{padding:22px}.panel h3{margin:0 0 16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h3{margin:0}.milestone{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.milestone:last-child{border-bottom:0}.milestone strong,.milestone small{display:block}.milestone small{color:var(--muted);margin-top:4px}.check{width:27px;height:27px;flex:0 0 27px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--border);font-weight:950}.check.done{background:rgba(56,199,143,.14);color:var(--green);border-color:rgba(56,199,143,.28)}.check.current{background:rgba(44,143,255,.16);color:#7fc0ff;border-color:rgba(44,143,255,.3)}.health-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#cbd3df}.health-row b{color:var(--gold);font-size:12px}.architecture{display:flex;gap:11px;align-items:center;justify-content:center;flex-wrap:wrap}.architecture div{min-width:165px;padding:14px;border:1px solid var(--border);background:var(--panel2);border-radius:12px;text-align:center;font-weight:900}.architecture small{display:block;color:var(--muted);margin-top:5px;font-weight:600}.architecture i{color:var(--gold);font-style:normal}.page-intro{margin-bottom:20px}.page-intro h2{font-size:30px;margin:0 0 7px}.page-intro p{color:var(--muted);margin:0}.panel blockquote{font-size:24px;line-height:1.35;border-left:3px solid var(--gold);padding-left:18px;margin:10px 0 28px}.number-list{display:grid;gap:12px;padding-left:22px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mini-card{padding:16px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}.mini-card b,.mini-card span{display:block}.mini-card span{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.swatch{height:120px;border-radius:16px;padding:15px;display:flex;justify-content:space-between;align-items:flex-end;font-weight:900;box-shadow:var(--shadow)}.swatch code{font-size:11px;background:rgba(0,0,0,.28);padding:5px 7px;border-radius:7px}.swatch.gold{background:linear-gradient(145deg,#f2c55e,#9e6e17);color:#151009}.swatch.blue{background:linear-gradient(145deg,#53a9ff,#1556b9)}.swatch.red{background:linear-gradient(145deg,#f26657,#8f2017)}.swatch.steel{background:linear-gradient(145deg,#f2f4f8,#646c78);color:#11141a}.swatch.carbon{background:repeating-linear-gradient(45deg,#151b24,#151b24 8px,#0c1118 8px,#0c1118 16px)}.swatch.glass{background:linear-gradient(145deg,#131821,#030508)}.type-sample{padding:13px 0;border-bottom:1px solid var(--border)}.hero-type{font-size:30px;font-weight:1000;font-style:italic}.counter-type{font-size:24px;font-weight:950;color:var(--gold)}.label-type{font-size:13px;font-weight:900;letter-spacing:.16em}.ticker-type{font-size:12px;letter-spacing:.1em;color:#c0c8d4}.material-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.material-list span{padding:16px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(145deg,#242b36,#0a0d13);font-weight:850}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.component-card{padding:16px}.component-card h3{margin:14px 0 6px}.component-card p{color:var(--muted);font-size:13px;line-height:1.5}.component-preview{height:160px;border-radius:14px;border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;background:#080b11;overflow:hidden}.tile-preview span{display:grid;place-items:end center;width:105px;height:112px;padding:12px;border:1px solid var(--blue);border-radius:12px;background:linear-gradient(#172334,#080c12);font-weight:950}.counter-preview{display:flex;flex-direction:column}.counter-preview b{font-size:30px;color:var(--gold)}.counter-preview small{letter-spacing:.18em}.panel-preview{display:flex;flex-direction:column}.panel-preview strong{font-size:31px}.panel-preview small{color:var(--gold);letter-spacing:.19em}.legend-preview{display:flex;gap:10px;font-size:12px;font-weight:900;letter-spacing:.12em}.legend-preview i,.legend-preview em{width:15px;height:15px;border-radius:50%;background:var(--blue)}.legend-preview em{background:#333a46}.ticker-preview{font-size:11px;letter-spacing:.12em;color:#d9dee7}.header-preview{display:flex;flex-direction:column}.header-preview small{color:var(--gold);letter-spacing:.19em}.header-preview strong{font-size:27px;margin-top:6px}.layout-list{display:grid;gap:13px}.layout-list article{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.layout-list h3{margin:6px 0}.layout-list p{color:var(--muted)}.layout-thumb{height:128px;border-radius:12px;background:#080b11;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.classic-layout:before,.broadcast-layout:before,.center-layout:before,.command-layout:before{content:"";position:absolute;inset:15px;background:repeating-linear-gradient(90deg,#2475c8 0 22px,transparent 22px 29px),repeating-linear-gradient(0deg,#2475c8 0 18px,transparent 18px 25px);opacity:.7}.broadcast-layout{border-color:rgba(215,165,60,.35)}.center-layout:after{content:"UREKA";position:absolute;inset:38px 72px;display:grid;place-items:center;background:#090c12;border:1px solid var(--gold);font-weight:950}.command-layout{box-shadow:inset 9px 0 0 rgba(44,143,255,.4),inset -9px 0 0 rgba(217,60,47,.4)}.flow{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.flow span{padding:14px 18px;border-radius:12px;background:var(--panel2);border:1px solid var(--border);font-weight:900}.flow b{color:var(--gold)}pre{background:#070a0f;border:1px solid var(--border);border-radius:12px;padding:16px;color:#b9d6ff;line-height:1.6;overflow:auto}.panel ul{color:#c7cfdb;line-height:1.8}.rfc-table{border:1px solid var(--border);border-radius:15px;overflow:hidden}.rfc-row{display:grid;grid-template-columns:120px 1fr 140px 180px;gap:15px;align-items:center;padding:14px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.rfc-row:last-child{border-bottom:0}.rfc-row.head{background:var(--panel2);color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}dialog{width:min(650px,90vw);border:1px solid var(--border);border-radius:18px;background:#111620;color:white;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:transparent;color:white;font-size:26px}.dialog-head h3{margin:0}#searchInput{width:100%;margin-top:16px;padding:13px;border-radius:11px;border:1px solid var(--border);background:#090c12;color:white}.search-results{display:grid;gap:8px;margin-top:12px}.search-result{padding:12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03);cursor:pointer}.search-result small{display:block;color:var(--muted);margin-top:4px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar-footer{display:none}.metric-grid,.component-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.main{padding:20px}.sidebar nav{grid-template-columns:1fr 1fr}.topbar,.hero{grid-template-columns:1fr;display:grid}.top-actions{flex-wrap:wrap}.hero-badge{display:none}.metric-grid,.two-col,.component-grid,.token-grid{grid-template-columns:1fr}.rfc-row{grid-template-columns:80px 1fr}.rfc-row span:nth-child(3),.rfc-row span:nth-child(4){display:none}.layout-list article{grid-template-columns:1fr}}

/* Ureka Copilot v0.2 */
.copilot-launch{background:linear-gradient(135deg,rgba(215,165,60,.18),rgba(44,143,255,.13));border:1px solid rgba(215,165,60,.34)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.copilot-launch:hover{border-color:rgba(215,165,60,.62)!important;transform:translateY(-1px)}
.copilot-drawer{position:fixed;z-index:120;top:0;right:0;width:min(520px,calc(100vw - 24px));height:100vh;background:linear-gradient(180deg,#111722,#090d14);border-left:1px solid rgba(255,255,255,.11);box-shadow:-30px 0 90px rgba(0,0,0,.56);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .24s ease;visibility:hidden}
.copilot-drawer.open{transform:translateX(0);visibility:visible}
.copilot-backdrop{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(4px)}
.copilot-head{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.copilot-head h2{margin:4px 0 5px;font-size:25px}
.copilot-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.copilot-kicker{color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.2em}
.copilot-close{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,.035);color:#fff;font-size:25px;line-height:1}
.copilot-suggestions{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto}
.copilot-suggestions button{white-space:nowrap;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.045);border:1px solid var(--border);color:#cdd5e1;font-size:11px;font-weight:850}
.copilot-suggestions button:hover{border-color:rgba(44,143,255,.45);color:#fff}
.copilot-thread{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}
.copilot-message{display:flex;gap:10px;align-items:flex-start}
.copilot-message.user{justify-content:flex-end}
.copilot-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:linear-gradient(145deg,#d7a53c,#8b6116);color:#130e06;font-weight:1000}
.copilot-message.user .copilot-avatar{order:2;background:linear-gradient(145deg,#2c8fff,#164a92);color:#fff}
.copilot-bubble{max-width:88%;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#dce3ed;line-height:1.55;font-size:13px;overflow-wrap:anywhere}
.copilot-message.user .copilot-bubble{background:rgba(44,143,255,.14);border-color:rgba(44,143,255,.28)}
.copilot-bubble p{margin:6px 0 0}
.copilot-bubble h1,.copilot-bubble h2,.copilot-bubble h3{margin:13px 0 6px;color:#fff}
.copilot-bubble h1{font-size:19px}.copilot-bubble h2{font-size:17px}.copilot-bubble h3{font-size:15px}
.copilot-bubble ul,.copilot-bubble ol{padding-left:20px;margin:8px 0}
.copilot-bubble li{margin:4px 0}
.copilot-bubble code{background:#05080d;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:1px 5px;color:#b9d8ff}
.copilot-bubble pre{font-size:11px;padding:12px;white-space:pre-wrap}
.copilot-sources{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);color:#8f9aaa;font-size:10px}
.copilot-composer{padding:16px 18px 20px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,8,13,.82)}
.copilot-composer textarea{width:100%;resize:none;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:#080c12;color:#fff;padding:12px 13px;outline:none;line-height:1.45}
.copilot-composer textarea:focus{border-color:rgba(44,143,255,.54);box-shadow:0 0 0 3px rgba(44,143,255,.09)}
.copilot-composer-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.copilot-composer-foot span{font-size:10px;color:var(--muted)}
.copilot-composer-foot button{min-width:78px;border-radius:10px;padding:9px 14px;border:1px solid rgba(44,143,255,.48);background:#247bd2;color:#fff;font-weight:900}
.copilot-composer-foot button:disabled{opacity:.55;cursor:wait}
.copilot-typing{display:inline-flex;gap:5px;align-items:center;height:18px}.copilot-typing i{width:5px;height:5px;border-radius:50%;background:#8fa0b5;animation:copilotPulse 1s infinite}.copilot-typing i:nth-child(2){animation-delay:.15s}.copilot-typing i:nth-child(3){animation-delay:.3s}@keyframes copilotPulse{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
body.copilot-open{overflow:hidden}
@media(max-width:700px){.copilot-drawer{width:100vw}.copilot-head{padding:18px}.copilot-thread{padding:15px}.copilot-suggestions{padding:12px}.copilot-bubble{max-width:92%}}
