:root{color-scheme:light;--ink:#17212b;--muted:#778391;--line:#dfe5e8;--paper:#f7f9f8;--panel:#fff;--accent:#167f78;--accent-dark:#0c625d;--warm:#e7b968;--shadow:0 18px 50px #16202b0d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;transition:.18s ease}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.43}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;padding:28px 18px 24px;background:#101820;color:#dce7e7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #70bdb5;border-radius:12px;color:#8dd1c9;font-size:21px}.brand strong,.brand span{display:block}.brand strong{font-size:16px;letter-spacing:.01em}.brand span{color:#8da0a5;font-size:12px;margin-top:2px}.side-nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#a9b9bc;text-align:left;padding:12px 13px;display:flex;gap:12px;align-items:center;border-radius:10px}.nav-item span{width:18px;text-align:center;color:#8da0a5}.nav-item:hover{background:#1c2a32;color:#fff}.nav-item.active{background:#23454a;color:#fff}.nav-item.active span{color:#7dd2c8}.sidebar-note{margin-top:auto;border-top:1px solid #28363c;padding:18px 11px 0;color:#7e9195;font-size:12px}.main-content{flex:1;max-width:1250px;margin:0 auto;padding:36px 48px 70px;width:100%}.view{display:none;animation:appear .22s ease}.view.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.page-header h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:5px 0 8px}.page-header p:not(.eyebrow){color:var(--muted);margin:0}.eyebrow{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em;margin:0}.profile-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:#49a79b}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.settings-strip{display:flex;gap:13px;align-items:end;padding:13px 14px;margin-bottom:20px}.settings-strip label,.settings-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.settings-strip select{min-width:135px}.settings-strip select,.settings-form input[type=text],select,textarea{border:1px solid var(--line);border-radius:8px;background:#fbfcfc;color:var(--ink);padding:9px 10px;outline:none}.settings-strip select:focus,.settings-form input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #167f7819}.settings-summary{margin-left:auto;display:grid;text-align:right;gap:2px}.settings-summary strong{font-size:12px}.settings-summary span,.muted{color:var(--muted);font-size:12px}.listening-card,.answer-card{padding:22px;margin-bottom:20px}.card-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.card-heading h2{font-size:20px;margin:0 0 4px}.progress-label{color:var(--accent);font-size:13px;white-space:nowrap}.listening-window{min-height:190px;margin:18px 0 15px;border-radius:14px;border:1px solid #b8d9d4;background:linear-gradient(135deg,#eff8f6,#f7fbfa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}.listening-window.is-playing{background:linear-gradient(135deg,#e3f4f0,#f3fbf9)}.listening-window strong{color:#66807f;font-size:15px}.bars{display:flex;gap:5px;align-items:center;height:38px}.bars i{width:5px;height:21px;border-radius:8px;background:#5ab4a9;opacity:.65;transform-origin:center}.is-playing .bars i{animation:pulse .7s ease-in-out infinite alternate}.bars i:nth-child(2n){animation-delay:.15s}.bars i:nth-child(3n){animation-delay:.28s}@keyframes pulse{to{height:38px;opacity:1}}.controls{display:flex;gap:9px;flex-wrap:wrap}.controls button,.answer-actions button{padding:9px 13px}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750}.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.shortcut-hint{color:var(--muted);font-size:11px;margin:12px 0 0}.answer-card textarea{display:block;width:100%;resize:vertical;margin:18px 0 12px;min-height:120px;font:20px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.answer-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.answer-message{color:var(--muted);font-size:13px}.result{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:var(--muted)}.result strong{color:var(--ink);display:block;margin-bottom:3px}.alphabet-grid{padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.morse-cell{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfc}.morse-cell strong{font-size:22px;display:block}.morse-cell code{font-size:17px;color:var(--accent);letter-spacing:.12em}.settings-form{max-width:780px;padding:24px}.setting-section{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line);display:grid;gap:13px}.setting-section:last-child{border:0;margin:0;padding:0}.setting-section h2{font-size:17px;margin:0 0 3px}.setting-section label:not(.toggle-row){grid-template-columns:1fr auto}.setting-section label input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.setting-section output{font-weight:700;color:var(--ink)}.toggle-row{display:flex;justify-content:space-between;align-items:center;color:var(--ink)!important;font-weight:500!important}.toggle-row input{accent-color:var(--accent);width:19px;height:19px}.toast{position:fixed;bottom:25px;right:25px;background:#101820;color:#fff;padding:10px 14px;border-radius:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:850px){.sidebar{width:220px}.main-content{padding:28px 25px}.settings-strip{flex-wrap:wrap}.settings-summary{margin-left:0;text-align:left;width:100%}}@media(max-width:620px){.app-shell{display:block;padding-bottom:74px}.sidebar{position:fixed;z-index:10;bottom:0;left:0;right:0;width:100%;height:67px;padding:5px 8px;background:#101820}.brand,.sidebar-note{display:none}.side-nav{display:flex;justify-content:space-around;gap:2px}.nav-item{height:57px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 9px;font-size:10px;text-align:center}.nav-item span{height:18px}.main-content{padding:24px 14px 30px}.page-header{display:block}.profile-pill{display:inline-flex;margin-top:15px}.page-header h1{font-size:30px}.settings-strip{display:grid;grid-template-columns:1fr 1fr}.settings-strip label:first-child{grid-column:1/-1}.settings-strip select{min-width:0;width:100%}.listening-card,.answer-card{padding:16px}.controls{display:grid;grid-template-columns:1fr 1fr}.controls button:first-child{grid-column:1/-1}.controls button{padding:10px 8px}.controls button span{font-size:12px}.alphabet-grid{grid-template-columns:repeat(2,1fr);padding:11px}.setting-section label:not(.toggle-row){grid-template-columns:1fr auto}}
.sending-card{padding:22px;display:flex;justify-content:center;align-items:center;overflow:hidden}.sending-design{display:block;width:100%;max-width:100%;height:auto;border-radius:12px}
.theme-selector{padding:18px 20px;margin-bottom:20px}.theme-selector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.theme-selector-heading h2{font-size:18px;margin:3px 0}.theme-select-all{padding:8px 12px;color:var(--accent-dark);font-weight:750;white-space:nowrap}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.theme-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fbfcfc;color:var(--ink);cursor:pointer}.theme-option:hover{border-color:#9ccfc8;background:#f5fbfa}.theme-option input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--accent)}.theme-option-icon{font-size:1.25rem}.theme-option strong,.theme-option small{display:block}.theme-option strong{font-size:.86rem}.theme-option small{margin-top:2px;color:var(--muted);font-size:.7rem}.theme-selection-message{margin:12px 0 0;color:var(--muted);font-size:.75rem}.theme-progress-section{margin-top:1rem}.theme-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.theme-progress-card{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:.8rem;background:#fbfcfc}.theme-progress-icon{display:grid;place-items:center;width:2.15rem;height:2.15rem;flex:0 0 auto;border-radius:.7rem;background:#fff6df;font-size:1.15rem}.theme-progress-copy{min-width:0;flex:1}.theme-progress-title{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.theme-progress-title strong{font-size:.85rem}.theme-progress-title span{color:var(--accent-dark);font-size:.75rem;font-weight:750;white-space:nowrap}.theme-progress-card small{display:block;margin-top:.35rem;color:var(--muted);font-size:.7rem}@media(max-width:850px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.theme-selector{padding:15px}.theme-selector-heading{display:block}.theme-select-all{margin-top:10px}.theme-options,.theme-progress-grid{grid-template-columns:1fr}.theme-option{padding:11px}}
.brand-mark{overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}