@font-face{font-family:Vazir;src:url('/Vazirmatn-Regular.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#f6f4ff;--muted:#bcc5e0;--line:#ffffff1d;--panel:#1b213dcf;--violet:#ac76ff;--blue:#56b6ff;--good:#79e4c5;--warn:#ffd7a0;font-family:Vazir,'Segoe UI',Tahoma,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 28% 72%,#253b59 0,transparent 42%),#111421;display:flex;align-items:center;justify-content:center;color:var(--ink)}body:before{content:'';position:fixed;inset:-50%;background:repeating-radial-gradient(ellipse at center,transparent 0 85px,#ffffff06 86px 87px,transparent 88px 115px);transform:rotate(-25deg);pointer-events:none}.desktop-label{position:fixed;left:6vw;bottom:9vh;width:220px;text-align:left;direction:ltr;color:#b9c2dd}.desktop-label>span{font:600 13px 'Segoe UI',sans-serif;letter-spacing:6px;color:#bd93ff}.desktop-label p{font-size:14px;line-height:2;direction:rtl;text-align:left;opacity:.65}.phone{position:relative;isolation:isolate;width:min(100%,430px);height:min(920px,calc(100dvh - 32px));border:1px solid #ffffff32;border-radius:36px;overflow:hidden;background:radial-gradient(ellipse at 90% 37%,#6951a85c,transparent 60%),radial-gradient(ellipse at 0% 78%,#3e729956,transparent 65%),linear-gradient(155deg,#1e3047,#30304f 48%,#161b31);box-shadow:0 30px 100px #0008,inset 0 0 0 4px #ffffff04;display:flex;flex-direction:column;padding:22px 22px 0}.app-header{display:flex;justify-content:space-between;align-items:center;flex:none;height:56px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(130deg,#ae7bff50,#65d9fe15);border:1px solid #b096f862;border-radius:13px;color:#cba8ff}.brand strong{font-size:19px;display:block;line-height:1.6}.brand div>span{font-size:11px;letter-spacing:.4px;color:var(--muted)}svg{width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#ffffff09;border:1px solid var(--line);border-radius:13px;min-height:44px;padding:9px 15px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#ffffff15}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #89dfff;outline-offset:3px}.icon-button{display:grid;place-items:center;min-width:44px;padding:10px;background:transparent}.connection{display:flex;align-items:center;gap:7px;height:32px;flex:none;font-size:11px;color:var(--muted)}#today{margin-right:auto}.dot{width:5px;height:5px;background:var(--good);border-radius:50%;box-shadow:0 0 10px #79e4c560}.dot.offline{background:var(--warn)}#screen{min-height:0;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:12px 0 8px;outline:none;animation:enter .28s ease}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;flex:none}.page-title h1{font-size:21px;margin:0}.kicker{color:#c2a5f0;font-size:11px;letter-spacing:1px;margin:0 0 5px}.subtitle{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.row{display:flex;gap:9px;align-items:center}.row>*{min-width:0}.between{justify-content:space-between}.grow{flex:1;min-height:0}.glass{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid var(--line);border-radius:20px;padding:17px;backdrop-filter:blur(14px)}.badge{font-size:10px;border-radius:20px;border:1px solid #c69cff45;color:#ddc5ff;padding:4px 9px;white-space:nowrap}.badge.green{color:var(--good);border-color:#79e4c540}.primary{border:1px solid #cfb5ff60;background:linear-gradient(110deg,#657ce9,#9557dc);color:white;font-weight:600;box-shadow:0 6px 22px #7346ed22}.primary:hover{background:linear-gradient(110deg,#788def,#a166e9)}.full{width:100%}.quiet{background:transparent}.hint{font-size:11px;color:var(--muted);line-height:1.85;margin:8px 0}.warning{color:var(--warn);background:#db9e2911;border:1px solid #ffc97d26;padding:9px 12px;border-radius:12px;font-size:11px;line-height:1.85}.hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero h2{font-size:21px;margin:7px 0 3px;font-weight:500}.orb-stage{position:relative;width:200px;height:200px;flex-shrink:1;min-height:70px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #bfabff18;width:100%;height:100%;border-radius:50%}.orbit:nth-child(2){width:83%;height:83%;border-style:dashed;animation:spin 55s linear infinite}.orb{position:relative;width:69%;height:69%;filter:drop-shadow(0 0 20px #aa68f977);animation:float 6s ease-in-out infinite}.petal{position:absolute;inset:0;border-radius:37% 63% 67% 33%/42% 40% 60% 58%;background:linear-gradient(135deg,#70ccff66,#b775ffb0 53%,#8549e733);mix-blend-mode:screen;animation:spin 12s linear infinite}.petal:nth-child(2){transform:rotate(65deg);animation-duration:18s;animation-direction:reverse;background:linear-gradient(145deg,#dad1ffbb,#9655f433 65%)}.petal:nth-child(3){inset:13%;animation-duration:8s;background:linear-gradient(60deg,#b6a1ff88,#a765ff66);border-radius:63% 37% 38% 62%}.core{position:absolute;inset:38%;border-radius:50%;background:white;box-shadow:0 0 14px 10px #e9caff,0 0 45px 25px #c16bff90;filter:blur(5px)}.eq{height:28px;width:180px;display:flex;gap:4px;align-items:center;justify-content:center;flex:none}.eq i{width:3px;height:3px;border-radius:8px;background:linear-gradient(#d8bfff,#65baff);transform:scaleY(1);transition:height .1s linear}.hero .subtitle{text-align:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat{border-radius:16px;background:#11182c80;padding:12px 16px;border:1px solid #ffffff0b}.stat strong{font:400 25px 'Segoe UI',sans-serif;color:#c5a2ff;display:block}.stat span{color:var(--muted);font-size:11px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{text-align:right;padding:13px;background:#171d34c7;border-radius:17px;display:flex;align-items:center;gap:10px;font-size:12px}.quick-grid svg{color:#bba0f6}.recent{display:flex;gap:10px;align-items:center;text-align:right;margin-top:12px;padding:12px 14px;background:#ffffff08;width:100%}.recent>span{display:block;flex:1}.recent strong{font-size:12px;display:block}.recent small{font-size:10px;color:var(--muted)}.bottom-nav{display:flex;align-items:center;justify-content:space-between;flex:none;height:78px;margin:8px -22px 0;padding:0 17px;border-top:1px solid #ffffff10;background:linear-gradient(180deg,#292c4555,#14192dbb);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;padding:8px 10px;min-width:52px;display:flex;align-items:center;gap:5px;flex-direction:column;color:#aeb7d3;font-size:10px}.bottom-nav button.active{color:#c599ff}.bottom-nav .nav-mic{background:linear-gradient(140deg,#a56bfa,#548ff7);height:58px;width:58px;min-width:58px;border-radius:50%;transform:translateY(-15px);box-shadow:0 0 0 7px #8980ef19,0 0 24px #637eed55;border:1px solid #d3b4ff77;display:grid;place-items:center;color:white}.nav-mic svg{width:27px;height:27px}.home-indicator{height:4px;width:100px;background:#ffffff6b;border-radius:5px;margin:0 auto 9px;flex:none}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field label{font-size:12px;color:#d3d9ee}input,textarea,select{font:inherit;font-size:14px;background:#10182b85;color:var(--ink);border:1px solid #ffffff21;border-radius:12px;padding:11px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#9faac7}input[type=range]{padding:0;accent-color:#ae85ff;height:17px;background:transparent;border:0}textarea{resize:none;line-height:1.9;min-height:0;flex:1}select{min-height:44px}option{background:#202943}.timer{font:300 32px 'Segoe UI',sans-serif;letter-spacing:3px}.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.rec-button{height:54px;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:10px}.recording .core{background:#fff3f6;box-shadow:0 0 20px 10px #e9a5ff}.recording .orb{animation:float 2.5s ease-in-out infinite}.list-item{width:100%;display:flex;align-items:center;text-align:right;gap:12px;border-radius:18px;background:#17203bab;margin-bottom:12px;padding:15px}.list-item .list-icon{background:#a576ed1c;padding:12px;border-radius:14px;color:#bc9aff}.list-item .text-wrap{flex:1}.list-item strong{font-size:14px;display:block}.list-item small{font-size:11px;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;margin-top:auto;padding-top:10px}.pager span{font-size:11px;color:var(--muted)}.pager button{min-width:46px}.tabs{display:flex;gap:4px;margin-bottom:12px;flex:none}.tabs button{flex:1;padding:7px 4px;font-size:11px;border-radius:10px}.tabs button.active{background:#ad77ef38;border-color:#b58aee77}.reader{flex:1;min-height:0;background:#141d3599;border:1px solid #ffffff14;padding:16px;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.reader-title{font-size:12px;color:#cab1f4;margin-bottom:10px}.reading-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.05;font-size:15px;margin:0}.mini-actions{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0;flex:none}.mini-actions button{padding:7px 10px;font-size:11px;min-height:40px}.empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--muted)}.empty svg{width:38px;height:38px;color:#ad8be5}.player{flex:none;border:1px solid #b292f044;border-radius:15px;padding:9px 12px;background:#151b33e8;margin-top:5px}.player-top{display:flex;gap:8px;align-items:center}.player-top>div{flex:1;min-width:0}.player-top strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-top span{font-size:10px;color:var(--muted);display:block}.player .icon-button{min-height:32px;min-width:36px;padding:5px}.player input{margin-top:5px}#toast{position:absolute;bottom:104px;right:18px;left:18px;z-index:20;background:#11182ff2;border:1px solid #b692ee77;box-shadow:0 10px 30px #0008;padding:13px 16px;border-radius:15px;color:#f5edff;font-size:13px;line-height:1.8;animation:enter .2s ease}a{color:#bcafff;text-decoration:none}.setting-card{padding:15px;border-radius:16px;background:#172039a8;margin-bottom:12px;font-size:13px}.setting-card p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:0}#screen form{min-height:0;display:flex;flex-direction:column}.note{font-size:12px;line-height:1.9;color:var(--muted)}[hidden]{display:none!important}@keyframes spin{to{rotate:360deg}}@keyframes float{50%{transform:translateY(-7px) rotate(8deg)}}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.desktop-label{display:none}}@media(max-width:700px){.phone{height:100dvh;width:100%;border:0;border-radius:0;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.home-indicator{margin-bottom:5px}}@media(max-height:740px){.phone{padding-top:10px}.app-header{height:44px}.connection{height:24px}.orb-stage{width:140px;height:140px}.hero h2{font-size:18px}.stats{margin:7px 0}.stat{padding:7px 12px}.stat strong{font-size:21px}.quick-grid button{padding:9px}.recent{padding:8px;margin-top:8px}.bottom-nav{height:66px}.page-title{margin-bottom:9px}.reading-text{font-size:14px;line-height:1.9}.field{margin-bottom:7px}.field input,.field select{padding:8px}#screen{padding-top:7px}.hint{margin:5px 0}.glass{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orb{transform:none!important}}
/* Full-screen mobile shell and readable work surfaces. */
html{width:100%;height:100%;min-height:100%;background:#111421}
body{width:100%;height:100%;min-height:100dvh}
#screen{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:16px}
#screen::-webkit-scrollbar{display:none}
:root{--danger:#ff9fae}
input[aria-invalid=true]{border-color:#ff9fae;box-shadow:0 0 0 3px #ff748b18}
.field-help,.field-error{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}
.field-error{color:#ffc0ca}
.draft-status{display:flex;align-items:center;gap:8px;color:var(--good);font-size:11px;line-height:1.7;margin:4px 0 8px}
.draft-status svg{width:18px;height:18px;flex:none}
.correction-editor{display:block;flex:none;min-height:clamp(280px,44dvh,520px);font-size:17px;line-height:2.05;padding:16px;resize:vertical;overflow:auto}
.editor-actions{display:grid;grid-template-columns:1fr;margin:10px 0 2px}
.page-actions{display:flex;gap:6px;direction:ltr;flex:none}
.danger{color:var(--danger);border-color:#ff8fa533}
.danger:disabled{color:var(--muted);border-color:var(--line)}
.processing-card{display:flex;align-items:center;gap:14px;flex:none;margin:0 0 12px;padding:14px;border:1px solid #b894ff55;border-radius:16px;background:linear-gradient(110deg,#6e55bd24,#568ce81a);box-shadow:inset 0 0 26px #9668ff0c}
.processing-card strong{font-size:13px}
.processing-card p{font-size:11px;line-height:1.75;color:var(--muted);margin:3px 0 0}
.processing-spinner{width:38px;height:38px;flex:none;border-radius:50%;border:3px solid #ffffff18;border-top-color:#b986ff;border-left-color:#65bbff;animation:spin .9s linear infinite;box-shadow:0 0 18px #a56eff44}
.readonly-field input{color:#c8d0e8;background:#ffffff08;cursor:default}
#screen[data-route="report"] .tabs{display:grid;grid-template-columns:repeat(3,1fr)}
#screen[data-route="report"] .tabs{gap:7px;margin-bottom:9px}
#screen[data-route="report"] .tabs button{min-height:42px;font-size:12px}
#screen[data-route="report"] .reader{flex:1 0 auto;min-height:clamp(260px,40dvh,440px);overflow:auto;-webkit-overflow-scrolling:touch}
#screen[data-route="report"] .pager{margin-top:0}
#screen[data-route="report"]>.hint{flex:none;margin:5px 2px 7px}
.report-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none;margin:0 0 8px}
.report-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;font-size:11px;white-space:nowrap}
.report-toolbar button svg{width:18px;height:18px}
.version-select{flex:none;margin-bottom:7px}
.report-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:none;margin:0 0 8px;padding:7px;border:1px solid #ffffff16;border-radius:16px;background:#10172b8f}
.report-sections button{min-height:42px;padding:7px 4px;font-size:12px;border-color:transparent;color:#cbd2e8;background:transparent;white-space:nowrap}
.report-sections button.active{color:#fff;border-color:#d2b5ff75;background:linear-gradient(125deg,#617ee955,#a35cdb73);box-shadow:inset 0 1px 0 #ffffff25,0 6px 18px #633db027}
.person-card{padding:14px;margin-bottom:10px;border-radius:17px;background:#151d35b5;border:1px solid var(--line)}
.person-card .field{margin:8px 0}.person-card .row button{font-size:11px;padding:7px 9px}.people-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.storage-card p{line-height:1.9}.storage-card .primary{margin-top:8px}
.setting-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.setting-heading svg{color:#bd94ff}.setting-card{animation:card-in .32s cubic-bezier(.2,.8,.2,1) both}.setting-card:nth-of-type(2){animation-delay:.04s}.setting-card:nth-of-type(3){animation-delay:.08s}.setting-card:nth-of-type(4){animation-delay:.12s}.drive-bar{height:16px;border-radius:9px;overflow:hidden;background:#0c1327;border:1px solid #ffffff20;box-shadow:inset 0 2px 7px #0006;margin:10px 0 7px}.drive-bar span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#5e9ef7,#aa6cf3);box-shadow:0 0 18px #8c74fa88;transition:width .5s ease}.drive-labels{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.storage-total{margin:0!important;color:var(--ink)!important}.storage-estimate{padding:9px 11px;border-radius:11px;background:#75ddc411;color:#8fe9cf!important}.cleanup-form,.add-account{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.section-label{color:#d9c5ff!important;font-weight:600}.account-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.account-row>div{min-width:0}.account-row strong,.account-row small{display:block}.account-row small{color:var(--muted);font-size:10px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis}.account-row button{font-size:10px;padding:6px 8px;white-space:nowrap}.reset-row{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 13px}.reset-row input,.reset-row button{font-size:11px;padding:8px;min-height:40px}.reset-row button{grid-column:1/-1}.page-actions{max-width:162px}.page-actions .icon-button{min-width:42px}
@keyframes card-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){
 html,body{position:fixed;inset:0;width:100%;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);overflow:hidden;background:radial-gradient(ellipse at 90% 37%,#6951a85c,transparent 60%),radial-gradient(ellipse at 0% 78%,#3e729956,transparent 65%),linear-gradient(155deg,#1e3047,#30304f 48%,#161b31)}
 .phone{position:fixed;inset:0;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);max-height:none;width:100%;border:0;border-radius:0;padding:calc(env(safe-area-inset-top) + 8px) 18px 0;background-color:#161b31}
 .bottom-nav{height:calc(78px + max(env(safe-area-inset-bottom),16px));margin-right:-18px;margin-left:-18px;padding:0 13px max(env(safe-area-inset-bottom),16px)}
 .home-indicator{display:none}
 .player{margin-bottom:2px}
 #toast{bottom:calc(88px + env(safe-area-inset-bottom))}
 #screen[data-route="capture"] .recording-dock{position:fixed;right:18px;left:18px;bottom:calc(92px + max(env(safe-area-inset-bottom),16px));margin:0;z-index:40}
 body:has(#player:not([hidden])) #screen[data-route="capture"] .recording-dock{bottom:calc(170px + max(env(safe-area-inset-bottom),16px))}
}
@supports(height:100dvh){@media(max-width:700px){html,body,.phone{height:100dvh;min-height:100dvh}}}

/* Iridescent sphere voice visual from the approved AI Sphere Recorder reference. */
.ai-orb-stage{position:relative;isolation:isolate;width:min(68vw,270px);height:min(68vw,270px);min-height:132px;aspect-ratio:1;flex-shrink:1;display:grid;place-items:center}
.orb-distortion{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(max-height:740px){.ai-orb-stage{width:min(52vw,200px);height:min(52vw,200px)}}

/* Playback-following transcript and long-session recording states. */
html,body,.phone{touch-action:manipulation}
.brand strong{font-size:17px}.brand div>span{font-size:10px;color:#c8b6ee;letter-spacing:.2px}
.home-voice-hero{padding-top:4px}
.ai-orb-stage{cursor:pointer;border-radius:50%}
.ai-orb-stage:focus-visible{outline:2px solid #8ae8ff;outline-offset:4px}
.timed-reader{display:block;min-height:clamp(330px,52dvh,610px)!important;padding:10px;overflow-y:auto!important;scroll-behavior:smooth}
.timed-segment{display:block;width:100%;height:auto;min-height:64px;margin:0 0 8px;padding:11px 12px;text-align:right;background:#111a31a8;border:1px solid #ffffff12;border-radius:13px;color:var(--ink);transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.timed-segment-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#c9b2f2}.timed-segment-meta strong{font-size:11px}.timed-segment-meta small{direction:ltr;font:500 10px 'Segoe UI',sans-serif}
.timed-segment-text{display:block;font-size:16px;line-height:2.05;overflow-wrap:anywhere}
.timed-segment.is-speaking{background:#f1d6ff;color:#160c2b;border-color:#ffffff;box-shadow:0 0 0 2px #e87bff,0 0 24px #d15cff70}
.timed-segment.is-speaking .timed-segment-meta{color:#5a176c}
.timed-correction{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.timed-correction.is-speaking{background:#f1d6ff;color:#160c2b;border-color:#fff;box-shadow:0 0 0 2px #e87bff,0 0 26px #d15cff70}
.audio-parts-card>strong{display:block;margin-bottom:5px}.audio-parts-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.audio-parts-list button{font-size:11px;padding:7px}.audio-parts-card>.full{margin-top:8px}
#screen[data-route="report"] .reader:not(.timed-reader){min-height:clamp(330px,48dvh,520px)}
#screen[data-route="report"] .reading-text{display:block;min-height:7em;color:#fff;font-size:16px;line-height:2.1;opacity:1}
#screen[data-route="report"] .reader-title{font-size:13px;color:#d8baff}
.recording-limit-warning:after{content:'۱۰ دقیقه یا کمتر تا پایان این بخش';position:absolute;z-index:50;inset:0;display:grid;place-items:start center;padding-top:max(12px,env(safe-area-inset-top));pointer-events:none;color:#26000a;font-weight:800;font-size:13px;background:rgba(255,232,240,.18);box-shadow:inset 0 0 80px 18px rgba(255,255,255,.9);animation:limit-flash 1s steps(2,end) infinite}
@keyframes limit-flash{50%{opacity:.08}}
@media(max-width:700px){input,textarea,select{font-size:16px}html,body{background:radial-gradient(ellipse at 90% 37%,#6951a85c,transparent 60%),radial-gradient(ellipse at 0% 78%,#3e729956,transparent 65%),linear-gradient(155deg,#1e3047,#30304f 48%,#161b31)}}
@media(display-mode:standalone){html,body,.phone{height:var(--app-height,100vh)!important;min-height:var(--app-height,100vh)!important;max-height:none!important}.phone{position:fixed!important;inset:0!important}}
@supports(-webkit-touch-callout:none){@media(max-width:700px){html,body,.phone{height:var(--app-height,100vh)!important;min-height:var(--app-height,100vh)!important}}}
@media(prefers-reduced-motion:reduce){.recording-limit-warning:after{animation:none;background:rgba(255,232,240,.28)}}

/* Capture workspace: stable visual proportions and separate draft/actions. */
#screen[data-route="capture"]{display:block;overflow-y:auto;padding-bottom:108px}
#screen[data-route="capture"] .page-title,#screen[data-route="capture"] .field,#screen[data-route="capture"] .draft-card,#screen[data-route="capture"] .recording-actions,#screen[data-route="capture"]>#recordSafety{flex:none}
#screen[data-route="capture"] .capture-voice-hero{display:flex;flex:none;min-height:380px;height:auto;justify-content:flex-start;gap:5px;padding:0 0 8px}
#screen[data-route="capture"] .capture-voice-hero .ai-orb-stage{flex:none;width:min(74vw,280px);height:min(74vw,280px);min-height:240px}
#screen[data-route="capture"] .capture-voice-hero .timer{flex:none;line-height:1.2;margin-top:2px}
#screen[data-route="capture"] .capture-voice-hero .subtitle{display:block;flex:none;min-height:24px}
.draft-card{position:relative;z-index:14;display:block;margin:5px 0 12px;padding:12px;border:1px solid #b892f03d;border-radius:17px;background:#11182ff2;box-shadow:0 9px 28px #090c1b4d;scroll-margin-bottom:18px}
.draft-card .draft-status{margin:0 0 8px}.draft-card .capture-actions{margin:0 0 9px}.draft-card .full{min-height:48px}
.recording-dock{position:sticky;z-index:12;bottom:0;margin:10px 0 -96px;padding:9px 8px 8px;border:1px solid #c4a5ff45;border-radius:18px;background:linear-gradient(145deg,#111a33f7,#1e1b3af5);box-shadow:0 -12px 36px #10152ed9,inset 0 1px 0 #ffffff18;backdrop-filter:blur(20px)}
.recording-dock .recording-actions{margin:0}.recording-dock .hint{min-height:18px;margin:5px 4px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
.stop-button{border-color:#ff91a84f;color:#ffd5dd;background:#5d24333b}
.orb-distortion{z-index:2;pointer-events:none}
@media(max-height:800px){#screen[data-route="capture"] .capture-voice-hero{min-height:350px}#screen[data-route="capture"] .capture-voice-hero .ai-orb-stage{width:min(67vw,250px);height:min(67vw,250px);min-height:220px}}