@layer reset{*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.6}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}}@layer base{body{background-color:var(--color-bg-base);color:var(--text-on-surface);font-family:var(--font-sans);font-size:.9375rem;position:relative;overflow-x:hidden}::selection{background-color:var(--color-surface-highest);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-canvas)}::-webkit-scrollbar-thumb{background:var(--color-surface-high);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:300;line-height:1;display:inline-block}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:500;line-height:1.2}code,kbd,pre{font-family:var(--font-mono)}}@layer theme{:root{--color-bg-base:#09090b;--color-bg-canvas:#0e0e10;--color-surface:#131315;--color-surface-low:#1c1b1d;--color-surface-container:#201f22;--color-surface-high:#2a2a2c;--color-surface-highest:#353437;--color-surface-bright:#39393b;--border-subtle:#27272a;--border-muted:#353437;--border-hover:#3f3f46;--border-focus:#6366f1;--text-primary:#f4f4f5;--text-on-surface:#e5e1e4;--text-muted:#a1a1aa;--text-dim:#71717a;--text-outline:#8e9193;--accent-emerald:#22c55e;--accent-emerald-dim:#22c55e26;--accent-indigo:#6366f1;--accent-indigo-dim:#6366f126;--accent-purple:#c084fc;--accent-purple-dim:#c084fc26;--accent-blue:#60a5fa;--accent-blue-dim:#60a5fa26;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-top-highlight:inset 0 1px 0 0 #ffffff14;--shadow-glow-indigo:0 0 25px -4px #6366f140;--shadow-glow-emerald:0 0 20px -4px #22c55e40;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--container-max-width:1120px;--container-narrow-width:768px;--header-height:56px;--ease-tactile:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s}}@layer components{.craftsman-container{max-width:var(--container-max-width)}.craftsman-container,.craftsman-container-narrow{width:100%;margin-inline:auto;padding-inline:1.5rem}.craftsman-container-narrow{max-width:var(--container-narrow-width)}.navbar-floating{width:calc(100% - 2rem);max-width:var(--container-max-width);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-top-highlight);z-index:50;transition:all var(--duration-normal) var(--ease-tactile);background:#0e0e10d9;justify-content:space-between;align-items:center;padding:.625rem 1.25rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.navbar-brand{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.navbar-brand:hover{color:#fff}.navbar-nav{align-items:center;gap:.25rem;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-full);transition:color var(--duration-fast),background var(--duration-fast);padding:.35rem .75rem;font-size:.75rem;font-weight:400}.nav-link:hover{color:var(--text-primary);background:var(--color-surface-low)}.nav-link.active,.nav-link.router-link-active{color:var(--text-primary);background:var(--color-surface-container);font-weight:500}.status-dot{border-radius:var(--radius-full);background-color:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);display:inline-block}.pulse-emerald{animation:2s cubic-bezier(.4,0,.6,1) infinite emeraldPulse}@keyframes emeraldPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;background:#27272a59;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-emerald{color:#4ade80;background:var(--accent-emerald-dim);border-color:#22c55e4d}.badge-indigo{color:#818cf8;background:var(--accent-indigo-dim);border-color:#6366f14d}.badge-purple{color:#d8b4fe;background:var(--accent-purple-dim);border-color:#c084fc4d}.badge-blue{color:#93c5fd;background:var(--accent-blue-dim);border-color:#60a5fa4d}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-tactile);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background-color:var(--text-primary);color:var(--color-bg-base);box-shadow:0 1px 2px #0003}.btn-primary:hover{background-color:#fff;box-shadow:0 2px 8px #ffffff26}.btn-secondary{background-color:var(--color-surface-low);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-top-highlight)}.btn-secondary:hover{background-color:var(--color-surface-container);border-color:var(--border-hover)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--color-surface-low)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.75rem}.craftsman-card{background-color:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-top-highlight);transition:border-color var(--duration-fast),transform var(--duration-fast);padding:1.5rem;position:relative;overflow:hidden}.craftsman-card:hover{border-color:var(--border-hover)}.craftsman-card-glow:hover{box-shadow:var(--shadow-top-highlight),var(--shadow-glow-indigo);border-color:#6366f166}.grid-bento-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.875rem;display:grid}.metric-card{background:var(--color-bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-top-highlight);flex-direction:column;justify-content:space-between;padding:1rem 1.15rem;display:flex}.metric-label{font-family:var(--font-mono);color:var(--text-outline);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.metric-value{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-block:.25rem;font-size:1.5rem;font-weight:600}.metric-sub{color:var(--text-muted);font-size:.75rem}.section-header{border-bottom:1px solid #27272a99;flex-direction:column;gap:.35rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-tag{font-family:var(--font-mono);color:var(--text-outline);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}.section-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.75rem;font-weight:500}.section-desc{color:var(--text-muted);max-width:680px;font-size:.875rem}.filter-bar{align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--color-bg-canvas);color:var(--text-muted);white-space:nowrap;transition:all var(--duration-fast);padding:.4rem .85rem;font-size:.75rem}.filter-pill:hover{color:var(--text-primary);background:var(--color-surface-low);border-color:var(--border-hover)}.filter-pill.active{color:var(--color-bg-base);background:var(--text-primary);border-color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000004d}.craftsman-code{border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-family:var(--font-mono);background:#0c0c0e;font-size:.75rem;overflow:hidden}.craftsman-code .code-header{border-bottom:1px solid var(--border-subtle);color:var(--text-outline);background:#201f2299;justify-content:space-between;align-items:center;padding:.5rem .875rem;display:flex}.craftsman-code pre{color:var(--text-primary);padding:1rem;line-height:1.6;overflow-x:auto}.reading-progress-bar{background:var(--accent-indigo);z-index:100;opacity:.9;height:2px;transition:width 50ms linear;position:fixed;top:0;left:0}.craftsman-toast{background:var(--color-surface-high);border:1px solid var(--border-hover);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-mono);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease,transform var(--duration-normal) var(--ease-tactile);align-items:center;gap:.5rem;padding:.625rem 1.15rem;font-size:.75rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000080}.craftsman-toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.boot-overlay{background:var(--color-bg-canvas);z-index:999;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.boot-overlay.boot-hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-box{width:100%;max-width:400px;font-family:var(--font-mono);flex-direction:column;gap:1rem;display:flex}.boot-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.boot-gauge{background:var(--color-surface-high);border-radius:var(--radius-xs);width:100%;height:3px;position:relative;overflow:hidden}.boot-gauge-fill{background:var(--text-primary);width:0;height:100%;transition:width 35ms linear}.boot-footer{color:var(--text-outline);justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}}@layer utilities{.text-mono{font-family:var(--font-mono)}.text-sans{font-family:var(--font-sans)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--text-primary)}.text-emerald{color:var(--accent-emerald)}.text-indigo{color:var(--accent-indigo)}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-gap-1{gap:.25rem;display:flex}.flex-gap-2{gap:.5rem;display:flex}.flex-gap-3{gap:.75rem;display:flex}.flex-gap-4{gap:1rem;display:flex}@media (width<=768px){.hidden-mobile{display:none!important}.section-title{font-size:1.45rem}}@media (width>=769px){.hidden-desktop{display:none!important}}}.replay-floating-btn[data-v-6486208a]{z-index:40;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);box-shadow:var(--shadow-top-highlight);transition:all var(--duration-fast);background:#1c1b1dd9;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.6875rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.replay-floating-btn[data-v-6486208a]:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--color-surface-container)}.mobile-drawer[data-v-306279ba]{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-hover);border-radius:var(--radius-xl);background:#0e0e10f2;flex-direction:column;gap:.35rem;padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;box-shadow:0 20px 40px #0009}.mobile-nav-link[data-v-306279ba]{border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text-on-surface);transition:background var(--duration-fast),color var(--duration-fast);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.8125rem;display:flex}.mobile-nav-link[data-v-306279ba]:hover{background:var(--color-surface-container);color:var(--text-primary)}.app-footer[data-v-003010b0]{background:var(--color-bg-canvas);border-top:1px solid #27272a99;margin-top:5rem;padding-block:2rem}.footer-content[data-v-003010b0]{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width>=768px){.footer-content[data-v-003010b0]{flex-direction:row}}.footer-nav[data-v-003010b0]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.footer-link[data-v-003010b0]{font-family:var(--font-mono);color:var(--text-muted);transition:color var(--duration-fast);font-size:.75rem}.footer-link[data-v-003010b0]:hover{color:var(--text-primary)}.app-layout[data-v-335a377f]{flex-direction:column;min-height:100vh;display:flex;position:relative}.ambient-glow[data-v-335a377f]{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#6366f114,#22c55e08 40%,#0000 70%);width:100%;max-width:1200px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-canvas[data-v-335a377f]{z-index:1;flex:1;padding-top:6rem}