body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Courier New,Courier,monospace}#root{min-height:100vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f0;--fg:#0a0a0a;--muted:#6b6b6b;--accent:#ff3e00;--accent2:#00ff94;--card:#fff;--border:#0a0a0a;--shadow:#0a0a0a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Courier New,Courier,monospace}.app{max-width:1400px;min-height:100vh;margin:0 auto}header{border-bottom:4px solid var(--border);background:var(--fg);color:var(--bg);padding:24px}.header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}h1{letter-spacing:-1.5px;text-transform:uppercase;margin:0 0 6px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:32px;font-weight:900}.sub{color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.login-header{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.login-header h1{color:var(--accent);font-size:56px}.login-box{border:3px solid var(--border);background:var(--card);padding:4px;display:flex}.login-box input{background:var(--bg);color:var(--fg);border:none;outline:none;min-width:280px;padding:12px 14px;font-family:inherit;font-size:14px}.login-box button{background:var(--accent);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:700}.login-box button:hover{background:var(--fg)}.login-msg{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;font-size:12px}.logout-btn{background:var(--card);color:var(--fg);border:3px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:4px 4px 0 var(--shadow);padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.logout-btn:hover{box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.logout-btn:active{box-shadow:0px 0px 0 var(--shadow);transform:translate(4px,4px)}.stats{border-bottom:4px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat{background:var(--card);border-right:4px solid var(--border);border-bottom:4px solid var(--border);box-shadow:6px 6px 0 var(--shadow);padding:20px 24px}.stat b{letter-spacing:-1.5px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:36px;font-weight:900;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.bar{border-bottom:4px solid var(--border);background:var(--card);flex-wrap:wrap;align-items:stretch;gap:0;padding:16px 24px;display:flex}.bar input,.bar select{background:var(--bg);color:var(--fg);border:3px solid var(--border);text-transform:uppercase;letter-spacing:.3px;border-radius:0;margin-right:-3px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:700}.bar input[type=search]{min-width:240px}.bar input:focus,.bar select:focus{background:var(--accent2);outline:none}main{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px;display:grid}.card{background:var(--card);border:3px solid var(--border);box-shadow:8px 8px 0 var(--shadow);padding:0;transition:transform .1s}.card:hover{box-shadow:10px 10px 0 var(--shadow);transform:translate(-2px,-2px)}.card.dim{opacity:.5;filter:grayscale(40%)}.card-inner{padding:20px}.top{align-items:flex-start;gap:14px;display:flex}.score{border:3px solid var(--border);background:var(--bg);color:var(--fg);white-space:nowrap;box-shadow:4px 4px 0 var(--shadow);text-align:center;min-width:80px;padding:8px 12px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:42px;font-weight:900;line-height:1}.score.hi{background:var(--accent2);color:var(--fg)}.score.mid{color:var(--fg);background:#ffde00}.title{text-transform:uppercase;letter-spacing:.2px;font-size:16px;font-weight:700;line-height:1.3}.meta{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-top:6px;font-size:12px;line-height:1.5}.reasons{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{background:var(--fg);color:var(--bg);border:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;font-size:10px;font-weight:700}.snip{color:var(--muted);-webkit-line-clamp:3;border-top:2px dashed var(--border);-webkit-box-orient:vertical;margin-top:14px;padding-top:12px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.row{border-top:3px solid var(--border);margin-top:14px;display:flex}.apply{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-right:3px solid var(--border);text-align:center;flex:1;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none}.apply:hover{background:var(--fg);color:var(--bg)}.row button{background:var(--card);color:var(--fg);border:none;border-right:3px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-family:inherit;font-size:11px;font-weight:700}.row button:last-child{border-right:none}.row button:hover{background:var(--fg);color:var(--bg)}.row button.on{background:var(--accent2);color:var(--fg)}.row button.on:hover{background:var(--fg);color:var(--bg)}.src{display:none}.empty{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:1px;border:3px solid var(--border);background:var(--card);box-shadow:8px 8px 0 var(--shadow);padding:60px 24px;font-size:18px;font-weight:700}.loading{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:1px;border:3px solid var(--border);background:repeating-linear-gradient(45deg, var(--card), var(--card) 20px, var(--bg) 20px, var(--bg) 40px);padding:60px 24px;font-size:18px;font-weight:700;animation:1s linear infinite stripes}@keyframes stripes{0%{background-position:0 0}to{background-position:56px 0}}