:root{--accent:#ffa726;--ink:#25231f;--muted:#716c63;--line:#e5e0d7;--c:#dc931f;--footer-height:0px}
*{box-sizing:border-box}
html{scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{margin:0;background:#f5f4f0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;padding-bottom:24px}
body.has-report{padding-bottom:calc(var(--footer-height) + 24px)}
button,input,select,textarea{font:inherit}
button{cursor:pointer;touch-action:manipulation}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #d68b18;outline-offset:3px}
[hidden]{display:none!important}
.mast{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;background:#121212;color:#fff;padding:14px max(24px,calc((100vw - 1100px)/2));padding-top:calc(14px + env(safe-area-inset-top,0px));border-bottom:1px solid #322e26}
.mast img{display:block;width:56px;height:56px;border-radius:12px;object-fit:contain;background:#000}
.mast>div{min-width:0}
.mast h1{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}
.mast .sub{font-size:12px;color:#bbb6ad;margin-top:4px}
.back{min-height:44px;border:1px solid #514b42;border-radius:10px;padding:9px 14px;background:#252525;color:#fff;font-size:13px;font-weight:650;white-space:nowrap}
.wrap{width:100%;max-width:1140px;margin:auto;padding:24px 20px}
.hero{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:32px;background:#111;color:#fff;border-radius:22px;padding:28px 36px}
.hero img{display:block;width:100%;max-width:200px;border-radius:14px}
.eyebrow{color:#dda246;font-size:11px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase}
.hero h2{font-size:34px;line-height:1.18;letter-spacing:-1px;margin:12px 0}
.hero p{font-size:14px;color:#bebbb5;max-width:480px;margin:0}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hero-tags span{border:1px solid #484137;border-radius:24px;padding:5px 11px;color:#e7ddcc;font-size:11px}
.pick-h{font-size:20px;font-weight:750;margin-top:28px;letter-spacing:-.5px}
.pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.pcard{position:relative;min-width:0;width:100%;padding:24px;text-align:left;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:18px;transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3422090d}
.pcard .ic{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#ac6b0b;background:#fff2dc;border-radius:15px}
.pcard .ic svg{width:38px;height:38px}
.pcard .t{font-size:18px;font-weight:750;color:var(--ink);margin-top:18px}
.pcard .d{font-size:12px;color:var(--muted);margin-top:7px}
.card-arrow{position:absolute;right:24px;top:28px;font-size:24px;color:#9b762f}
.picker-note{font-size:12px;color:var(--muted);margin:20px 0 0}
.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:18px;box-shadow:0 3px 16px #27201703}
.card:first-child{margin-top:0}
.card h2{font-size:14px;line-height:1.45;color:#37332b;margin:0 0 22px;border-left:4px solid var(--accent);padding-left:10px;text-transform:uppercase;letter-spacing:.4px;overflow-wrap:anywhere}
.hdr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}
.flds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.fld,.firmas>div,.sig-wrap{min-width:0}
label{display:block;color:var(--muted);font-size:12px;font-weight:650;line-height:1.4;margin-bottom:7px}
input,select,textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px;border:1px solid #dcd8cf;border-radius:10px;background:#fff;color:#292720;font-size:16px;line-height:1.4;box-shadow:none}
input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;height:48px;overflow:hidden;text-align:left}
input::-webkit-date-and-time-value{min-height:22px;text-align:left;margin:0}
input::-webkit-datetime-edit{display:inline-flex;padding:0;max-width:100%}
select{padding-right:30px;text-overflow:ellipsis}
input:focus,select:focus,textarea:focus{outline:none;border-color:#db982c;box-shadow:0 0 0 3px #ffa7261f}
input[readonly]{background:#f0ede6;font-weight:650;color:#5c554a}
textarea.ta{resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;min-height:48px}
.rows{display:flex;flex-direction:column;gap:16px}
.rowc{min-width:0;border:1px solid #e6e0d5;border-radius:14px;padding:18px;background:#faf9f6}
.rowc-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.rown{font-size:12px;font-weight:750;color:#95631c}
.rowc-act{display:flex;gap:8px}
.mic,.del{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;font-weight:700;font-size:16px}
.mic{color:#935b07;background:#fff4df;border:1px solid #e9c793}
.del{color:#b94232;background:#fff0ed;border:1px solid #f0d5ce;font-size:23px}
.mic.big{width:auto;height:44px;padding:0 14px;font-size:13px;gap:6px}
.addbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.add{min-height:44px;border:1px solid #dbd2c2;border-radius:9px;padding:10px 14px;background:#fff;color:#675539;font-size:13px;font-weight:650}
.tot{margin-top:14px;font-size:14px;font-weight:700;color:#675539}
.disptot{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.disptot .b{border-left:3px solid var(--accent);padding:10px 14px;background:#f6f1e8;border-radius:9px;font-size:16px;font-weight:750}
.disptot .b small{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.voznota{margin-top:16px;border:1px solid #edd8b5;border-radius:12px;background:#fff7e8;padding:0 16px;color:#775932;font-size:13px}
.voznota summary{cursor:pointer;min-height:48px;padding:13px 0;font-weight:650}
.voznota p{margin:0 0 14px;line-height:1.6}
.voznota a{color:#8e5a0e;text-underline-offset:3px;font-weight:650}
.firmas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sig-wrap{position:relative;margin-top:12px}
canvas{display:block;width:100%;height:140px;border:1px dashed #cbc2b4;border-radius:10px;background:#fbfaf7;touch-action:none}
.sig-clear{position:absolute;top:5px;right:5px;min-height:36px;padding:7px 10px;border:0;background:#fbfaf7;color:#9e4c37;font-size:12px}
.bfoot{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #29201506;padding:12px max(16px,env(safe-area-inset-left,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.btn{min-height:44px;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;white-space:nowrap}
.btn.pri{background:var(--accent);color:#30220d}
.btn.sec{background:#282725;color:#fff}
.btn.gho{background:#f4f1ea;color:#675e50;border:1px solid #dfd8cc}
.btn:disabled{opacity:.6;cursor:wait}
.est{font-size:12px;color:var(--muted)}
#voz{position:fixed;left:50%;bottom:calc(var(--footer-height) + 12px);transform:translateX(-50%);display:none;align-items:center;flex-wrap:wrap;gap:10px;z-index:60;width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;border-radius:16px;background:#24211d;color:#fff;box-shadow:0 8px 30px #0003;font-size:13px}
#voz .vp{min-width:0;overflow-wrap:anywhere;flex:1}
#voz .vh{color:#dbd1c4;font-size:12px;flex-basis:100%;order:3}
#voz .vb{display:flex;gap:8px}
#voz .vb button{height:44px;width:44px;border:1px solid #60574a;border-radius:10px;background:#433c32;color:#fff;font-size:18px}
.speech-panel{max-width:1100px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;scroll-margin-top:100px}
.speech-panel>div{min-width:0}
.speech-panel h2{font-size:19px;margin:5px 0 8px}
.speech-panel p{font-size:13px;color:#625b50;margin:6px 0;overflow-wrap:anywhere}
.speech-panel .eyebrow{color:#9d6b22}
.speech-panel .speech-hint{font-size:12px;color:var(--muted);max-width:620px}
.speech-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.speech-actions progress{width:100%;accent-color:var(--accent)}
.speech-panel[data-state=ready]{border-color:#9ebb9e;background:#fafdf9}
.speech-panel[data-state=ready] #speech-status{color:#35703b}
.speech-panel[data-state=error] #speech-status{color:#a34b30}
.conexion{max-width:1100px;margin:0 auto 20px;padding:0 4px;font-size:12px;color:var(--muted)}
.conexion:empty{display:none}
@media(max-width:900px){.hdr{grid-template-columns:repeat(2,minmax(0,1fr))}.pick{gap:12px}.pcard{padding:20px}.speech-panel,.conexion{margin-left:20px;margin-right:20px}.speech-panel{max-width:1100px}}
@media(max-width:640px){.mast{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.mast img{width:46px;height:46px;border-radius:10px}.mast h1{font-size:15px}.mast .sub{font-size:11px}.back{font-size:12px;padding:8px 10px}.wrap{padding:20px 16px}.hero{grid-template-columns:130px minmax(0,1fr);gap:20px;padding:22px}.hero h2{font-size:26px}.hero p{font-size:13px}.hero-tags{gap:6px;margin-top:14px}.hero-tags span{font-size:10px;padding:4px 8px}.pick{grid-template-columns:minmax(0,1fr)}.pcard{display:grid;grid-template-columns:54px minmax(0,1fr);gap:3px 16px;padding:20px}.pcard .ic{width:54px;height:54px;grid-row:1/3}.pcard .t{margin:0;font-size:17px;padding-right:20px;align-self:end}.pcard .d{margin:0;align-self:start}.card-arrow{right:18px;top:22px}.card{padding:20px;border-radius:16px}.card h2{font-size:13px;margin-bottom:20px}.flds,.firmas{grid-template-columns:minmax(0,1fr)}.rowc{padding:16px}.speech-panel{margin:0 16px 18px;padding:20px;flex-direction:column;align-items:stretch;gap:14px}.speech-actions{min-width:0}.conexion{margin:0 20px 20px}.bfoot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.est{grid-column:1/-1;text-align:center;overflow-wrap:anywhere}.bfoot .btn{min-width:0;padding:10px 4px;font-size:12px}.addbar>button{flex:1;white-space:nowrap}}
@media(max-width:480px){.hdr{grid-template-columns:minmax(0,1fr);gap:16px}.hero{grid-template-columns:minmax(0,1fr);text-align:center}.hero img{width:135px;justify-self:center}.hero-tags{justify-content:center}.hero h2{font-size:27px}.card h2{letter-spacing:.2px}.pick-h{font-size:19px}.mast .sub{font-size:10px}.bfoot{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.speech-review{width:min(540px,calc(100vw - 28px));max-height:85vh;border:1px solid #e2d7c5;border-radius:18px;padding:24px;color:#342d22}.speech-review::backdrop{background:#17130db3}.speech-review h2{margin:0 0 12px;font-size:21px}.speech-review p{font-size:13px;color:#776953;line-height:1.6;margin-bottom:18px}.speech-review textarea{min-height:140px;resize:vertical}.review-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:480px){.speech-review{padding:20px}.review-actions .btn{flex:1}}

.dictation-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.speech-review label{margin-bottom:14px}.speech-review label textarea{margin-top:6px}.dictation-shortcuts .btn{font-size:12px;padding:8px 12px}