:root{color-scheme:dark;--bg:#060913;--bg-2:#0b1120;--panel:#0c121fc2;--panel-strong:#111827eb;--line:#ffffff14;--line-strong:#ffffff24;--text:#eef4ff;--muted:#9aa8c3;--soft:#73809d;--accent:#67d7c2;--accent-2:#7cc6ff;--accent-3:#ff8f9f;--shadow:0 28px 80px #0000005c;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--font-body:"Aptos", "Segoe UI", sans-serif;--font-display:"Palatino Linotype", "Book Antiqua", Georgia, serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background-color:#0000;background-image:radial-gradient(circle at 0 0,#67d7c226,#0000 28%),radial-gradient(circle at 100% 0,#7cc6ff29,#0000 26%),radial-gradient(circle at 50% 120%,#ff8f9f1f,#0000 34%),linear-gradient(#04060e 0%,#080d17 45%,#05070c 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}body:before{content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;mask-image:linear-gradient(#0003,#000000d9)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{border-right:1px solid var(--line);backdrop-filter:blur(18px);background:linear-gradient(#0b1120f0,#080c16d1);align-self:start;min-height:100vh;padding:28px 24px;position:sticky;top:0}.workspace{flex-direction:column;min-width:0;padding:20px 20px 28px;display:flex}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 10px #67d7c214}.brand-copy{gap:4px;display:grid}.brand-copy h1,.page-title,.section-title,.detail-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700}.brand-copy h1{font-size:1.18rem}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.sidebar-note{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#121a2ce6,#0b111ed6);gap:14px;margin-top:18px;padding:18px;display:grid}.sidebar-note strong{font-size:1rem}.sidebar-note p{color:var(--muted);margin:0;line-height:1.6}.sidebar-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:14px}.stat-card strong{margin-top:4px;font-size:1.2rem;display:block}.stat-card span{color:var(--muted);font-size:.82rem}.nav-list{gap:10px;padding:18px 0 0;display:grid}.nav-link{color:var(--muted);transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:18px;gap:4px;padding:14px 15px;display:grid}.nav-link:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff0a;transform:translateY(-1px)}.nav-link:active{transform:translateY(0)scale(.98)}.nav-link.active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 28%, var(--line-strong));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), #ffffff0a)}.nav-link strong{font-size:.96rem}.nav-link span,.nav-link small{display:block}.nav-link small{color:inherit;opacity:.76;font-size:.82rem}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:6px 4px 18px;display:flex}.topbar-copy{gap:8px;display:grid}.topbar-copy p{color:var(--muted);margin:0;line-height:1.5}.path-pill{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;display:inline-flex}.path-pill:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #67d7c214}.shell-outlet{min-width:0}.route-loading{gap:14px;padding:24px;display:grid}.skeleton-bar{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d) 0 0/220% 100%;border-radius:999px;height:14px;animation:1.6s linear infinite shimmer}.skeleton-bar.is-lg{height:22px}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.page,.page-stack{gap:18px;display:grid}.hero-card,.panel-card,.project-card,.lab-card,.empty-state{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--panel), var(--panel-strong));box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card{padding:28px}.hero-card:before,.panel-card:before,.project-card:before,.lab-card:before{content:"";background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 42%);pointer-events:none;position:absolute;inset:0}.hero-headline{gap:12px;max-width:780px;display:grid}.page-title{font-size:clamp(2rem,4.2vw,4.4rem);line-height:.94}.hero-card p,.panel-card p,.project-card p,.lab-card p,.empty-state p{color:var(--muted);margin:0;line-height:1.65}.action-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.button,.ghost-button{min-height:44px;transition:transform .14s var(--ease-out), border-color .14s var(--ease-out), background .14s var(--ease-out), color .14s var(--ease-out), box-shadow .14s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:700;display:inline-flex}.button{color:#071018;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 24%, transparent)}.ghost-button{color:var(--text);border-color:var(--line-strong);background:#ffffff08}.button:hover,.ghost-button:hover,.card-link:hover{transform:translateY(-1px)}.button:active,.ghost-button:active,.card-link:active{transform:translateY(0)scale(.98)}.section-title{font-size:clamp(1.35rem,2vw,2rem)}.panel-grid,.project-grid,.lab-grid,.metric-grid{gap:16px;display:grid}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card,.lab-card,.project-card{padding:22px}.panel-card{min-height:100%}.panel-header,.section-header,.card-header,.project-meta,.lab-meta,.detail-meta,.breadcrumb{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.section-header,.card-header,.project-meta,.lab-meta,.detail-meta{justify-content:space-between}.panel-card h2,.project-card h3,.lab-card h3,.detail-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700}.panel-card h2,.detail-title{font-size:1.5rem}.project-card h3,.lab-card h3{font-size:1.24rem}.chip-row,.route-row,.note-list,.checkpoint-list,.bullet-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chip,.route-chip,.status-chip{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-chip[data-tone=done]{color:#b7ffe9;border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 12%, transparent)}.status-chip[data-tone=active]{color:#ffdba9;border-color:color-mix(in srgb, var(--accent-2) 30%, var(--line));background:color-mix(in srgb, var(--accent-2) 12%, transparent)}.status-chip[data-tone=queued]{color:#f6afbf;border-color:color-mix(in srgb, var(--accent-3) 30%, var(--line));background:color-mix(in srgb, var(--accent-3) 12%, transparent)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08;padding:16px}.metric-card span{color:var(--muted);font-size:.82rem;display:block}.metric-card strong{margin-top:6px;font-size:1.18rem;display:block}.project-grid,.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.lab-card{gap:16px;min-height:100%;display:grid}.project-card{--accent:var(--accent);align-content:start}.project-card__title,.lab-card__title{gap:8px;display:grid}.project-card__title p,.lab-card__title p{max-width:58ch}.card-link{border:1px solid var(--line-strong);width:fit-content;min-height:42px;color:var(--text);transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.card-link:hover{border-color:color-mix(in srgb, var(--accent) 24%, var(--line-strong));background:color-mix(in srgb, var(--accent) 10%, #ffffff0a)}.route-list{gap:14px;display:grid}.route-item{border:1px solid var(--line);transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out);background:#ffffff08;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.route-item:hover{border-color:color-mix(in srgb, var(--accent) 24%, var(--line-strong));background:color-mix(in srgb, var(--accent) 8%, #ffffff0a);transform:translateY(-1px)}.route-item span{color:var(--muted);font-size:.84rem}.route-item strong{font-size:.98rem}.checkpoint-list{gap:12px;display:grid}.checkpoint-card{border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:10px;padding:16px;display:grid}.checkpoint-card strong{font-size:.98rem}.checkpoint-card p{color:var(--muted)}.bullet-list{gap:10px;display:grid}.bullet-list li,.note-list li{color:var(--muted);padding-left:18px;line-height:1.55;position:relative}.bullet-list li:before,.note-list li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:7px;height:7px;position:absolute;top:.7em;left:0}.breadcrumb{color:var(--muted);font-size:.84rem}.breadcrumb a{color:var(--text)}.detail-title{font-size:clamp(1.8rem,3vw,3rem)}.detail-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--panel), var(--panel-strong));box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.detail-panel .detail-panel{margin-top:18px}.detail-panel h2,.detail-panel h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.detail-panel h2{font-size:1.35rem}.detail-panel p{color:var(--muted);margin:0;line-height:1.65}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.empty-state{gap:16px;padding:30px;display:grid}.empty-state .page-title{font-size:clamp(2rem,4vw,3.4rem)}.empty-state__actions{flex-wrap:wrap;gap:12px;display:flex}.route-note{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;display:inline-flex}.route-note strong{color:var(--text)}.stack{gap:14px;display:grid}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:relative}.panel-grid,.project-grid,.lab-grid,.metric-grid,.detail-grid{grid-template-columns:1fr}}@media (width<=720px){.workspace{padding:14px}.sidebar{padding:20px 14px}.hero-card,.panel-card,.project-card,.lab-card,.detail-panel,.empty-state{border-radius:22px;padding:18px}.topbar{flex-direction:column;align-items:stretch}}