@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./space-grotesk-latin-400-normal.CJ-V5oYT.woff2)format("woff2"),url(./space-grotesk-latin-400-normal.BnQMeOim.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal.lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal.CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal.DjKNqYRj.woff2)format("woff2"),url(./space-grotesk-latin-600-normal.BflQw4A9.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal.RjhwGPKo.woff2)format("woff2"),url(./space-grotesk-latin-700-normal.CwsQ-cCU.woff)format("woff")}:root{--color-primary:#6d28d9;--color-primary-hover:#5b21b6;--color-primary-soft:#ede9fe;--color-accent:#166534;--color-accent-soft:#dcfce7;--color-attention:#9a3412;--color-attention-soft:#ffedd5;--color-status:#16a34a;--color-canvas:#faf8ff;--color-surface:#fff;--color-surface-muted:#f3f0f8;--color-text:#27222d;--color-text-muted:#5f5a66;--color-border:#e6e0ef;--color-border-strong:#c9bfd8;--font-family:"Space Grotesk", system-ui, sans-serif;--font-size-caption:12px;--font-size-small:13px;--font-size-label:14px;--font-size-body:15px;--font-size-intro:17px;--font-size-brand:18px;--font-size-icon:20px;--font-size-section:22px;--font-size-title:40px;--font-size-title-mobile:32px;--line-height-body:1.5;--line-height-heading:1.15;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-card:0;--shadow-card:0 1px 2px #27222d0a, 0 4px 16px #6d28d90f;--shadow-card-hover:0 2px 4px #27222d0f, 0 12px 32px #6d28d924;--focus-ring:3px solid var(--color-primary);--focus-offset:4px;--control-min-height:44px;font-family:var(--font-family);color:var(--color-text);background:var(--color-canvas);font-size:var(--font-size-body);line-height:var(--line-height-body)}*{box-sizing:border-box}body,h1,h2,p{margin:0}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}h1{font-size:var(--font-size-title);line-height:var(--line-height-heading);letter-spacing:-.02em;margin:var(--space-2) 0}h1,h2{font-weight:600}h2{font-size:var(--font-size-section);margin-bottom:var(--space-1)}.app-header{min-height:64px;padding:var(--space-3) var(--space-8);gap:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header,.brand{align-items:center;display:flex}.brand{gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-brand);min-height:var(--control-min-height);flex-shrink:0;font-weight:700;text-decoration:none}.brand img{-o-object-fit:contain;object-fit:contain;background:var(--color-surface)}.breadcrumbs{font-size:var(--font-size-label);color:var(--color-text-muted)}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-right:var(--space-2)}.breadcrumbs a,.user-menu button{text-underline-offset:3px}.breadcrumbs a,.host-status{color:var(--color-text-muted)}.host-status{flex-wrap:wrap;margin-left:auto}.host-status,.user-menu{font-size:var(--font-size-small);align-items:center;gap:var(--space-2);display:flex}.user-menu button{font:inherit;color:var(--color-primary);min-height:var(--control-min-height);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.status-dot{background:var(--color-status);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-accent-soft)}.home-content{max-width:1184px;padding:var(--space-16) var(--space-8);margin:0 auto}.eyebrow{font-size:var(--font-size-label);display:block}.example-tag,.eyebrow,.intro{color:var(--color-text-muted)}.intro{font-size:var(--font-size-intro);margin-bottom:var(--space-12)}.example-tag{font-size:var(--font-size-caption);background:var(--color-surface-muted);border:1px solid var(--color-border);padding:2px var(--space-2);vertical-align:middle;font-weight:500;display:inline-block}.area-cards{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.area-card{border-radius:var(--radius-card);border:1px solid var(--color-border);padding:var(--space-6);gap:var(--space-4);min-width:0;color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.area-card p{color:var(--color-text-muted);font-size:var(--font-size-label)}.available-card{background:var(--color-surface);box-shadow:var(--shadow-card);transition:box-shadow .15s,border-color .15s,transform .15s}.available-card:hover{border-color:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.available-card:hover{transform:none}}.card-top{justify-content:space-between;gap:var(--space-2)}.area-icon,.card-top{align-items:center;display:flex}.area-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);font-size:var(--font-size-icon);flex-shrink:0;justify-content:center;font-weight:600}.muted-icon{background:var(--color-surface-muted);color:var(--color-text-muted)}.metrics{gap:var(--space-2);flex-wrap:wrap;display:flex}.attention-tag,.neutral-tag,.notice-tag,.primary-tag{font-size:var(--font-size-small);padding:var(--space-1) var(--space-3);font-weight:500;display:inline-block}.attention-tag{background:var(--color-attention-soft);color:var(--color-attention);font-weight:600}.notice-tag{background:var(--color-accent-soft);color:var(--color-accent)}.primary-tag{background:var(--color-primary-soft);color:var(--color-primary-hover)}.neutral-tag{background:var(--color-surface-muted)}.area-card p.sample-caption,.sample-caption{font-size:var(--font-size-caption);color:var(--color-text-muted)}.future-card,.preview-card{border-style:dashed;border-color:var(--color-border-strong)}.future-card h2{font-size:var(--font-size-brand);font-weight:500}.area-layout{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 69px);display:grid}.area-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-8) var(--space-4)}.sidebar-title{color:var(--color-text-muted);font-size:var(--font-size-label);margin:0 var(--space-4) var(--space-4)}.area-sidebar nav{gap:var(--space-2);flex-direction:column;display:flex}.area-sidebar a{min-height:var(--control-min-height);padding:10px var(--space-4);color:var(--color-text-muted);align-items:center;text-decoration:none;display:flex}.area-sidebar a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.area-sidebar a:hover{background:var(--color-surface-muted)}.area-content{padding:var(--space-12) var(--space-8);width:100%;max-width:1120px}.placeholder-panel{margin-top:var(--space-8);padding:var(--space-8);border:1px solid var(--color-border);background:var(--color-surface)}.placeholder-panel h2{margin:var(--space-6) 0 var(--space-2)}.placeholder-panel p{color:var(--color-text-muted);margin-top:var(--space-3)}@media (width<=1000px){.area-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.host-status{width:100%;margin-left:0}.app-header{gap:var(--space-2) var(--space-4);flex-wrap:wrap}}@media (width<=600px){.app-header{padding:var(--space-3) var(--space-4)}.breadcrumbs{flex:1}.home-content{padding:40px var(--space-4)}h1{font-size:var(--font-size-title-mobile)}.intro{margin-bottom:var(--space-8)}.area-cards,.area-layout{grid-template-columns:minmax(0,1fr)}.area-sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:var(--space-4)}.sidebar-title{margin:0 0 var(--space-2)}.area-sidebar nav{gap:var(--space-1);flex-flow:wrap}.area-sidebar a{padding:10px var(--space-3)}.area-content{padding:var(--space-8) var(--space-4)}.placeholder-panel{padding:var(--space-6)}}