:root{--primary: #2196F3;--primary-hover: #42A5F5;--success: #4CAF50;--success-light: #C8E6C9;--warning: #F59E0B;--danger: #F44336;--danger-light: #EF9A9A;--accent: #BBDEFB;--neutral: #E0E0E0;--background: #ECEFF1;--background-light: #FFFFFF;--text: #333333;--text-muted: #666666;--border: #CCCCCC;--shadow: rgba(0, 0, 0, .1);--font-family: "Open Sans", sans-serif;--font-size-large: 18px;--font-size-base: 14px;--font-size-small: 12px;--font-size-tiny: 10px;--font-weight-bold: 700;--spacing-sm: 5px;--spacing-md: 10px;--spacing-lg: 20px;--spacing-xl: 40px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-pill: 20px;--input-height: 34px;--button-height: 34px;--s-meter-height: 10px;--box-shadow: 0 1px 3px var(--shadow)}body{margin:0;font-family:var(--font-family);background:var(--background);height:100vh;display:flex;flex-direction:column}.header{background:var(--background-light);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.header span{color:var(--text);font-size:var(--font-size-base)}.header .btn-donate{background:var(--success);color:var(--background-light);border:none;padding:5px 15px;border-radius:var(--border-radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:none;margin-right:var(--spacing-sm)}.header .btn-donate:hover{background:var(--success-light)}.header .status-dot{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%;margin-left:var(--spacing-sm)}.header .settings-toggle{cursor:pointer;color:var(--text-muted);font-size:18px}.header .callsign{font-weight:var(--font-weight-bold);margin-right:var(--spacing-md);font-size:var(--font-size-large);text-transform:uppercase;color:var(--text)}.settings-toggle{cursor:pointer;padding:var(--spacing-sm);color:var(--text-muted)}@media (min-width: 1200px){.settings-toggle{margin-left:var(--spacing-xl)}}.settings-label{display:none}.settings-panel{--settings-width: min(300px, 100vw - 40px);position:fixed;right:calc(-1 * var(--settings-width));top:0;width:var(--settings-width);height:100%;background:var(--background-light);padding:var(--spacing-md);box-shadow:-2px 0 5px var(--shadow);transition:right .3s ease;z-index:10;box-sizing:border-box}.settings-panel.open{right:0}.settings-panel label{display:block;margin:var(--spacing-md) 0;color:var(--text);font-size:var(--font-size-base)}.settings-panel input,.settings-panel select{width:100%;padding:5px;border:2px solid var(--border);border-radius:var(--border-radius-sm);box-sizing:border-box;background:var(--background-light);color:var(--text);font-size:var(--font-size-base)}.settings-panel input.error,.settings-panel select.error{border-color:var(--danger)}.settings-panel h3{text-transform:uppercase;font-size:var(--font-size-small);color:var(--text-muted);margin:var(--spacing-xl) 0 var(--spacing-sm)}.btn-close{cursor:pointer;position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md);color:var(--text);background:var(--primary);border-radius:var(--border-radius-md);border:none}.packet-log{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;justify-content:end;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;gap:var(--spacing-md)}.bubble{max-width:70%;padding:8px 12px;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);color:var(--text);box-shadow:var(--box-shadow);background:var(--neutral)}.bubble.rx{align-self:flex-start}.bubble.tx{background:var(--accent);align-self:flex-end}.bubble.attn{background:var(--success-light)}.bubble .status{font-size:var(--font-size-small);margin-left:var(--spacing-sm)}.input-bar{background:var(--background-light);padding:var(--spacing-md);border-top:1px solid var(--border);display:flex;align-items:stretch;gap:var(--spacing-sm)}.dest-select-container{display:inline-flex;align-items:stretch;border:2px solid var(--border);border-radius:var(--border-radius-md);gap:var(--spacing-sm)}.dest-select-container .dest-label{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;font-size:var(--font-size-base);color:var(--text-muted);border-right:1px solid var(--border)}.dest-label abbr{cursor:help;text-decoration:none}.dest-select-container input.dest-field{border:none;flex:1;font-size:var(--font-size-base);color:var(--text);background:transparent}.data-field{flex:1;padding:8px;border:2px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);color:var(--text);background:var(--background-light);height:var(--input-height)}.data-field:focus{border-color:var(--primary);outline:none}.send-btn{background:var(--primary);color:var(--background-light);border:none;padding:0 20px;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer}.send-btn:hover{background:var(--primary-hover)}@media (prefers-color-scheme: dark){:root{--primary: #42A5F5;--primary-hover: #64B5F6;--success: #66BB6A;--success-light: #2E7D32;--accent: #1976D2;--neutral: #424242;--background: #212121;--background-light: #303030;--text: #E0E0E0;--text-muted: #B0BEC5;--border: #616161;--shadow: rgba(0, 0, 0, .3)}}