@font-face{font-family:Karen;src:url('./karen.ttf') format('truetype');font-display:swap}
:root{--ink:#142233;--night:#0e2033;--navy:#183b60;--blue:#245da8;--gold:#c99855;--paper:#f6f3ed;--white:#fffefb;--muted:#647083;--line:#dfddd7;--soft:#e9edf1;--danger:#a9413e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
header{max-width:none;min-height:88px;background:var(--white);border-bottom:1px solid var(--line);padding:16px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand img{width:61px;height:55px;object-fit:contain}.brand span{font-size:12px;line-height:1.26;letter-spacing:.17em;font-weight:800}.pill{font-size:10px;font-weight:800;letter-spacing:.1em;color:#72502b;background:#f7ebd9;border:1px solid #e8d7be;border-radius:99px;padding:10px 14px;white-space:nowrap}
main,footer{max-width:1160px;margin:auto}main{padding:40px 24px 82px}.intro{min-height:410px;background:radial-gradient(circle at 75% 40%,#254567 0,#132b45 37%,#0e2033 80%);border-radius:26px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.18fr .82fr;position:relative;box-shadow:0 24px 60px #12263b1b}.intro:before{content:'';position:absolute;inset:18px;border:1px solid #ffffff1c;border-radius:18px;pointer-events:none}.intro-copy{padding:62px 28px 54px 64px;z-index:1}.eyebrow{color:#9e6d3e;font-size:10px;font-weight:800;letter-spacing:.19em;margin:0 0 12px}.intro .eyebrow{color:#e9bd7c}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.2vw,59px);font-weight:400;line-height:1.13;letter-spacing:-.035em;margin:0 0 22px}.intro h1 i{font-weight:400;color:#e8c58e}.intro-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#d8e1e9;max-width:520px;margin:0}.hero-rule{display:block;width:48px;height:2px;background:var(--gold);margin:30px 0 14px}.intro-copy .hero-caption{font-size:11px!important;color:#a9bbcc!important;letter-spacing:.04em}.intro-art{display:flex;align-items:center;justify-content:center;position:relative;padding:28px 34px 38px 0}.intro-art:before{content:'';position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #d6b27a3b;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff04}.intro-art img{width:min(100%,370px);max-height:340px;object-fit:contain;position:relative;filter:drop-shadow(0 18px 35px #0008)}.intro-art span{position:absolute;bottom:30px;font-size:9px;letter-spacing:.2em;color:#9eb2c6}
body:not([data-view=home]) .intro{display:none}.home-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 22px}.home-heading h2{margin:0;font:400 clamp(28px,3vw,38px) Georgia,serif;letter-spacing:-.03em}.home-heading>p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 3px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-card{background:var(--white);min-height:275px;border:1px solid var(--line);border-radius:18px;padding:25px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:15px;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 3px 11px #182b3b08}.work-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #182b3b19;border-color:#cdb48d}.work-card .card-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ad7840}.work-card[data-work=stt] .card-kicker{color:#315c8a}.work-card[data-work=ocr] .card-kicker{color:#6b658a}.work-card strong{font:400 clamp(25px,2.5vw,34px) Georgia,serif;letter-spacing:-.025em}.card-description{color:var(--muted);font-size:14px;line-height:1.7;max-width:260px}.card-bottom{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line)}.card-bottom small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#657181;font-weight:800}.card-bottom b{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;color:var(--navy);background:#eef2f6;font-size:18px;font-weight:400}.home-hint{margin-top:22px;padding:16px 19px;border-left:3px solid var(--gold);background:#f0ece3;color:#596678;font-size:13px;line-height:1.6;border-radius:0 10px 10px 0}
nav{display:flex;gap:4px;background:#e9e8e4;padding:5px;border-radius:12px;width:fit-content;max-width:100%;overflow:auto;white-space:nowrap;margin-bottom:22px}nav button{border:0;background:transparent;color:#59687a;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:750}nav button.active{background:var(--night);color:#fff;box-shadow:0 3px 8px #1a2c3d2b}nav span{margin-left:5px}.panel{animation:appear .25s ease}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
#notice{min-height:20px;margin:12px 0 24px;color:#6b5b48;font-size:13px;line-height:1.6}body[data-view=home] #notice{margin:18px 0 0;color:#7c8793}h2{font:400 clamp(27px,3vw,36px) Georgia,serif;letter-spacing:-.02em;margin:4px 0 13px}.muted{color:var(--muted);font-size:13px;line-height:1.75}.progress,.card-top,.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.progress{padding:18px 22px;background:var(--night);border-radius:14px;color:#fff;font-weight:800;font-size:13px;margin-bottom:10px}.progress span:last-child{font-size:10px;letter-spacing:.14em;color:#e5c18a}.prompt-card,.project-choice,.take{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 20px #192c3a09}.prompt-card{padding:32px 38px;margin:18px 0}.card-top span:last-child{font-size:12px;font-weight:700;color:#738092}.karen{font-family:Karen,sans-serif;font-size:clamp(26px,3.5vw,39px);line-height:2.08;margin:24px 0;overflow-wrap:anywhere;color:#13263a}.recorder{background:#fffefb;border:1px solid var(--line);border-radius:18px;padding:23px;text-align:center;margin-bottom:18px}.recorder #timer{font-size:45px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink)}.recorder #timer.live{color:var(--danger)}.recorder p{margin:6px 0 18px}.recorder .primary{min-width:238px}.recorder audio{display:block;margin:16px auto;width:min(100%,460px)}.recorder #review{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.recorder #review[hidden]{display:none}.recorder #reviewPlay{margin:10px}.primary,.secondary{border:0;border-radius:10px;padding:14px 19px;font-weight:750;min-height:48px;transition:transform .15s ease,background .15s ease}.primary{background:var(--night);color:#fff}.primary:hover:not(:disabled){background:#1d4b77;transform:translateY(-1px)}.secondary{background:var(--soft);color:#29435f}.secondary:hover:not(:disabled){background:#dce3ea}.source-actions,.project-buttons,.ocr-actions{display:flex;gap:10px;flex-wrap:wrap}.source-actions{margin:0 0 14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.toolbar form{display:flex;align-items:center;gap:9px}label{display:block;font-size:12px;font-weight:750;margin:20px 0 8px;color:#314257}input,textarea{background:var(--white);color:var(--ink);border:1px solid #cbd2d8;border-radius:10px;padding:13px;width:100%;min-width:0}input:disabled,input[readonly]{background:#e9edf0;color:#5f6b78;cursor:default}#jump{width:84px}.check{display:flex;gap:12px;line-height:1.65;max-width:650px}.check input{width:19px;flex-shrink:0;margin-top:2px}#setup{max-width:760px}#setup>p.muted,#ocr>p.muted{max-width:620px}#setup form,#ocr>article{background:var(--white);border:1px solid var(--line);padding:24px;border-radius:18px}#setup form>.primary{margin-top:18px}#disconnectButton,#editProfileButton{margin-top:12px}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.project-choice{padding:24px}.project-choice h2{font-size:25px}.project-buttons{margin-top:16px}.project-buttons button{flex:1;min-width:180px}.footnote{font-size:11px;line-height:1.8;color:#7b8794;margin-top:25px}.take{padding:22px;margin-top:15px}.take .karen{font-size:20px;margin:10px 0}.take button{margin:4px 7px 0 0;font-size:12px}.take small{color:var(--muted)}.error{color:var(--danger)!important}
#ocr{max-width:780px}#ocr textarea{font:18px/1.75 Karen,sans-serif;resize:vertical}#ocrNote{font:14px/1.5 system-ui,sans-serif!important}.ocr-image{display:block;max-width:100%;max-height:50vh;object-fit:contain;background:#ece9e2;border:1px solid var(--line);border-radius:12px;margin:18px 0}.ocr-actions{margin:18px 0}#ocrStatus{min-height:20px}
footer{border-top:1px solid var(--line);padding:22px 24px 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#7b8692}
@media(max-width:900px){.intro{grid-template-columns:1fr .7fr}.intro-copy{padding:45px 20px 42px 42px}.intro-art img{max-height:290px}.work-card{min-height:280px;padding:20px}}
@media(max-width:700px){header{min-height:72px;padding:12px 18px}.brand img{width:48px;height:46px}.brand span{font-size:10px}.pill{font-size:9px;padding:9px}main{padding:18px 16px 55px}.intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:35px 28px 12px}.intro h1{font-size:clamp(33px,9vw,45px)}.intro-art{height:170px;padding:0 25px}.intro-art img{max-height:170px;max-width:220px}.intro-art:before{width:155px;height:155px}.intro-art span{display:none}.hero-rule,.hero-caption{display:none!important}.home-heading{display:block;margin:30px 0 18px}.home-heading>p{margin-top:10px}.work-grid{grid-template-columns:1fr;gap:11px}.work-card{min-height:0;padding:21px;gap:8px}.work-card strong{font-size:27px}.card-description{max-width:none}.card-bottom{margin-top:6px;padding-top:10px}nav{width:100%;margin-bottom:17px}nav button{padding:11px 13px}.progress{padding:15px;flex-wrap:wrap}.progress span:last-child{display:none}.prompt-card{padding:22px;margin:14px 0}.recorder{padding:19px}.recorder .primary{min-width:0;width:100%}.toolbar{flex-wrap:wrap}.section-top{align-items:start}.section-top .primary{font-size:12px}#setup form,#ocr>article{padding:18px}footer{padding:18px 16px 28px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel,.work-card,.primary{animation:none;transition:none}}

/* Focused workspace: task rows replace the promotional landing layout. */
body[data-view=home] main{max-width:880px;padding-top:74px}
.workspace-heading{margin-bottom:34px}.workspace-heading h1{font:400 clamp(34px,5vw,52px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}.workspace-heading>p:last-child{font-size:15px;color:var(--muted);margin:0}
.task-list{border-top:1px solid var(--line)}.task-row{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:19px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:29px 3px;color:var(--ink);transition:background .15s ease,padding .15s ease}.task-row:hover{background:#ffffff9e;padding-left:14px;padding-right:14px}.task-row:focus-visible{outline-offset:-3px}.task-number{color:#9d744e;font:700 12px/1 system-ui,sans-serif;letter-spacing:.1em}.task-details{display:flex;flex-direction:column;gap:8px;min-width:0}.task-details strong{font:400 clamp(23px,3vw,30px)/1.2 Georgia,serif}.task-details small{font-size:13px;line-height:1.55;color:var(--muted)}.task-chevron{font-size:23px;font-weight:300;color:var(--navy);text-align:right}.home-hint{margin-top:30px;padding:0;border:0;background:transparent;border-radius:0;color:var(--muted)}
nav{align-items:center;background:transparent;padding:0;gap:7px;width:100%;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:15px}nav .home-nav{background:var(--soft);color:var(--ink);font-weight:700;margin-right:14px}nav .home-nav span{margin-left:5px}body[data-view=ocr] nav button:not(.home-nav){display:none}
@media(max-width:700px){body[data-view=home] main{padding-top:43px}.workspace-heading{margin-bottom:24px}.task-row{grid-template-columns:27px minmax(0,1fr) 22px;gap:12px;padding:23px 1px}.task-row:hover{padding-left:1px;padding-right:1px}.task-details strong{font-size:23px}.task-details small{font-size:12px}nav .home-nav{margin-right:5px}}

.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.header-actions #accountStatus{font-size:12px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions button{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:9px 11px;font-size:12px;font-weight:700;color:var(--navy)}.header-actions button:disabled{opacity:.5;cursor:not-allowed}.ocr-access,.ocr-admin{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:18px}.ocr-access p{margin:0 0 12px;color:var(--ink)}.admin-request{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-request span{flex:1;overflow-wrap:anywhere}.admin-request button{min-height:36px;padding:8px 12px}@media(max-width:700px){.header-actions .pill{display:none}.header-actions #accountStatus{max-width:95px}.header-actions{gap:4px}.header-actions button{padding:7px;font-size:10px}.admin-request{flex-wrap:wrap}}