: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:#ffffff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#606060;--color-text-muted:#333333;--color-border:#1a1a1a;--color-border-subtle:rgba(255,255,255,0.05);--color-border-dark:#0a0a0a;--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-inter),"Inter",sans-serif;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}body.modal-open,html.modal-open{overflow:hidden}.font-mono{font-family:var(--font-mono),"JetBrains Mono",monospace}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))}