*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07070d;--surface: #0d0d18;--border: #1a1a2a;--text: #c8c8d8;--dim: #44445a;--red: #ff0033;--green: #00ff88;--mono: "Share Tech Mono", "Courier New", monospace;--display: "Oswald", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden}.root{min-height:100vh;background:var(--bg);position:relative;overflow:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:40px;text-align:center}.acme-logo{font-family:var(--display);font-size:64px;font-weight:700;letter-spacing:12px;color:var(--red);margin-bottom:4px}.landing-title{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:6px;color:#888;margin-bottom:8px}.landing-sub{font-size:13px;color:#444;line-height:2;letter-spacing:.5px}.btn-start{margin-top:24px;padding:16px 56px;background:transparent;border:2px solid var(--red);color:var(--red);font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:8px;cursor:pointer;transition:background .2s}.btn-start:hover{background:#f031}.landing-hint{margin-top:8px;font-size:11px;color:#2a2a3a;letter-spacing:2px}.timeline-view{min-height:100vh;display:flex;flex-direction:column;padding:24px 0 0}.tl-header{padding:0 32px;margin-bottom:20px;display:flex;align-items:center;gap:16px}.tl-logo{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:6px;color:var(--red)}.tl-slash{font-size:11px;color:#2a2a3a;letter-spacing:3px}.hud{display:flex;gap:40px;padding:0 32px;margin-bottom:28px}.hud-item{display:flex;flex-direction:column;gap:4px}.hud-label{font-size:9px;color:#33334a;letter-spacing:3px}.hud-value{font-family:var(--display);font-size:36px;font-weight:700;line-height:1}.tl-axis{display:flex;justify-content:space-between;padding:0 32px;color:#22222f;font-size:9px;letter-spacing:2px;margin-bottom:8px}.tl-strip{position:relative;height:110px;margin:0 32px;background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .8s,box-shadow .8s}.tl-baseline{position:absolute;top:50%;left:0;right:0;height:1px;background:#111120}.commit-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:3px;border-radius:50%;transition:background .15s}.clean-dot{position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #0f86}.scanner{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#9900ff,#cc88ff,#9900ff,transparent);box-shadow:0 0 20px #90f,0 0 50px #90f3;pointer-events:none}.leak-index{padding:12px 32px;display:flex;flex-wrap:wrap;gap:4px 20px}.leak-tag{font-size:10px;cursor:pointer;letter-spacing:1px;transition:opacity .2s}.leak-tag:hover{opacity:.7}.bottom-bar{padding:16px 32px;display:flex;gap:12px;margin-top:8px}.btn-ghost{padding:8px 20px;background:transparent;border:1px solid #1e1e2e;color:#333345;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:3px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:#333345;color:#666}.panel{position:fixed;right:0;top:0;bottom:0;width:420px;border-left:1px solid var(--border);padding:28px 24px;overflow-y:auto;z-index:200;transition:background .6s}.panel-close{position:absolute;top:16px;right:18px;background:none;border:none;color:#33334a;cursor:pointer;font-size:18px;line-height:1;transition:color .2s}.panel-close:hover{color:#666}.panel-header-tag{font-size:9px;color:#33334a;letter-spacing:4px;margin-bottom:16px}.panel-commit-block{margin-bottom:20px}.panel-hash{font-size:13px;color:#888;letter-spacing:1px;margin-bottom:6px}.panel-msg{font-size:14px;color:#bbb;font-style:italic;margin-bottom:4px}.panel-meta{font-size:11px;color:#444}.panel-field{margin-bottom:16px}.field-label{font-size:9px;color:#33334a;letter-spacing:3px;margin-bottom:6px}.field-value{font-size:12px;color:#666}.field-body{font-size:13px;color:#aaa;line-height:1.75}.sev-badge{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:2px;border:1px solid;border-radius:2px;margin-bottom:20px}.secret-box{position:relative;background:#060610;border:1px solid #111120;padding:12px 14px;border-radius:4px;overflow:hidden}.secret-text{font-size:11px;color:#f66;filter:blur(3.5px);-webkit-user-select:none;user-select:none;letter-spacing:.5px;word-break:break-all}.radar-sweep{position:absolute;top:0;bottom:0;width:36%;background:linear-gradient(90deg,transparent,#9900ff33,transparent);pointer-events:none}.verify-result{padding:12px 14px;border:1px solid;font-size:12px;letter-spacing:.5px;line-height:1.6;margin-bottom:16px;border-radius:2px}.rotate-success{padding:12px 14px;background:#00ff8808;border:1px solid #00ff8833;color:#0f87;font-size:12px;line-height:1.7;margin-bottom:16px;border-radius:2px}.panel-btns{display:flex;gap:10px;margin-top:8px}.btn-verify{flex:1;padding:12px 0;background:#013;border:1px solid #0055cc;color:#39f;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:3px;transition:background .2s}.btn-verify:hover:not(:disabled){background:#026}.btn-verify:disabled{opacity:.5;cursor:default}.btn-rotate{flex:1;padding:12px 0;background:#1a0003;border:1px solid var(--red);color:#f45;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:3px;transition:background .2s}.btn-rotate:hover{background:#2a0005}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:600}.victory-text{font-family:var(--display);font-size:32px;font-weight:700;letter-spacing:4px;color:var(--green);text-align:center}.victory-sub{font-size:11px;color:#33334a;letter-spacing:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#080810}::-webkit-scrollbar-thumb{background:#1a1a2a;border-radius:2px}