:root{--bg:#12121a;--surface:#1e1e2e;--surface-2:#2a2a3d;--text:#e8e8f0;--text-muted:#9a9ab0;--accent:#4ade80;--accent-dim:#22c55e;--warning:#fbbf24;--danger:#f87171;--border:#3a3a52;--focus:#60a5fa;--row-hover:#ffffff08;--tap-min:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=light]{--bg:#f4f7f5;--surface:#fff;--surface-2:#e8eeea;--text:#17201b;--text-muted:#52635a;--accent:#16803c;--accent-dim:#bbf7d0;--warning:#a15c00;--danger:#b42318;--border:#c9d5ce;--focus:#1d4ed8;--row-hover:#16803c0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=red]{--bg:#0c0404;--surface:#180808;--surface-2:#240e0e;--text:#f87171;--text-muted:#a34747;--accent:#ff6b6b;--accent-dim:#d94f4f;--warning:#ff9f45;--danger:#f33;--border:#421515;--focus:#ff8f8f;--row-hover:#f871710d}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;gap:1rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:.75rem;display:flex}.app-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.app-title{margin:0;font-size:1.25rem;font-weight:700}.app-title span{color:var(--accent)}.utc-clock{color:var(--accent);font-family:Courier New,monospace;font-size:1rem;font-weight:600}.utc-label{color:var(--text-muted);margin-right:.5rem;font-size:.75rem}.theme-selector{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:inline-flex}.theme-selector select{min-height:var(--tap-min);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .75rem;font-size:.95rem}.theme-selector select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.install-button{white-space:nowrap}.nav-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.nav-tab{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.95rem}.nav-tab[aria-current=page]{background:var(--accent-dim);color:#0a0a0f;border-color:var(--accent);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.panel h2{margin:0 0 1rem;font-size:1.1rem}.edit-qso-dialog{z-index:100;max-height:90vh;position:fixed;inset:5%;overflow:auto}.edit-section-heading{margin:1rem 0 .75rem;font-size:1rem}.edit-field-group{margin-top:1rem}.edit-field-group summary{min-height:var(--tap-min);color:var(--text-muted);cursor:pointer;align-items:center;font-weight:600;display:flex}.edit-field-group[open] summary{margin-bottom:.75rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.form-field{flex-direction:column;gap:.25rem;display:flex}.form-field label{color:var(--text-muted);font-size:.8rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;min-height:var(--tap-min);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .75rem;font-size:1rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--focus);outline-offset:1px}.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:var(--danger)}.field-warning{color:var(--warning);font-size:.8rem}.field-error{color:var(--danger);font-size:.8rem}.validation-summary{border:1px solid;border-radius:8px;padding:.75rem;font-size:.9rem}.validation-summary-error{color:var(--danger);border-color:var(--danger);background:#f871711a}.validation-summary-warning{color:var(--warning);border-color:var(--warning);background:#fbbf2414}.validation-summary ul{margin:.4rem 0 0;padding-left:1.25rem}.backup-reminder{border:1px solid var(--warning);color:var(--warning);background:#fbbf2414;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.backup-reminder-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.form-field-wide{grid-column:1/-1}.btn{min-height:var(--tap-min);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:1rem;font-weight:600}.btn-primary{background:var(--accent-dim);color:#0a0a0f}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#1a0a0a}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.dupe-badge{background:var(--warning);color:#1a1400;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.flash-success{border:1px solid var(--accent);color:var(--accent);background:#4ade8026;border-radius:8px;padding:.75rem;font-weight:600}.qso-counter{color:var(--accent);font-size:1.5rem;font-weight:700}.session-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.log-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.log-toolbar input,.log-toolbar select{min-height:var(--tap-min);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .75rem}.highlights-toggle{min-height:var(--tap-min);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.highlights-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.log-table-wrap{border:1px solid var(--border);border-radius:8px;max-height:60vh;overflow:auto}.log-table{border-collapse:collapse;width:100%;font-size:.9rem}.log-table th,.log-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.log-table th{background:var(--surface-2);z-index:1;-webkit-user-select:none;user-select:none;position:sticky;top:0}.log-table th:has(.th-sort){padding:0}.th-sort{width:100%;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.6rem .75rem;display:block}.th-sort:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.log-table tr:hover td{background:var(--row-hover)}.log-table .actions{flex-wrap:wrap;gap:.5rem;display:flex}.log-table .actions button{min-height:36px;padding:.25rem .5rem;font-size:.8rem}.help-content h3{margin-top:1.5rem}.app-version{color:var(--text-muted);margin-top:-.5rem;font-size:.85rem}.help-content kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;font-family:monospace}.error-banner{border:1px solid var(--danger);color:var(--danger);background:#f8717126;border-radius:8px;padding:.75rem}.drop-zone{border:2px dashed var(--border);text-align:center;color:var(--text-muted);cursor:pointer;border-radius:12px;padding:2rem}.drop-zone.drag-over{border-color:var(--accent);background:#4ade800d}.supporting-text{color:var(--text-muted);font-size:.85rem}.import-preview{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin-top:1rem;padding:1rem}.import-preview h3{overflow-wrap:anywhere;margin:0 0 .75rem;font-size:1rem}.import-counts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.import-counts li{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:.5rem}.import-counts strong{color:var(--text)}.import-details{margin-top:.75rem}.import-details summary{min-height:var(--tap-min);color:var(--text-muted);cursor:pointer;align-items:center;display:flex}.import-details ul{margin:.25rem 0 0;padding-left:1.25rem}.backup-settings{margin-top:1rem}.backup-settings summary{min-height:var(--tap-min);color:var(--text-muted);cursor:pointer;align-items:center;font-weight:600;display:flex}.backup-settings[open] summary{margin-bottom:.5rem}.more-fields summary{min-height:var(--tap-min);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-top:.75rem;font-size:.9rem;display:flex}.more-fields[open] summary{margin-bottom:.75rem}@media (width<=600px),(height<=500px){.app{gap:.5rem;padding:.5rem}.app-header{gap:.5rem;padding:.5rem .75rem}.panel{padding:.75rem}.panel h2{margin-bottom:.5rem;font-size:1rem}.form-grid{gap:.5rem}.btn-row{gap:.5rem;margin-top:.6rem}.error-banner{padding:.5rem .75rem;font-size:.9rem}.backup-reminder{flex-direction:column;align-items:stretch}.backup-reminder-actions .btn{flex:auto}.nav-tab{padding:.5rem .75rem}}@media (width<=600px){.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-field-wide{grid-column:1/-1}.log-table{font-size:.85rem}.log-table th,.log-table td,.th-sort{padding:.4rem .5rem}.log-table .actions button{padding:.25rem .4rem}}