:root{--color-bg: #f4f4f0;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #1a1a1a;--color-accent: #ff3333;--color-primary: var(--color-step-1);--color-step-1: #005b96;--color-step-2: #0089d0;--color-step-3: #00b0f0;--color-step-4: #800080;--color-step-5: #c71585;--color-step-6: #e6007e;--color-step-7: #2d3091;--space-xs: .25rem;--space-s: .5rem;--space-m: 1rem;--space-l: 2rem;--space-xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;margin-top:0;text-transform:uppercase;letter-spacing:-.02em}button{font-family:var(--font-mono);cursor:pointer}.layout-shell{display:grid;grid-template-columns:450px 1fr;grid-template-rows:60px 1fr;height:100vh;overflow:hidden}.header{grid-column:1 / -1;background:var(--color-surface);border-bottom:2px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-m);justify-content:space-between}.sidebar{background:var(--color-bg);border-right:2px solid var(--color-border);padding:var(--space-m);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-m)}.main-content{background:var(--color-surface);padding:var(--space-l);overflow-y:auto;position:relative}.process-circle-container{width:100%;aspect-ratio:1;position:relative;margin-bottom:var(--space-l)}.content-container{width:100%;margin:0 auto;padding-left:32px;padding-right:32px}@media(min-width:1280px){.content-container{padding-left:10%;padding-right:10%}}.nav-icon-btn{flex:1;height:48px;background:transparent;color:var(--color-text);border:2px solid var(--color-border);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.nav-icon-btn:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 4px #0000001a}.nav-icon-btn:active{transform:translateY(0);box-shadow:none}.nav-icon-btn.active{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);box-shadow:inset 0 2px 4px #0003}.text-mono{font-family:var(--font-mono)}.text-bold{font-weight:700}.flex-center{display:flex;align-items:center;justify-content:center}g:focus{outline:none}