:root{--orange: #ef6910;--orange-deep: #d9560a;--orange-soft: #f7924a;--cream: #fbf1dc;--cream-2: #f0e0bd;--ink: #0c0b08;--ink-soft: #4a3f35;--yellow: #fcca2c;--pink: #f58ca7;--white: #ffffff;--green: #40ba6f;--blue: #5eb4fc;--red: #ea3f38;--line: 2.5px;--radius: 18px;--shadow: 4px 4px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap: 1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--orange);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}::selection{background:var(--ink);color:var(--cream)}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}.mono{font-family:var(--mono)}.caps{font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--ink-soft)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.display{font-family:var(--mono);font-weight:700;text-transform:uppercase;line-height:.98;letter-spacing:-.03em;color:var(--cream);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-wrap:balance}.display-sm{-webkit-text-stroke-width:5px}.label{font-family:var(--mono);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card{background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}.card-flat{box-shadow:none}.inset{background:var(--cream-2);border:2px solid var(--ink);border-radius:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--cream);font-family:var(--mono);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.chip.yellow{background:var(--yellow)}.chip.pink{background:var(--pink)}.chip.green{background:var(--green)}.chip.blue{background:var(--blue)}.chip.red{background:var(--red);color:var(--cream)}.chip.ink{background:var(--ink);color:var(--cream)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:var(--line) solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font-family:var(--mono);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.cream{background:var(--cream)}.btn.ink{background:var(--ink);color:var(--cream)}.btn.pink{background:var(--pink)}.btn.blue{background:var(--blue)}.btn.green{background:var(--green)}.btn.red{background:var(--red);color:var(--cream)}.btn.sm{padding:7px 13px;font-size:12px;box-shadow:2px 2px 0 var(--ink)}.btn.lg{padding:16px 28px;font-size:16px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.input,.textarea{width:100%;padding:12px 14px;background:var(--white);border:var(--line) solid var(--ink);border-radius:12px;outline:none;font-family:var(--sans);font-size:16px}.input:focus,.textarea:focus{box-shadow:var(--shadow-sm)}.input::placeholder,.textarea::placeholder{color:#a3968a}.textarea{resize:vertical;min-height:84px}.nav{position:sticky;top:14px;z-index:50;margin:14px auto 0;width:calc(100% - 28px);max-width:var(--wrap);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 16px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:7px 12px;border-radius:999px;font-family:var(--mono);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;border:2px solid transparent}.nav-link:hover{background:var(--cream-2)}.nav-link.active{background:var(--ink);color:var(--cream)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:18px}.grow{flex:1;min-width:0}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{padding:72px 0;position:relative}.page{padding:36px 0 90px;position:relative;min-height:70vh}.page-title{font-size:clamp(34px,6vw,60px);margin-bottom:10px}.wire-flow{stroke-dasharray:3 30;animation:wire-flow 1.6s linear infinite}@keyframes wire-flow{to{stroke-dashoffset:-33}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid var(--ink);animation:blink 1.6s ease-in-out infinite}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 14px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);border-bottom:2px solid var(--ink);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1.5px dashed rgba(21,18,15,.25);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--cream-2)}.right{text-align:right!important}.up{color:#2f7a1f}.down{color:#c22b12}.tabs{display:inline-flex;padding:4px;gap:4px;background:var(--cream-2);border:2px solid var(--ink);border-radius:999px}.tab{padding:6px 14px;border:none;border-radius:999px;background:transparent;font-family:var(--mono);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.tab.active{background:var(--ink);color:var(--cream)}.toasts{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 36px))}.toast{padding:12px 16px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow);font-size:14px;animation:pop .2s ease-out}.toast.error{background:#ffd9d0}.toast.ok{background:#dff0c2}.note{padding:12px 14px;border:2px dashed var(--ink);border-radius:12px;font-size:14px;background:#ffffff80}.skeleton{background:repeating-linear-gradient(-45deg,var(--cream-2),var(--cream-2) 8px,var(--cream) 8px,var(--cream) 16px);border-radius:10px;min-height:18px}@media (max-width: 820px){.hide-sm{display:none!important}.section{padding:52px 0}.display{-webkit-text-stroke-width:5px}.nav{padding:6px 8px 6px 12px}}@media (min-width: 821px){.only-sm{display:none!important}}@media (prefers-reduced-motion: reduce){.wire-flow,.live-dot{animation:none}html{scroll-behavior:auto}}