.home{padding:var(--space-8) 0 var(--space-12)}.home-header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:var(--border-thick) solid var(--color-border)}.system-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-4);box-shadow:2px 2px 0px var(--color-border);display:inline-flex}.status-dot{background:var(--color-success);border:1px solid var(--color-border);width:8px;height:8px;animation:2s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.home-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3);letter-spacing:-.05em}.home-tagline{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.recent-section{margin-bottom:var(--space-10)}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-4)}.recent-bar{gap:var(--space-3);flex-wrap:wrap;display:flex}.recent-chip{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text);background:var(--color-bg);border:var(--border-width) solid var(--color-border);box-shadow:2px 2px 0px var(--color-border);text-transform:uppercase;align-items:center;text-decoration:none;display:inline-flex}.recent-chip:hover{background:var(--color-border);color:var(--color-surface)}.recent-chip:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(2px,2px)}.categories-section{margin-bottom:var(--space-12)}.category-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.category-card{flex-direction:column;padding:0;display:flex}.category-card-header{padding:var(--space-2) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface-alt);justify-content:space-between;align-items:center;display:flex}.category-tag{font-weight:var(--weight-bold)}.category-card-count{color:var(--color-text-secondary)}.category-card-content{padding:var(--space-4);flex:1}.category-card-name{font-size:var(--text-xl);margin-bottom:var(--space-2)}.category-card-desc{font-size:var(--text-base);color:var(--color-text-secondary)}.home-footer{margin-top:var(--space-12);border:var(--border-thick) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-hard)}.footer-warning-stripe{background:repeating-linear-gradient(45deg, var(--color-accent), var(--color-accent) 15px, var(--color-border) 15px, var(--color-border) 30px);border-bottom:var(--border-width) solid var(--color-border);height:16px}.footer-content{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.footer-content strong{color:var(--color-accent)}@media (width<=640px){.home-header h1{font-size:var(--text-3xl)}.category-grid{grid-template-columns:1fr}}.info-module{margin-top:var(--space-2);width:100%}.info-toggle{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--space-1) var(--space-2);cursor:pointer;text-transform:uppercase;box-shadow:2px 2px 0px var(--color-border);align-items:center;display:inline-flex}.info-toggle:hover,.info-toggle--open{background:var(--color-border);color:var(--color-surface)}.info-toggle:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(2px,2px)}.info-panel{margin-top:var(--space-2);background:var(--color-bg);border:var(--border-thick) solid var(--color-border);box-shadow:var(--shadow-hard)}.info-stripe-header{background:repeating-linear-gradient(45deg, var(--color-accent), var(--color-accent) 10px, var(--color-border) 10px, var(--color-border) 20px);border-bottom:var(--border-width) solid var(--color-border);height:12px}.info-panel-content{padding:var(--space-3) var(--space-4);font-family:var(--font-mono)}.info-description{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase}.info-example{font-size:var(--text-xs);color:var(--color-text-secondary);border-top:var(--border-width) dashed var(--color-border);padding-top:var(--space-2)}.info-example strong{color:var(--color-accent)}.cat-page{padding:var(--space-8) 0 var(--space-12)}.breadcrumb{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-8);background:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--space-2) var(--space-4);box-shadow:2px 2px 0px var(--color-border);display:inline-flex}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-sep{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text)}.cat-header{margin-bottom:var(--space-10)}.cat-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cat-header-stripe{background:var(--color-border);height:8px;margin-bottom:var(--space-4);width:100px}.cat-description{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:var(--text-base);max-width:600px}.error-panel{background:var(--color-warning);border:var(--border-thick) solid var(--color-border);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-hard)}.error-panel h2{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.error-panel p{font-family:var(--font-mono);margin-bottom:var(--space-6);font-weight:var(--weight-bold)}.subcat-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.subcat-card{color:inherit;text-align:left;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.subcat-name{font-size:var(--text-xl)}.subcat-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.tool-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tool-card-wrapper{flex-direction:column;padding:0;display:flex}.tool-card-header{background:var(--color-surface-alt);padding:var(--space-2) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);justify-content:space-between;align-items:center;display:flex}.tool-id-tag{color:var(--color-text-muted)}.tool-badge{color:var(--color-warning);background:var(--color-border);padding:0 var(--space-2)}.tool-card-body{padding:var(--space-4);flex:1}.tool-card-name{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.tool-link-btn{width:100%;text-decoration:none}.tool-link-btn--locked{pointer-events:none;opacity:.5;background:var(--color-surface-alt);color:var(--color-text-muted)}.tool-card-footer{padding:0 var(--space-4) var(--space-4) var(--space-4)}@media (width<=640px){.tool-grid{grid-template-columns:1fr}}.tool-page{padding:var(--space-8) 0 var(--space-12)}.tool-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:var(--border-thick) solid var(--color-border)}.tool-header-meta{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:flex}.tool-header-meta .tool-status{color:var(--color-accent)}.tool-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.tool-workbench{background:var(--color-surface);border:var(--border-thick) solid var(--color-border);box-shadow:var(--shadow-hard)}.workbench-header{background:var(--color-surface-alt);border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.workbench-body{padding:var(--space-8);justify-content:center;align-items:center;min-height:400px;display:flex}.tool-placeholder{text-align:center;font-family:var(--font-mono);font-weight:var(--weight-bold);border:var(--border-width) dashed var(--color-border);padding:var(--space-8);background:var(--color-bg)}.tool-placeholder p{font-size:var(--text-lg);margin-bottom:var(--space-2)}.tool-locked{text-align:center;background:var(--color-bg);border:var(--border-thick) solid var(--color-border);width:100%;max-width:600px}.locked-warning-stripe{background:repeating-linear-gradient(45deg, var(--color-accent), var(--color-accent) 15px, var(--color-border) 15px, var(--color-border) 30px);border-bottom:var(--border-width) solid var(--color-border);height:16px;margin-bottom:var(--space-6)}.tool-locked h2{color:var(--color-accent);margin-bottom:var(--space-4);font-size:var(--text-2xl)}.tool-locked p{font-family:var(--font-mono);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.tool-locked-sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#ebe9e1;--color-surface:#fff;--color-surface-alt:#d1cfcd;--color-border:#0f0f0f;--color-border-hover:#0f0f0f;--color-text:#0f0f0f;--color-text-secondary:#404040;--color-text-muted:#707070;--color-accent:#ff3b00;--color-accent-hover:#e63500;--color-accent-text:#fff;--color-secondary:#0038ff;--color-secondary-text:#fff;--color-success:#00e676;--color-warning:#ffd600;--color-error:#ff3b00;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4.5rem;--leading-tight:1.05;--leading-normal:1.4;--leading-relaxed:1.6;--weight-normal:400;--weight-semi:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--space-16:128px;--radius:0px;--radius-lg:0px;--radius-full:0px;--border-width:2px;--border-thick:4px;--shadow-hard:4px 4px 0px var(--color-border);--shadow-hard-hover:2px 2px 0px var(--color-border);--duration-fast:0s;--duration-normal:0s;--ease-out:linear;--max-width:1200px}html{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:linear-gradient(var(--color-surface-alt) 1px, transparent 1px), linear-gradient(90deg, var(--color-surface-alt) 1px, transparent 1px);background-position:-1px -1px;background-size:20px 20px;min-height:100vh}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-border);color:var(--color-surface);padding:0 var(--space-1)}:focus-visible{outline:var(--border-thick) solid var(--color-secondary);outline-offset:0}::selection{background:var(--color-border);color:var(--color-surface)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface);border-left:var(--border-width) solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);border:var(--border-width) solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px;box-shadow:var(--shadow-hard);line-height:1;transition:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background:var(--color-border);color:var(--color-surface)}.btn-primary:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(4px,4px)}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border);color:var(--color-surface)}.btn-secondary:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(4px,4px)}.btn:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed;border-color:var(--color-text-muted);transform:translate(4px,4px)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-hard)}.card-interactive{cursor:pointer;transition:none}.card-interactive:hover{background:var(--color-border);color:var(--color-surface)}.card-interactive:hover *{color:var(--color-surface);border-color:var(--color-surface)}.card-interactive:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(4px,4px)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}@media (width<=768px){:root{--text-3xl:2rem;--text-2xl:1.5rem;--text-xl:1.25rem}}