:root{--bg:#0a0a0a;--panel:#121212;--text:#fff;--muted:#c7c7c7;--border:#2f2f2f;--accent:#ffd400;--danger:#ff3b30;--focus:#00d1ff;--shadow:#00000080 0 12px 30px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:18px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:var(--accent)}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#root{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel)}.topbarInner{justify-content:space-between;align-items:center;gap:12px;max-width:900px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--text);letter-spacing:.5px;font-weight:700;text-decoration:none}.topbarRight{align-items:center;gap:10px;display:flex}.topbarToggle{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.topbarToggle input{width:18px;height:18px}.userBadge{color:var(--muted);font-size:14px}.container{width:100%;max-width:900px;margin:0 auto;padding:20px 16px 40px}h1{margin:16px 0;font-size:34px}h2{margin:0 0 10px;font-size:22px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:12px;margin:14px 0;padding:16px}.field{gap:6px;margin:10px 0;display:grid}.field>span{color:var(--muted);font-size:14px}.field input,.field select{color:var(--text);border:1px solid var(--border);background:#000;border-radius:10px;min-height:44px;padding:12px}.checkRow{align-items:center;gap:10px;margin:10px 0;display:flex}.checkRow input{width:22px;height:22px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.actionsRight{margin-left:auto}button{border:1px solid var(--border);min-height:44px;color:var(--text);background:#000;border-radius:10px;padding:10px 14px}.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.secondary{color:var(--text);background:#000}.blueBtn{color:#fff;background:#1e90ff;border-color:#1e90ff;font-weight:700}.danger{background:var(--danger);color:#000;border-color:var(--danger);font-weight:700}.linkBtn{min-height:44px;color:var(--accent);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;padding:10px 12px;text-decoration:none;display:inline-flex}.error{background:#ff3b302e;border:1px solid #ff3b3099;border-radius:10px;margin-top:10px;padding:10px 12px}.srRegion{border:1px dashed var(--border);color:var(--muted);border-radius:10px;margin:8px 0 0;padding:10px 12px}.list{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.listItem{border:1px solid var(--border);color:var(--text);background:#000;border-radius:12px;padding:12px;text-decoration:none;display:block}.listPrimary{font-weight:700}.listSecondary{color:var(--muted);margin-top:4px;font-size:14px}.summaryRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.summaryLabel{color:var(--muted);font-size:14px}.summaryValue{font-size:18px;font-weight:700}.targetWrap{place-items:center;padding:12px;display:grid}.target{aspect-ratio:1;border:2px solid var(--border);touch-action:manipulation;background:#000;border-radius:16px;width:min(92vw,420px);max-width:100%}.hint{color:var(--muted);margin-top:10px;font-size:14px}.shotItem{border:1px solid var(--border);background:#000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.shotText{flex:1}.shotRemoveBtn{white-space:nowrap}.sessionBlock{border:1px solid var(--border);background:#000;border-radius:12px;margin-top:12px;padding:12px}.sessionHeader{margin-bottom:8px;font-weight:700}.sessionEmpty{color:var(--muted);font-size:14px}.shotList{gap:10px;margin:0;padding-left:22px;display:grid}