:root{--graphite: #0e1116;--graphite-deep: #0b0e12;--panel: #12161c;--suppressed: #1a2129;--locked: #141a21;--cyan: #4ea8b8;--cyan-hover: #5fbccd;--link-hover: #6fc0cf;--cyan-on-cyan: #07171b;--bone: #e8e6e1;--t-primary: #e8e6e1;--t-secondary: rgba(232, 230, 225, .72);--t-tertiary: rgba(232, 230, 225, .52);--t-faint: rgba(232, 230, 225, .4);--hair: rgba(232, 230, 225, .12);--hair-strong: rgba(232, 230, 225, .16);--cyan-hair: rgba(78, 168, 184, .22);--f-cond: "Barlow Condensed", system-ui, sans-serif;--f-body: "Barlow", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--reported: rgba(232, 230, 225, .82);--reported-hair: rgba(232, 230, 225, .34)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--graphite-deep);color:var(--t-primary);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}::selection{background:#4ea8b852;color:#fff}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--link-hover)}button,input{border-radius:0;font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.canvas{min-height:100dvh;background-color:var(--graphite-deep);background-image:linear-gradient(rgba(78,168,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(78,168,184,.045) 1px,transparent 1px);background-size:44px 44px;display:flex;justify-content:center}.app{width:100%;max-width:480px;min-height:100dvh;background:var(--graphite);display:flex;flex-direction:column;position:relative;overflow:hidden}@media(min-width:520px){.app{min-height:0;height:min(920px,100dvh);margin:auto;border-left:1px solid var(--hair);border-right:1px solid var(--hair)}}.mono{font-family:var(--f-mono);text-transform:uppercase}.cond{font-family:var(--f-cond)}.strip{flex:none;text-align:center;font-family:var(--f-mono);font-size:10px;letter-spacing:2px;color:var(--cyan);background:var(--suppressed);padding:8px 10px;border-bottom:1px solid var(--cyan-hair);text-transform:uppercase}.framed{position:relative;border:1px solid var(--hair-strong)}.framed .reg{position:absolute;font:11px var(--f-mono);color:#4ea8b88c;pointer-events:none}.reg.tl{top:-7px;left:-4px}.reg.tr{top:-7px;right:-4px}.reg.bl{bottom:-7px;left:-4px}.reg.br{bottom:-7px;right:-4px}.btn-primary{width:100%;background:var(--cyan);color:var(--cyan-on-cyan);border:none;font-family:var(--f-cond);font-weight:700;letter-spacing:3px;padding:14px;cursor:pointer;font-size:17px}.btn-primary:hover{background:var(--cyan-hover)}.btn-ghost{background:none;border:none;color:var(--cyan);font-family:var(--f-mono);font-size:11px;letter-spacing:1px;padding:16px;cursor:pointer;text-transform:uppercase}.btn-ghost:hover{color:var(--link-hover)}.btn-chrome{background:none;border:1px solid var(--hair-strong);color:var(--t-tertiary);font-family:var(--f-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:0 12px;min-height:44px;cursor:pointer;flex:none}.btn-chrome:hover{color:var(--bone)}.field-label{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:1.5px;color:var(--t-tertiary);margin-bottom:7px;text-transform:uppercase}.field{width:100%;background:var(--graphite-deep);border:1px solid var(--hair-strong);color:var(--t-primary);font-size:15px;padding:11px 12px;letter-spacing:.5px;font-family:var(--f-mono)}.reported-frame{position:relative;border:1px dashed var(--reported-hair);padding:16px 14px 14px;margin-top:10px}.reported-badge{position:absolute;top:-8px;left:12px;background:var(--panel);padding:0 7px;font-family:var(--f-mono);font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--reported)}.gap-frame{position:relative;border:1px solid var(--hair-strong);padding:16px 14px 14px;margin-top:10px}.gap-badge{position:absolute;top:-8px;left:12px;background:var(--panel);padding:0 7px;font-family:var(--f-mono);font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t-tertiary)}.chip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:8px 11px;min-height:38px;font-family:var(--f-mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:none;border:1px solid var(--hair-strong);color:var(--t-secondary)}.chip:hover{border-color:var(--t-tertiary)}.chip.on{background:#4ea8b82e;border-color:var(--cyan);color:var(--cyan)}.chip.on.rep{background:#e8e6e124;border-color:var(--reported-hair);color:var(--bone)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.num-big{width:100%;background:var(--graphite-deep);border:1px solid var(--hair-strong);color:var(--bone);font-family:var(--f-cond);font-weight:700;font-size:30px;letter-spacing:1px;padding:8px 12px;text-align:left}.tile{border:1px solid var(--hair);padding:12px 12px 11px;min-width:0}.tile .n{font-family:var(--f-cond);font-weight:700;font-size:30px;line-height:1;color:var(--bone)}.tile .n.rep{color:var(--bone)}.tile .k{font-size:10.5px;color:var(--t-tertiary);margin-top:3px;line-height:1.2}.tag{font-family:var(--f-mono);font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border:1px solid var(--hair-strong);color:var(--t-tertiary)}.tag.edited{color:var(--reported);border-color:var(--reported-hair)}.tag.locked{color:var(--cyan);border-color:var(--cyan-hair)}.tag.voided{color:#d98b78;border-color:#d98b7866}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0e12b8;z-index:40;display:flex;align-items:flex-end}.sheet-body{width:100%;max-height:94%;overflow-y:auto;background:var(--panel);border-top:1px solid var(--hair-strong);box-shadow:0 -20px 50px #0000008c;padding:16px 20px 30px}@media print{.sheet-scrim{position:static;background:none}.no-print{display:none!important}}.plan-card .plan-vp{display:none}.plan-card:hover .plan-vp,.plan-card.revealed .plan-vp{display:block}.plan-card:hover .plan-hint,.plan-card.revealed .plan-hint{display:none}