:root{--bg:#0d0e0f;--surf:#131516;--surf2:#1c1f22;--b:#2a2e33;--b2:#3a3f46;--gold:#c8a84b;--gd:#8b6914;--txt:#e8e4dc;--txt2:#c4c0b6;--mute:#8a8a80;--green:#5a9e6e;--red:#c05050}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh}button,input{font:inherit}button{border-radius:2px}header{height:64px;padding:8px 18px;display:flex;align-items:center;gap:12px;background:var(--surf);border-bottom:2px solid var(--gd);position:sticky;top:0;z-index:5}.logo{width:46px;height:46px;border-radius:50%}.sep{height:30px;width:1px;background:var(--b2)}.title{font:700 17px Rajdhani,sans-serif;letter-spacing:2px;text-transform:uppercase}.sub,.tag,.status,.series,label{font-family:"Share Tech Mono",monospace}.sub{font-size:9px;color:var(--gold);letter-spacing:2px}.back{margin-left:auto;color:var(--gold);border:1px solid var(--gd);padding:7px 11px;text-decoration:none;font:600 12px Rajdhani,sans-serif;text-transform:uppercase}main{width:min(760px,100%);margin:auto;padding:28px 18px 60px}.hero{text-align:center;margin-bottom:22px}.tag{display:inline-block;color:var(--gold);border:1px solid var(--gd);background:#2a2000;padding:4px 12px;font-size:9px;letter-spacing:3px;text-transform:uppercase}.hero h1{font:700 clamp(28px,6vw,44px) Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:2px;margin:12px 0 5px}.hero p{color:var(--txt2);font-size:14px}.timer-card{background:var(--surf);border:1px solid var(--b);border-top:3px solid var(--gold);padding:25px;text-align:center}.status{color:var(--gold);font-size:11px;letter-spacing:4px}.clock{font:700 clamp(70px,20vw,142px) Rajdhani,sans-serif;line-height:1;font-variant-numeric:tabular-nums}.series{color:var(--mute);font-size:11px;letter-spacing:2px}.progress{height:4px;background:var(--surf2);margin-top:20px}.progress div{height:100%;width:0;background:var(--gold)}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.field{background:var(--surf);border:1px solid var(--b);padding:12px}.field label{display:block;font-size:8px;color:var(--mute);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.number{display:flex;align-items:center}.number input{width:100%;min-width:0;background:transparent;border:0;color:var(--txt);font:700 24px Rajdhani,sans-serif;outline:0}.number span{color:var(--gold);font:700 14px Rajdhani,sans-serif}.presets{display:flex;gap:7px;margin:12px 0}.presets button{flex:1;background:var(--surf2);border:1px solid var(--b);color:var(--txt2);padding:9px;cursor:pointer}.presets button:hover{border-color:var(--gold);color:var(--gold)}.actions{display:grid;grid-template-columns:2fr 1fr;gap:10px}.actions button{border:0;padding:17px;font:700 19px Rajdhani,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer}.start{background:var(--gold);color:#0d0e0f}.stop{background:var(--surf2);color:var(--red);border:1px solid var(--b)!important}.actions button:disabled{opacity:.35;cursor:not-allowed}.hint{text-align:center;color:var(--mute);font-size:12px;line-height:1.5;margin-top:15px}.running .timer-card{border-top-color:var(--green)}.running .status{color:var(--green)}

[hidden]{display:none!important}.mode-picker{padding-top:38px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{min-height:230px;padding:26px;background:var(--surf);border:1px solid var(--b);border-top:3px solid var(--gold);color:var(--txt);text-align:left;cursor:pointer;transition:.15s transform,.15s border-color}.mode-card:hover{transform:translateY(-2px);border-color:var(--gold)}.mode-icon{display:block;color:var(--gold);font:700 52px Rajdhani,sans-serif;line-height:1;margin-bottom:18px}.mode-card strong{display:block;font:700 24px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:1px}.mode-card small{display:block;color:var(--txt2);font-size:14px;line-height:1.5;margin-top:8px}.mode-card em{font:700 8px "Share Tech Mono",monospace;color:var(--bg);background:var(--gold);padding:3px 5px;vertical-align:middle;font-style:normal}.mode-back{margin-bottom:14px;padding:7px 10px;background:transparent;border:1px solid var(--b2);color:var(--gold);font:600 12px Rajdhani,sans-serif;text-transform:uppercase;cursor:pointer}.active-hero{margin-bottom:14px}.active-settings{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin-top:14px}.sensitivity-field{grid-column:span 2;background:var(--surf);border:1px solid var(--b);padding:12px}.sensitivity-field label{display:flex;justify-content:space-between;color:var(--mute);font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.sensitivity-field label strong{color:var(--gold)}.sensitivity-field input{width:100%;accent-color:var(--gold)}.calibrate{background:var(--surf2);border:1px solid var(--gd);color:var(--gold);padding:10px;cursor:pointer;font:600 12px Rajdhani,sans-serif;text-transform:uppercase}.level{height:7px;background:var(--surf2);margin-top:18px;position:relative;overflow:hidden}.level div{height:100%;width:0;background:var(--green);transition:width .04s}.level i{position:absolute;top:0;bottom:0;width:2px;background:var(--gold);left:40%}.active-actions{margin-top:10px}.shots-panel{background:var(--surf);border:1px solid var(--b);margin-top:14px}.shots-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--b)}.shots-head strong{font:700 15px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:1px}.shots-head button{background:transparent;border:1px solid var(--b2);color:var(--mute);padding:5px 8px;cursor:pointer;font-size:11px}.shots-head button:disabled{opacity:.35}.shots-empty{padding:22px;color:var(--mute);font-size:12px;text-align:center}.shots-list{list-style:none}.shots-list li{display:grid;grid-template-columns:44px 1fr 1fr;align-items:center;padding:10px 15px;border-bottom:1px solid var(--b);font-family:"Share Tech Mono",monospace}.shots-list li:last-child{border-bottom:0}.shot-number{color:var(--mute);font-size:10px}.shot-time{font-size:18px;color:var(--txt)}.shot-split{text-align:right;color:var(--gold);font-size:13px}.shot-flash{animation:flash .18s ease-out}@keyframes flash{50%{background:#263d2c}}.warning{color:#a89768}.mic-error{color:var(--red)!important}

.active-settings .field select{width:100%;min-height:29px;background:transparent;border:0;color:var(--txt);font:600 14px Rajdhani,sans-serif;outline:0}.active-settings .field select option{background:var(--surf2)}.mic-tools{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;background:var(--surf);border:1px solid var(--b)}.mic-tools button{flex:0 0 auto;padding:8px 11px;background:var(--surf2);border:1px solid var(--b2);color:var(--gold);cursor:pointer;font:600 12px Rajdhani,sans-serif;text-transform:uppercase}.mic-tools button.active{border-color:var(--green);color:var(--green)}.mic-tools span{color:var(--mute);font-size:11px}.shots-list li{grid-template-columns:44px 1fr 1fr auto}.shot-delete{width:27px;height:27px;margin-left:8px;background:transparent;border:1px solid var(--b2);color:var(--red);cursor:pointer}.review-panel,.history-panel{margin-top:14px;background:var(--surf);border:1px solid var(--b)}.panel-title{padding:12px 15px;border-bottom:1px solid var(--b);font:700 15px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:1px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b)}.review-grid div{padding:13px;background:var(--surf)}.review-grid span{display:block;color:var(--mute);font:8px "Share Tech Mono",monospace;text-transform:uppercase;letter-spacing:1px}.review-grid strong{display:block;margin-top:4px;color:var(--gold);font:700 21px Rajdhani,sans-serif}.journal-row{display:grid;grid-template-columns:120px 1fr auto;gap:8px;padding:12px;border-top:1px solid var(--b)}.journal-row input{min-width:0;background:var(--surf2);border:1px solid var(--b2);color:var(--txt);padding:8px;outline:0}.journal-row button{background:var(--gold);border:0;color:var(--bg);padding:8px 12px;font:700 12px Rajdhani,sans-serif;text-transform:uppercase;cursor:pointer}.shots-head>div{display:flex;gap:5px}.history-list{display:flex;flex-direction:column}.history-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:0 14px;border-bottom:1px solid var(--b)}.history-item:last-child{border-bottom:0}.history-item.selected{background:#2a2000;box-shadow:inset 3px 0 var(--gold)}.history-item input{accent-color:var(--gold)}.history-select{min-width:0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.history-main strong{display:block;font:700 15px Rajdhani,sans-serif}.history-main span{display:block;color:var(--mute);font-size:10px;margin-top:2px}.history-stats{text-align:right;color:var(--gold);font:12px "Share Tech Mono",monospace}.compare-panel{padding:12px;border-top:1px solid var(--b);overflow-x:auto}.compare-panel table{width:100%;border-collapse:collapse;font:11px "Share Tech Mono",monospace}.compare-panel th,.compare-panel td{padding:7px;border-bottom:1px solid var(--b);text-align:right}.compare-panel th:first-child,.compare-panel td:first-child{text-align:left}.compare-panel th{color:var(--mute);font-weight:400}.compare-panel td{color:var(--txt)}
.settings-note{grid-column:1/-1;color:var(--mute);background:var(--surf);border-left:3px solid var(--gold);padding:10px 12px;font-size:11px;line-height:1.5}.settings-note strong{color:var(--txt2)}
.signal-tools{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;background:var(--surf);border:1px solid var(--b)}.signal-tools label{color:var(--mute);font-size:8px;letter-spacing:1px;text-transform:uppercase}.signal-tools select{min-width:0;background:var(--surf2);border:1px solid var(--b2);color:var(--txt);padding:8px;outline:0}.signal-tools button{padding:8px 11px;background:var(--surf2);border:1px solid var(--gd);color:var(--gold);cursor:pointer;font:600 12px Rajdhani,sans-serif;text-transform:uppercase}.signal-flash{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0}.signal-flash.start{background:rgba(200,168,75,.32);animation:signalFlash .3s ease-out}.signal-flash.end{background:rgba(192,80,80,.28);animation:signalFlash .55s ease-out}@keyframes signalFlash{0%,30%{opacity:1}100%{opacity:0}}

@media(max-width:650px){header{padding:8px 12px}.back{font-size:0}.back:after{content:"⌂";font-size:18px}.controls{grid-template-columns:repeat(2,1fr)}.controls .field:first-child{grid-column:span 2}.clock{font-size:28vw}.hero{margin-bottom:16px}.mode-picker{padding-top:14px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:170px;padding:20px}.mode-icon{font-size:38px;margin-bottom:10px}.active-settings{grid-template-columns:1fr 1fr}.shot-limit-field,.sensitivity-field{grid-column:1/-1}.calibrate{grid-column:1/-1;min-height:44px}.active-card{padding:20px 12px}.shots-list li{padding:10px 12px}.mic-tools{align-items:stretch;flex-direction:column}.review-grid{grid-template-columns:repeat(2,1fr)}.journal-row{grid-template-columns:1fr}.history-item{grid-template-columns:auto 1fr}.history-stats{grid-column:2;text-align:left}.shot-split{font-size:11px}}

@media(max-width:650px){.signal-tools{grid-template-columns:1fr}.signal-tools button{min-height:44px}}

.timer-card + .actions{margin-top:10px}