:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f7f9fc;--text:#142033;--muted:#697386;--line:#e2e7ef;--primary:#155eef;--primary2:#3b7cff;--accent:#eebd42;--danger:#c93647;--shadow:0 10px 30px rgba(26,45,77,.08);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg)}html[data-theme=dark]{--bg:#07111f;--surface:#0d1929;--surface2:#111f32;--text:#f5f7fb;--muted:#9ca9bc;--line:#223149;--primary:#f0bd43;--primary2:#ffd66f;--accent:#f0bd43;--danger:#ff7584;--shadow:0 14px 35px rgba(0,0,0,.22)}body{margin:0;min-height:100vh}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--surface);border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand div:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px}.brand span{font-size:13px;color:var(--muted)}.crest{width:46px;height:52px;border-radius:10px 10px 22px 22px;background:#0e2343;color:#f2bd3f;border:2px solid #f2bd3f;display:grid!important;place-items:center;font-weight:800}.side-nav{display:grid;gap:7px}.side-nav button,.bottom-nav button{border:0;background:transparent;color:var(--muted);cursor:pointer}.nav-btn{padding:13px 14px;border-radius:12px;text-align:left;font:inherit;font-weight:600;display:flex;gap:13px;align-items:center}.nav-btn span{font-size:22px;width:24px;text-align:center}.nav-btn:hover,.nav-btn.active{background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary)}.privacy{margin-top:auto;border:1px solid var(--line);background:var(--surface2);padding:12px;border-radius:14px;display:flex;gap:9px;align-items:center}.privacy>span{color:#21a56b}.privacy div{display:flex;flex-direction:column}.privacy strong{font-size:12px}.privacy small{color:var(--muted);font-size:10px}main{margin-left:245px;min-height:100vh}.topbar{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);position:sticky;top:0;z-index:12;backdrop-filter:blur(15px)}.top-title{display:flex;flex-direction:column}.top-title span{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:20px;cursor:pointer}.menu{display:none}.status-chip{padding:8px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:12px}.status-chip.ok{color:#178857;background:#e9f8f1;border-color:#bde8d4}.page{display:none;max-width:1250px;margin:auto;padding:44px 5vw 110px}.page.active{display:block}.welcome{border-radius:26px;padding:34px 38px;color:#fff;background:linear-gradient(125deg,#0e284d,#155eef);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:20px}.welcome .eyebrow{color:#bcd0ff}.welcome h1{font-size:clamp(28px,4vw,42px);margin:4px 0}.welcome p{margin:0;color:#dce6ff}.welcome-mark{font-size:80px;color:#f4c34e}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--primary);font-weight:800;margin:0 0 7px}.home-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.record-card,.courses-card,.quick-card,.ai-banner,.settings-grid>article,.report-builder,.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card-heading,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-heading h2,.quick-card h2,.settings-grid h2{font-size:18px;margin:0 0 4px}.card-heading p,.section-head p{color:var(--muted);margin:0}.wave-mini{font-size:24px;color:var(--primary)}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field span,.search-panel label{font-size:12px;color:var(--muted);font-weight:700}input,select,textarea{width:100%;background:var(--surface2);border:1px solid var(--line);color:var(--text);padding:12px 13px;border-radius:11px;font:inherit}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--primary) 18%,transparent);border-color:var(--primary)}.recorder{display:flex;align-items:center;justify-content:center;gap:22px;margin:16px 0 8px}.wave{color:color-mix(in srgb,var(--primary) 58%,var(--surface));letter-spacing:3px;font-size:18px}.mic{width:90px;height:90px;border-radius:50%;border:8px solid color-mix(in srgb,var(--primary) 15%,transparent);outline:2px solid var(--primary);background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;font-size:32px;box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 30%,transparent);cursor:pointer;transition:.2s}.mic:hover{transform:scale(1.03)}.mic.recording{animation:pulse 1.4s infinite;background:#d8394f;outline-color:#d8394f}@keyframes pulse{50%{box-shadow:0 0 0 18px rgba(216,57,79,0)}}.record-label,.timer{display:block;text-align:center}.record-label{color:var(--primary)}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;margin-top:4px}.draft-tools{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:18px;align-items:center}.draft-tools audio{width:100%}.hidden{display:none!important}.course-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:19px}.course-tile{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:14px;min-width:0}.course-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;margin-bottom:8px}.course-tile strong,.course-tile span,.course-tile small{display:block}.course-tile span,.course-tile small{color:var(--muted)}.course-tile small{font-size:11px;margin-top:8px}.empty-state{grid-column:1/-1;text-align:center;padding:25px;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.quick-card{margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid button{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:17px 10px;display:flex;flex-direction:column;gap:5px;align-items:center;cursor:pointer}.quick-grid span{font-size:26px;color:var(--primary)}.quick-grid small{color:var(--muted)}.ai-banner{margin-top:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));display:flex;align-items:center;gap:18px}.ai-banner .books{font-size:24px;color:var(--primary)}.ai-banner p{margin:3px 0;color:var(--muted)}.ai-banner button{margin-left:auto}.btn{border:0;border-radius:11px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.primary{background:var(--primary);color:var(--bg)}html[data-theme=light] .primary{color:#fff}.secondary{background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line))}.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.danger{color:var(--danger)}.link-btn{border:0;background:transparent;color:var(--primary);cursor:pointer;font-weight:700}.section-head{margin-bottom:25px}.section-head h1{font-size:clamp(28px,4vw,40px);margin:0 0 5px}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:18px}.record-list{display:grid;gap:13px}.record-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--record-color,var(--primary));border-radius:16px;padding:19px;box-shadow:var(--shadow)}.record-top{display:flex;justify-content:space-between;gap:15px}.record-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.record-meta strong{font-size:17px}.tag{padding:5px 8px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:11px}.record-actions{display:flex;gap:7px}.record-actions button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:9px;padding:7px 9px;cursor:pointer}.record-excerpt{color:var(--muted);line-height:1.5;margin:13px 0}.record-details{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:13px}.record-details h4{margin:0 0 4px}.record-details p{white-space:pre-wrap;margin:0;color:var(--muted);line-height:1.55}.record-details audio{width:100%}.search-panel{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:18px}.search-panel label{display:flex;flex-direction:column;gap:5px}.muted{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid>article:nth-child(2){grid-column:span 2}.inline-form{display:grid;grid-template-columns:1fr 1fr 54px auto;gap:8px;margin:15px 0}.admin-list{display:grid;gap:8px}.admin-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface2);border-radius:12px}.admin-row i{width:10px;height:36px;border-radius:8px}.admin-row div{flex:1}.admin-row span{display:block;color:var(--muted);font-size:12px}.admin-row button{border:0;background:transparent;color:var(--danger);cursor:pointer}.notice{padding:12px 14px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;color:var(--muted);margin:12px 0}.notice.ok{color:#168356;border-color:#38a978}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.file-btn input{display:none}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.check-list li{padding:9px;background:var(--surface2);border-radius:10px}.check-list .yes:before{content:'✓ ';color:#19a06a;font-weight:800}.check-list .no:before{content:'! ';color:var(--danger);font-weight:800}.form-row{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.report-output{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:18px;line-height:1.6;min-height:220px}.report-output.empty{display:grid;place-items:center;color:var(--muted)}.report-output h2,.report-output h3{margin-bottom:4px}.report-output p{white-space:pre-wrap}.bottom-nav{display:none}dialog{width:min(820px,94vw);max-height:92vh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 25px 70px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(3,10,22,.6);backdrop-filter:blur(3px)}.dialog-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-body{padding:22px 24px;overflow:auto}.dialog-body audio{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:380px;background:#142033;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar.open:after{content:'';position:fixed;inset:0 0 0 245px;background:rgba(0,0,0,.35);width:100vw}main{margin-left:0}.menu{display:block}.home-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid>article:nth-child(2){grid-column:auto}.search-panel{grid-template-columns:1fr 1fr}.search-panel>input:first-child{grid-column:span 2}.filterbar{grid-template-columns:1fr 1fr}.filterbar>input:first-child{grid-column:span 2}.draft-tools{grid-template-columns:1fr 1fr}.draft-tools audio{grid-column:span 2}.form-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{height:64px;padding:0 15px}.top-title{display:none}.status-chip{display:none}.page{padding:24px 14px 100px}.welcome{padding:24px 20px}.welcome-mark{font-size:45px}.record-card,.courses-card,.quick-card,.ai-banner,.settings-grid>article,.report-builder,.search-panel{padding:18px;border-radius:17px}.quick-grid{grid-template-columns:repeat(2,1fr)}.course-strip{display:flex;overflow-x:auto}.course-tile{min-width:145px}.wave{font-size:12px;letter-spacing:1px}.mic{width:78px;height:78px}.section-head{align-items:flex-end}.section-head>.btn{padding:10px}.filterbar,.search-panel,.form-row,.inline-form{grid-template-columns:1fr}.filterbar>input:first-child,.search-panel>input:first-child{grid-column:auto}.record-top{flex-direction:column}.record-actions{align-self:flex-end}.bottom-nav{position:fixed;z-index:18;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:74px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(15px)}.bottom-nav button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav span{font-size:21px}.bottom-nav .active{color:var(--primary)}.bottom-nav .center-add{width:58px;height:58px;border-radius:50%;justify-self:center;transform:translateY(-17px);font-size:34px;background:var(--primary);color:var(--bg);box-shadow:0 7px 22px color-mix(in srgb,var(--primary) 35%,transparent)}.ai-banner{align-items:flex-start;flex-wrap:wrap}.ai-banner button{margin-left:0}.dialog-body,.dialog-head{padding:17px}.dialog-actions{position:sticky;bottom:0;background:var(--surface);padding-top:10px}}
@media print{.sidebar,.topbar,.bottom-nav,.section-head,.report-builder>.form-row,#reportActions{display:none!important}main{margin:0}.page{display:none!important;padding:0}.page#reports{display:block!important}.report-builder{border:0;box-shadow:none}.report-output{border:0;background:#fff;color:#000}}
.transcription-status{grid-column:1/-1;min-height:20px;color:var(--muted);font-size:13px}.transcription-status.working{color:var(--primary);font-weight:700}.transcription-status.error{color:var(--danger)}.transcription-status.ok{color:#178857}.filter-summary{margin:-8px 2px 14px;color:var(--muted);font-size:13px;font-weight:700}.report-check{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:10px;background:var(--surface2);color:var(--primary);font-size:12px;font-weight:800;cursor:pointer}.report-check input{width:auto;margin:0}.record-item.selected-for-report{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent),var(--shadow)}.report-selection{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--muted)}.report-selection strong{color:var(--text)}.report-selection ol{margin:9px 0 0;padding-left:22px}.report-editor textarea{min-height:360px;background:var(--surface);font-family:"Segoe UI",system-ui,sans-serif;line-height:1.55}

/* Diseño final inspirado en las referencias oficiales, sin añadir funciones. */
:root{--bg:#f4f6fa;--surface:#fff;--surface2:#f5f7fb;--text:#111c2d;--muted:#6d7788;--line:#e4e8ef;--primary:#2463e8;--primary2:#3978f5;--accent:#e7b83d;--shadow:0 8px 24px rgba(22,38,67,.07);--radius:18px}
html[data-theme=dark]{--bg:#07111f;--surface:#0b1626;--surface2:#101c2e;--text:#f7f8fb;--muted:#9aa6b8;--line:#1e2b40;--primary:#f1bd45;--primary2:#ffd56c;--accent:#f1bd45;--shadow:0 12px 28px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 75% -10%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 32%),var(--bg)}
.sidebar{width:250px;padding:28px 20px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:6px 0 30px rgba(16,30,52,.025)}
main{margin-left:250px}.page{max-width:1220px}.topbar{padding-inline:clamp(24px,5vw,72px)}
.welcome{min-height:158px;padding:30px 36px;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow);justify-content:flex-start;gap:25px}
.welcome .eyebrow{color:var(--primary)}.welcome h1{font-size:clamp(28px,3.4vw,40px);margin:3px 0 5px}.welcome p{color:var(--muted)}
.welcome-mark{flex:0 0 auto;width:70px;height:80px;border-radius:14px 14px 34px 34px;display:grid;place-items:center;background:#0d213e;color:#f3bf42;border:3px solid #f3bf42;font-size:22px;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 22px rgba(8,26,53,.18)}
.record-card,.courses-card,.quick-card,.recent-card,.ai-banner,.settings-grid>article,.report-builder,.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.record-card{position:relative;overflow:hidden}.record-card:after{content:'';position:absolute;inset:auto -55px -80px auto;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--primary) 5%,transparent);pointer-events:none}
.record-card .field{max-width:360px;margin-inline:auto}.recorder{margin:22px 0 10px}.wave{font-size:19px;color:color-mix(in srgb,var(--primary) 58%,var(--surface));opacity:.8}
.mic{position:relative;flex:0 0 112px;width:112px;height:112px;border:9px solid color-mix(in srgb,var(--primary) 13%,var(--surface));outline:2px solid color-mix(in srgb,var(--primary) 74%,var(--surface));background:linear-gradient(145deg,var(--primary2),var(--primary));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 32%,transparent)}
.mic-icon{position:absolute;left:50%;top:45%;width:24px;height:38px;border:4px solid currentColor;border-radius:14px;transform:translate(-50%,-50%)}
.mic-icon:before{content:'';position:absolute;left:50%;top:26px;width:40px;height:24px;border:4px solid currentColor;border-top:0;border-radius:0 0 23px 23px;transform:translateX(-50%)}
.mic-icon:after{content:'';position:absolute;left:50%;top:49px;width:4px;height:14px;background:currentColor;border-radius:4px;transform:translateX(-50%);box-shadow:-10px 12px 0 -1px currentColor,10px 12px 0 -1px currentColor}
.mic.recording{background:linear-gradient(145deg,#ee5264,#c92f45);outline-color:#f06475;animation:pulse 1.15s infinite}.record-label{font-size:15px;font-weight:800}.timer{font-size:14px}.transcription-status{padding:8px 10px;border-radius:10px;background:var(--surface2)}.transcription-status:empty{display:none}.transcription-status.working{background:color-mix(in srgb,var(--primary) 10%,var(--surface));animation:statusGlow 1.4s ease-in-out infinite alternate}@keyframes statusGlow{to{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}}
.course-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-tile{position:relative;overflow:hidden;padding:16px;border-radius:15px}.course-tile:after{content:'';position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:4px;background:color-mix(in srgb,var(--primary) 65%,transparent)}.course-icon{width:42px;height:42px;font-size:20px}.course-tile strong{font-size:16px}.course-tile small{padding-bottom:7px}
.recent-card{margin-top:20px}.recent-list{display:grid;gap:9px;margin-top:16px}.recent-item{display:grid;grid-template-columns:5px 1fr auto;gap:13px;align-items:center;width:100%;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer}.recent-item:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));transform:translateY(-1px)}.recent-item i{height:100%;min-height:48px;border-radius:5px;background:var(--record-color)}.recent-item span{display:grid;gap:2px}.recent-item small,.recent-item em{color:var(--muted);font-size:12px;font-style:normal}.recent-item b{font-size:25px;color:var(--primary)}
.quick-grid button{transition:.18s}.quick-grid button:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));transform:translateY(-2px)}.quick-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:24px}
.ai-banner{background:linear-gradient(110deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.ai-banner .books{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:color-mix(in srgb,var(--primary) 11%,var(--surface))}
.record-item{transition:.18s}.btn,.record-actions button,.link-btn{transition:.18s}.btn:hover,.record-actions button:hover{transform:translateY(-1px)}
.bottom-nav .nav-mic{position:relative;display:block;width:14px;height:22px;border:2px solid currentColor;border-radius:9px}.bottom-nav .nav-mic:after{content:'';position:absolute;left:50%;top:16px;width:22px;height:12px;border:2px solid currentColor;border-top:0;border-radius:0 0 12px 12px;transform:translateX(-50%)}
#toast{bottom:28px;border:1px solid rgba(255,255,255,.12)}

@media(max-width:950px){main{margin-left:0}.sidebar{width:250px}.home-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}}
@media(max-width:760px){
  body{background:var(--bg)}.topbar{height:66px;padding:0 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:0}.menu{display:block}.top-title,.status-chip{display:none}.top-actions{margin-left:auto}
  .page{padding:18px 14px calc(112px + env(safe-area-inset-bottom));max-width:620px}.page:not(#home){padding-top:26px}
  .welcome{min-height:auto;display:flex;flex-direction:column;padding:8px 16px 20px;margin:0 0 12px;border:0;background:transparent;box-shadow:none;text-align:center;gap:13px}.welcome-mark{width:58px;height:66px;border-width:2px;border-radius:11px 11px 27px 27px;font-size:18px}.welcome h1{font-size:27px;margin:0 0 3px}.welcome .eyebrow{display:none}.welcome p{font-size:14px}
  .home-grid{display:grid;grid-template-columns:1fr;gap:12px}.record-card,.courses-card,.quick-card,.recent-card,.ai-banner,.settings-grid>article,.report-builder,.search-panel{padding:18px;border-radius:18px}.record-card{order:1}.courses-card{order:2}.record-card .field{margin:12px 0 0;max-width:none}.record-card .field span{position:absolute;width:1px;height:1px;overflow:hidden}.record-card select{padding:10px 12px;font-size:14px}
  .card-heading h2,.quick-card h2,.recent-card h2{font-size:17px}.card-heading p{font-size:13px}.wave-mini{font-size:21px}.recorder{gap:13px;margin:20px 0 10px}.wave{font-size:13px;letter-spacing:1px;flex:1;overflow:hidden;white-space:nowrap}.mic{flex:0 0 auto;width:104px;height:104px}.record-label{font-size:14px}.draft-tools{grid-template-columns:1fr;gap:9px}.draft-tools audio{grid-column:auto}.draft-tools .btn{width:100%}
  .course-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:14px -4px 0;padding:0 4px 7px;scrollbar-width:none}.course-strip::-webkit-scrollbar{display:none}.course-tile{min-width:148px;scroll-snap-align:start;padding:13px}.course-tile small{font-size:10px}.course-icon{width:39px;height:39px}
  .recent-card{margin-top:12px}.recent-list{margin-top:13px}.recent-item{padding:11px}.recent-item em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .quick-card{margin-top:12px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:6px}.quick-grid button{padding:10px 3px;background:transparent;border:0;gap:5px}.quick-grid span{width:44px;height:44px;font-size:22px}.quick-grid strong{font-size:11px}.quick-grid small{display:none}
  .ai-banner{margin-top:12px;display:grid;grid-template-columns:auto 1fr;gap:12px}.ai-banner .books{width:48px;height:48px}.ai-banner p{font-size:12px}.ai-banner button{grid-column:2;margin:0;justify-self:start;padding:8px 11px}
  .section-head{align-items:flex-start;margin-bottom:18px}.section-head h1{font-size:29px}.section-head p{font-size:14px}.section-head>.btn{font-size:12px;padding:9px 10px}.filterbar,.search-panel,.form-row,.inline-form{grid-template-columns:1fr}.filterbar>input:first-child,.search-panel>input:first-child{grid-column:auto}.filterbar{padding:10px}.record-item{padding:15px}.record-top{flex-direction:column}.record-actions{align-self:stretch}.record-actions button{flex:1}.report-check{width:max-content}.settings-grid{grid-template-columns:1fr}.settings-grid>article:nth-child(2){grid-column:auto}
  .bottom-nav{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(78px + env(safe-area-inset-bottom));padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(9,25,49,.08);backdrop-filter:blur(16px)}.bottom-nav button{min-width:0;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav span{font-size:20px}.bottom-nav .active{color:var(--primary)}.bottom-nav .center-record{width:62px;height:62px;border-radius:50%;justify-self:center;align-self:start;transform:translateY(-17px);gap:6px;background:linear-gradient(145deg,var(--primary2),var(--primary));color:var(--bg);box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 35%,transparent);font-weight:800}.bottom-nav .center-record .nav-mic{font-size:0}.bottom-nav .center-record:not(:hover){color:var(--bg)}html[data-theme=light] .bottom-nav .center-record{color:#fff}
  dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:20px}.dialog-body,.dialog-head{padding:16px}.dialog-actions{position:sticky;bottom:-16px;margin:16px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}#toast{left:14px;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:none;text-align:center}
}
@media(max-width:390px){.page{padding-inline:10px}.record-card,.courses-card,.quick-card,.recent-card,.ai-banner,.settings-grid>article,.report-builder,.search-panel{padding:15px}.mic{width:94px;height:94px}.wave{font-size:11px}.quick-grid span{width:40px;height:40px}.quick-grid strong{font-size:10px}.welcome h1{font-size:25px}.bottom-nav button{font-size:9px}}
.share-status{margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--text);font-size:13px;line-height:1.45}
.save-status{min-height:0;margin-top:12px;padding:0;color:var(--muted);font-size:13px;line-height:1.4}.save-status:empty{display:none}.save-status.working,.save-status.ok,.save-status.error{padding:10px 12px;border-radius:10px}.save-status.working{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-weight:800}.save-status.ok{color:#168356;background:color-mix(in srgb,#20a86b 10%,var(--surface));font-weight:800}.save-status.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));font-weight:700}.btn:disabled{cursor:wait;opacity:.72;transform:none}
.email-help{flex:1 0 100%;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface2);color:var(--muted);font-size:12px;line-height:1.45}
.transcription-diagnostics{width:100%;margin-top:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:12px}.transcription-diagnostics summary{cursor:pointer;padding:10px 12px;font-weight:700;color:var(--text)}.transcription-diagnostics pre{margin:0;padding:0 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.model-warmup-status{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.35}.model-warmup-status.working{color:var(--primary)}.model-warmup-status.ready{color:#168356;font-weight:700}.model-warmup-status.error{color:var(--muted)}