:root{font-family:system-ui,sans-serif;color:#17212b;background:#eef2f5}*{box-sizing:border-box}body{margin:0}header,main{max-width:760px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:1.5rem}h2{font-size:1.15rem}.login{display:grid;min-height:100vh;place-items:center}.login main,.recorder,.item{background:#fff;border-radius:16px;box-shadow:0 4px 18px #0001}.login main{width:min(92vw,380px)}label{display:block;margin:14px 0}input{display:block;width:100%;padding:12px;margin-top:5px;border:1px solid #bbc5cf;border-radius:8px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}button{border:0;border-radius:10px;padding:12px 18px;background:#1769e0;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#5d6873}.recorder{text-align:center;padding:28px}.record{background:#cc2431;font-size:1.1rem}#timer{font:700 2.4rem ui-monospace,monospace;margin-bottom:20px}.item{padding:16px;margin:12px 0}.meta{color:#64717d;font-size:.85rem}.transcript{white-space:pre-wrap;margin-top:10px}.error{color:#a01822}#status{min-height:1.5em}@media(max-width:500px){button{padding:12px}.recorder{padding:22px 12px}}
:root{color:#18383f;background:#f3f6f5}body{line-height:1.5}main{width:100%;min-width:0}header{gap:16px}h1{line-height:1.2}.eyebrow{color:#356d65;letter-spacing:.14em;font-size:.72rem;font-weight:800}.recorder h2{font-size:1.4rem;margin-bottom:4px}.recorder>p:not(.eyebrow){color:#536b70}.record{background:#b83542}button{min-height:44px;font:inherit;font-weight:700}button:focus-visible,input:focus-visible{outline:3px solid #379a86;outline-offset:3px}button:not(.record):not(.quiet){background:#176858}.quiet{background:#42646c}.file-upload{border-top:1px solid #dde8e4;margin-top:24px;padding-top:6px}.file-upload label{font-size:.9rem}.file-upload input{max-width:100%;font-size:1rem;background:#f7faf9;border-color:#cbdad5}.item{overflow-wrap:anywhere}.item audio{display:block;width:100%;max-width:100%;margin:12px 0}.transcript{font-size:1rem;line-height:1.65}.copy{margin-top:14px;font-size:.85rem}.empty{color:#536b70;text-align:center;padding:16px}.login main{padding:28px}.login input{font-size:16px}.login .eyebrow{margin-top:0}.login button{width:100%}#status{overflow-wrap:anywhere}@media(max-width:400px){header,main{padding:16px}header h1{font-size:1.25rem}.recorder h2{font-size:1.2rem}.recorder>button{display:block;width:100%;margin:8px 0}.login main{padding:22px}}
.install-panel{margin:0 0 20px;text-align:center}.install-panel[hidden]{display:none}.install-panel p{font-size:.9rem;color:#536b70;overflow-wrap:anywhere;max-width:540px;margin:12px auto}.login .install-panel{margin:20px 0 0;padding-top:20px;border-top:1px solid #dde8e4}

[hidden]{display:none!important}.account-info{font-size:.9rem;color:#536b70;overflow-wrap:anywhere}#request-fields{text-align:left;display:grid;grid-template-columns:1fr 2fr;gap:14px;margin:20px 0}#request-fields label{margin:0}select{display:block;width:100%;padding:12px;margin-top:5px;border:1px solid #bbc5cf;border-radius:8px;font:inherit;background:white}input{font-size:16px;min-width:0}select:focus-visible{outline:3px solid #379a86;outline-offset:3px}#team-section{margin:28px 0;padding:20px;border:1px solid #d2e1dc;border-radius:14px;background:#fff}#team-section summary{min-height:44px;cursor:pointer;font-weight:700}#user-form{max-width:520px}#team-list{min-width:0}.user-password{max-width:420px}.request-meta{font-size:.9rem;color:#356d65;margin-top:8px}.item h3{font-size:1.1rem;margin:8px 0}.item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.item-actions:empty{display:none}@media(max-width:500px){#request-fields{grid-template-columns:1fr}#team-section{padding:14px}}