:root{--paper: #F2EEE5;--ink: #1A1A1A;--ink-2: #6B6B6B;--accent: #FF4D2E;--rule: rgba(26,26,26,.12);--grid-fine: rgba(26,26,26,.025);--grid-coarse: rgba(26,26,26,.04);--face-ink: #1A1A1A;--face-ink-opacity: .92;--vignette-edge: rgba(0,0,0,.15)}html[data-theme=dark]{--paper: #0A0A0C;--ink: #ECEBE6;--ink-2: #8E8E94;--accent: #00E5FF;--rule: rgba(236,235,230,.16);--grid-fine: rgba(0,229,255,.05);--grid-coarse: rgba(0,229,255,.09);--face-ink: #E9FF60;--face-ink-opacity: .78;--vignette-edge: rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html,body{transition:background-color .4s ease,color .4s ease}body{background:var(--paper);color:var(--ink);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;min-height:-webkit-fill-available}#root{height:100%}.graph-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--paper);background-image:linear-gradient(var(--grid-coarse) 1px,transparent 1px),linear-gradient(90deg,var(--grid-coarse) 1px,transparent 1px),linear-gradient(var(--grid-fine) 1px,transparent 1px),linear-gradient(90deg,var(--grid-fine) 1px,transparent 1px);background-size:96px 96px,96px 96px,16px 16px,16px 16px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,#000 30%,rgba(0,0,0,.55) 75%,var(--vignette-edge) 100%),linear-gradient(118deg,#0000008c,#000 40%,#000 60%,#0000008c);-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,#000 30%,rgba(0,0,0,.55) 75%,var(--vignette-edge) 100%),linear-gradient(118deg,rgba(0,0,0,.55) 0%,#000 40%,#000 60%,rgba(0,0,0,.55) 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.page{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--paper)}.frame{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;pointer-events:none}@media(min-width:640px){.frame{padding:36px}}.frame-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.frame-bottom{position:absolute;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom) + 16px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}@media(min-width:640px){.frame-bottom{left:36px;right:36px;bottom:max(36px,env(safe-area-inset-bottom) + 24px)}}.corner-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--ink-2)}@media(min-width:640px){.corner-label{font-size:12px}}.corner-label.right{text-align:right}.sep{color:var(--rule)}.hi{color:var(--accent)}.links{display:flex;flex-direction:column;gap:8px;pointer-events:all}@media(min-width:640px){.links{flex-direction:row;align-items:center;gap:32px}}.link-row{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink-2)}@media(min-width:640px){.link-row{font-size:12px}}.link-row .arrow{color:var(--ink-2);transition:color .12s linear}.link-row:hover .arrow{color:var(--accent)}.link-row:hover .lbl{text-decoration:underline;text-underline-offset:3px}.bottom-right{display:flex;align-items:center;gap:16px;pointer-events:all}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--rule);background:transparent;color:var(--ink-2);font:500 11px/1 JetBrains Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:color .12s linear,border-color .12s linear;-webkit-user-select:none;user-select:none}.theme-toggle:hover{color:var(--ink);border-color:var(--ink-2)}.theme-toggle .dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 0 var(--accent);transition:box-shadow .2s ease,background-color .2s ease}html[data-theme=dark] .theme-toggle .dot{box-shadow:0 0 8px 1px var(--accent)}.face-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-inner{width:min(72vw,880px);height:min(36vw,440px)}.face-inner svg{width:100%;height:100%;display:block;overflow:visible}