:root{--paper: #ededed;--ink: #1a1a1a;--ink-soft: #4a4a4a;--ink-mute: #8a8a8a;--rec: #ed4734;--line: #1a1a1a;--card: #ffffff;--shadow: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--radius: 0px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Space Grotesk,-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.mono,code,kbd{font-family:Space Mono,ui-monospace,monospace}.app{display:flex;flex-direction:column;min-height:100%}.topbar{border-bottom:2px solid var(--ink);background:var(--paper);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar .brand{font-weight:700;font-size:20px;letter-spacing:-.02em}.topbar .brand .dot{display:inline-block;width:10px;height:10px;background:var(--rec);border-radius:50%;margin-left:4px;vertical-align:middle}.topbar nav{display:flex;gap:16px}.topbar nav a{color:var(--ink);text-decoration:none;padding:4px 8px;border:2px solid transparent}.topbar nav a.active{border-color:var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink)}.container{max-width:1100px;width:100%;margin:0 auto;padding:24px;flex:1}.card{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card-lg{box-shadow:var(--shadow-lg);padding:28px}h1,h2,h3{margin:0 0 12px;letter-spacing:-.02em;font-weight:700}h1{font-size:32px}h2{font-size:22px}h3{font-size:16px}.muted{color:var(--ink-mute)}.label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600;margin-bottom:4px;display:block}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--card);color:var(--ink);border:2px solid var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .06s,box-shadow .06s}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-primary{background:var(--ink);color:#fff}.btn-rec{background:var(--rec);color:#fff}.btn-ghost{box-shadow:none}.btn-sm{padding:4px 10px;font-size:12px;box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.input,select,textarea{width:100%;padding:8px 12px;background:var(--card);color:var(--ink);border:2px solid var(--ink);font-family:inherit;font-size:14px;outline:none}.input:focus,select:focus,textarea:focus{box-shadow:3px 3px 0 var(--rec);transform:translate(-1px,-1px)}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.field{margin-bottom:12px}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle .track{width:36px;height:20px;background:var(--paper);border:2px solid var(--ink);position:relative}.toggle .track:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;background:var(--ink);transition:transform .12s}.toggle input:checked+.track{background:var(--rec)}.toggle input:checked+.track:after{background:#fff;transform:translate(15px)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--ink)}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--paper)}tr:hover td{background:#ed47340a}.pill{display:inline-block;padding:2px 8px;border:1.5px solid var(--ink);font-size:11px;font-weight:600;background:var(--paper)}.pill-rec{background:var(--rec);color:#fff;border-color:var(--rec)}.pill-on{background:var(--ink);color:#fff}.stat{border:2px solid var(--ink);background:var(--card);padding:16px;box-shadow:3px 3px 0 var(--ink)}.stat .num{font-size:32px;font-weight:700;letter-spacing:-.03em}.stat .lab{font-size:11px;text-transform:uppercase;color:var(--ink-soft);letter-spacing:.1em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding:8px 0;border-bottom:2px solid var(--ink)}.bar{flex:1;background:var(--ink);position:relative;min-width:16px}.bar:hover{background:var(--rec)}.bar .lab{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:var(--ink-mute)}.bar .val{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px}.viewer-shell{background:#1a1a1a;min-height:100vh;display:flex;flex-direction:column}.viewer-bar{background:var(--ink);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #000;position:sticky;top:0;z-index:5}.viewer-bar .countdown{font-family:Space Mono,monospace;color:var(--rec);font-weight:700}.viewer-pages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;scroll-padding-top:16px}.pdf-page-wrap{position:relative;box-shadow:0 4px 24px #00000080;scroll-margin-top:16px}.pdf-page-wrap canvas{display:block;max-width:100%;height:auto}.watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ed47342e;font-weight:700;letter-spacing:.05em;transform:rotate(-25deg);-webkit-user-select:none;user-select:none;font-family:Space Mono,monospace}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}.gate .card-lg{max-width:420px;width:100%}.banner{background:var(--rec);color:#fff;padding:8px 16px;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:inline-block}a{color:var(--ink)}.no-select{user-select:none;-webkit-user-select:none}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 720px){body{font-size:13px}.topbar{padding:10px 14px;gap:8px;flex-wrap:wrap}.topbar nav{display:flex;gap:6px;flex-wrap:wrap}.topbar .brand{font-size:17px}.container{padding:14px}h1{font-size:24px}h2{font-size:18px}.card{padding:14px;box-shadow:3px 3px 0 var(--ink)}.card-lg{padding:18px;box-shadow:4px 4px 0 var(--ink)}.row{flex-direction:column;align-items:stretch;gap:8px}.row>*{flex:none;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}table{font-size:12px;min-width:520px}th,td{padding:8px 6px}.btn{padding:7px 12px;font-size:13px}.btn-sm{padding:4px 8px;font-size:11px}.viewer-bar{padding:6px 8px;gap:4px;flex-wrap:wrap;row-gap:4px}.viewer-bar>div{flex:none!important}.viewer-bar b{font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bar .btn-sm{padding:3px 7px;font-size:11px}.viewer-pages{padding:12px 4px;gap:12px}.pdf-page-wrap{max-width:100%}.pdf-page-wrap canvas{width:100%!important;height:auto!important}}@media (max-width: 420px){.viewer-bar .mono{font-size:11px;min-width:56px!important}.viewer-bar input[type=number]{width:30px!important}.viewer-bar .countdown{font-size:11px}}