:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#101820;--muted:#5d6875;--line:#d8dee7;--paper:#f7f7f4;--white:#fff;--blue:#1687f7;--blue-dark:#0b54c4;--yellow:#ffc928;--yellow-dark:#f7941d;--navy:#111936;--field:#1687f7;--signal:#ffc928;--danger:#b42318}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{touch-action:manipulation}.shell{flex-direction:column;gap:16px;width:min(100%,760px);min-height:100vh;margin:0 auto;padding:18px;display:flex}.unlockShell{justify-content:center}.unlockPanel{border:1px solid var(--line);background:var(--white);border-radius:8px;gap:16px;padding:24px;display:grid}.unlockLogo{justify-self:center;width:min(230px,68vw);height:auto}.unlockPanel form{gap:10px;display:grid}.unlockPanel label{color:var(--muted);font-weight:900}.unlockPanel input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:56px;padding:0 14px;font-size:1.2rem}.unlockPanel button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:60px;font-size:1.2rem;font-weight:900}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.brandLogo{width:min(220px,58vw);height:auto;margin-bottom:8px;display:block}.eyebrow{color:var(--yellow-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:800}h1{letter-spacing:0;max-width:480px;margin:0;font-size:2.5rem;line-height:.98}.status{border:1px solid var(--line);background:var(--white);min-width:104px;color:var(--muted);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.status span{background:#3fa36b;border-radius:999px;flex:0 0 9px;width:9px;height:9px}.status[data-state=recording] span{background:var(--danger);animation:1s infinite pulse}.status[data-state=processing] span{background:var(--signal)}.actions{grid-template-columns:1fr;gap:12px;display:grid}.recordButton{width:100%;min-height:156px;color:var(--white);cursor:pointer;letter-spacing:0;text-align:left;border:0;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;font-weight:900;display:flex;box-shadow:0 12px 30px #10182024}.recordButton>span{opacity:.78;text-transform:uppercase;margin-bottom:12px;font-size:1rem;font-weight:800}.recordButtonMain{align-items:center;gap:16px;width:100%;display:flex}.recordButtonMain strong{min-width:0;font-size:1.85rem;line-height:1}.recordIcon{background:#ffffff38;border-radius:999px;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff47}.recordButton.english{background:linear-gradient(135deg, var(--blue), var(--blue-dark))}.recordButton.spanish{background:linear-gradient(135deg, var(--yellow), var(--yellow-dark));color:var(--navy)}.recordButton:disabled:not(.isRecording){cursor:wait;opacity:.58}.recordButton.isRecording{cursor:wait;box-shadow:0 0 0 4px #b423182e,0 12px 30px #10182024}.recordButton.isRecording .recordIcon{background:var(--danger);color:#fff;animation:1s infinite pulse}.stopButton{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:76px;font-size:1.35rem;font-weight:900;display:inline-flex}.error{color:var(--danger);background:#b4231814;border:1px solid #b4231840;border-radius:8px;margin:0;padding:14px 16px;font-weight:800}.result,.emptyState,.history{border:1px solid var(--line);background:var(--white);border-radius:8px}.emptyState{padding:22px}.emptyState h2,.message h2{letter-spacing:0;margin:0 0 10px;font-size:1.1rem}.emptyState p,.message p{color:var(--muted);margin:0;font-size:1.06rem;line-height:1.45}.result{overflow:hidden}.resultHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.resultHeader p{color:var(--muted);margin:0;font-weight:900}.resultHeader time{color:var(--muted);margin-top:4px;font-size:.86rem;font-weight:800;display:block}.iconButton{border:1px solid var(--line);background:var(--paper);width:52px;min-width:52px;min-height:52px;color:var(--danger);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.iconButton:active{transform:translateY(1px)}.message{padding:18px 16px}.message.translated p{color:var(--ink);font-size:1.35rem;font-weight:800}.message.transcript{border-top:1px solid var(--line);background:#fbfbfa}.player{border-top:1px solid var(--line);background:#eef5f2;gap:10px;padding:16px;display:grid}.player audio{width:100%}.history{overflow:hidden}.historyHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 16px;display:flex}.historyHeader h2{margin:0;font-size:1.45rem}.historyHeader button{border:1px solid var(--line);background:var(--paper);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 14px;font-weight:900}.refreshButton,.countBadge{border:1px solid var(--line);background:var(--white);min-height:52px;color:var(--ink);border-radius:8px;padding:0 14px;font-weight:900}.refreshButton{cursor:pointer;font-size:1.1rem}.countBadge{align-items:center;display:inline-flex}.historyEmpty{color:var(--muted);margin:0;padding:22px 16px;font-size:1.08rem;font-weight:800}.historyList{margin:0;padding:0;list-style:none}.historyList li{border-top:1px solid var(--line);padding:18px 16px}.historyList li:first-child{border-top:0}.historyMeta{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;font-size:1rem;display:flex}.historyMeta strong{color:var(--ink);font-size:1.08rem}.historyTranslation{color:var(--ink);white-space:pre-wrap;margin:0;font-size:1.2rem;font-weight:800;line-height:1.42}.history details{margin-top:10px}.history summary{color:var(--field);cursor:pointer;font-size:1.02rem;font-weight:900}.history details p{color:var(--muted);margin:8px 0 0;line-height:1.4}.managerSection{border-top:8px solid var(--paper)}.managerHeader,.managerSubhead{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px;display:flex}.managerHeader{border-bottom:1px solid var(--line);background:#f9fbff}.managerHeader h3{color:var(--navy);margin:0;font-size:1.8rem;line-height:1}.managerHeader span,.managerSubhead span{color:var(--muted);font-weight:900}.managerSubhead{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfbfa}.managerSubhead strong{font-size:1.18rem}.managerEmpty{color:var(--muted);margin:0;padding:18px 16px;font-weight:800}.loginHistory{border-top:1px solid var(--line);background:#fbfbfa}.loginSuccess,.loginFailure,.loginDetail{margin:0;line-height:1.4}.loginSuccess,.loginFailure{font-size:1.12rem;font-weight:900}.loginSuccess{color:#247a45}.loginFailure{color:var(--danger)}.loginDetail{color:var(--muted);margin-top:6px;font-size:.92rem}@keyframes pulse{50%{opacity:.35}}@media (min-width:680px){.shell{padding:32px}.actions{grid-template-columns:1fr 1fr}}@media (max-width:520px){.topbar{flex-direction:column}.status{width:100%}h1{font-size:2.1rem}}