:root{--font-primary:var(--font-kode-mono),var(--font-inter),Inter,monospace;--font-reading:var(--font-newsreader),"Newsreader",Georgia,"Times New Roman",serif;--letter-spacing-body:0;--letter-spacing-heading:0;--letter-spacing-display:0.02em;--letter-spacing-ui:0.04em;--letter-spacing-caption:0.06em;--letter-spacing-label:0.08em;--letter-spacing-kicker:0.12em;--letter-spacing-meta:0.14em;--letter-spacing-wide:0.18em;--letter-spacing-button:0.06em;--letter-spacing-button-wide:0.1em}*{scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}:root{--color-background:#000000;--color-background-alt:rgba(10,10,10,0.6);--color-background-soft:rgba(20,20,20,0.4);--color-surface:#000000;--color-surface-hover:#161616;--color-accent:#10b981;--color-accent-light:#4ade80;--color-accent-dim:rgba(16,185,129,0.15);--color-accent-muted:rgba(16,185,129,0.3);--color-accent-soft:rgba(16,185,129,0.05);--color-accent-border:rgba(16,185,129,0.1);--color-primary:#ffffff;--color-primary-inverse:#000000;--color-success:#00e676;--color-danger:#ff5252;--color-text-main:#e8e8e8;--color-text-secondary:#a0a0a0;--color-text-tertiary:#808080;--color-text-muted:#333333;--color-border:#1a1a1a;--color-border-subtle:rgba(255,255,255,0.05);--color-border-dark:#0a0a0a;--color-section-divider:#2e2e2e;--color-grid-line:rgba(16,185,129,0.1);--color-shadow:rgba(0,0,0,0.8);--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--breakpoint-ultra-wide:1440px;--breakpoint-desktop:1024px;--breakpoint-tablet:768px;--breakpoint-mobile:425px}@keyframes pulse-emerald{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{transform:scale(1.1);opacity:.8;box-shadow:0 0 0 8px rgba(16,185,129,0)}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,0)}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-primary);letter-spacing:var(--letter-spacing-body);line-height:1.5;display:flex;flex-direction:column;min-height:100vh}body.modal-open,html.modal-open{overflow:hidden}body.layout--kb{overflow:hidden;height:100vh}.font-mono{font-family:var(--font-primary)}main{flex:1 1;width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.cornered-frame{position:relative;display:inline-flex;border:1px solid rgba(0,0,0,0);transition:var(--transition-smooth);box-sizing:border-box}.cornered-frame.with-border{border-color:var(--color-border);background-color:var(--color-background-soft)}.cornered-frame-content{position:relative;z-index:1;padding:8px 16px;display:flex;align-items:center;justify-content:center}.cornered-frame .corner{position:absolute;border:2px solid var(--color-accent);z-index:2;pointer-events:none;transition:var(--transition-smooth)}.cornered-frame .corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.cornered-frame .corner.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.cornered-frame .corner.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.cornered-frame .corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.cornered-frame:not(.cornered-frame--suppress-preset-hover):hover .corner{border-color:var(--color-accent-light);filter:drop-shadow(0 0 5px var(--color-accent-dim))}