:root{--canvas:#f5f5f0;--paper:#fff;--ink:#242824;--muted:#858982;--line:#e5e7df;--coral:#ed664c;--coral-dark:#db553b;--green:#4d7a58;--green-bg:#eaf2e9;--sidebar:#242824;--radius:15px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--coral)}button{color:inherit}a{color:inherit;text-decoration:none}button svg{pointer-events:none}[hidden]{display:none!important}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px;color:#f5f7f0;line-height:1}.brand-dot{width:5px;height:5px;background:var(--coral);border-radius:50%;align-self:flex-end;margin:0 0 2px -7px}.brand-symbol{display:flex;align-items:center;gap:3px;height:25px;margin-right:2px}.brand-symbol i{display:block;width:3px;border-radius:3px;background:var(--coral);height:12px}.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(4){height:20px}.brand-symbol i:nth-child(3){height:27px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:39px 23px 0;background:var(--sidebar);color:#f4f5ee;display:flex;flex-direction:column;z-index:40}.sidebar>.brand{padding-left:9px}.workspace-caption{font-size:9px;letter-spacing:1.45px;color:#838a7e;font-weight:600;padding:57px 12px 15px}.navigation{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 13px;color:#adb3a8;font-size:12px;border-radius:8px;white-space:nowrap;transition:background .2s,color .2s}.nav-item .icon{width:18px;height:18px}.nav-item.active{background:#3a3f37;color:#fff}.nav-item.active .icon{color:#ff9278}.nav-item:hover{background:#343930;color:#fff}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--coral);margin-left:auto;display:none}.nav-item.active .nav-dot{display:block}.nav-count{margin-left:auto;background:#383e34;border:1px solid #4b5146;min-width:20px;padding:1px 5px;font-size:10px;border-radius:5px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:45px}.privacy-card{background:#2c3229;border:1px solid #3d4438;border-radius:11px;padding:19px 15px;color:#d4dacb}.privacy-card>.icon{width:24px;height:24px;color:#bfc9b2;margin-bottom:13px}.privacy-card h3{font-size:12px;line-height:1.5;font-weight:600;margin:0 0 7px}.privacy-card p{font-size:11px;line-height:1.75;color:#969f8e;margin:0 0 17px}.privacy-card>span{display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid #424a3b;font-size:9px;color:#b8c6ac}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9dba87;flex-shrink:0}.account{margin-top:29px;border-top:1px solid #3c4237;display:flex;align-items:center;gap:9px;padding:21px 0 23px}.avatar{border-radius:50%;background:#697759;color:#f1f5ec;width:31px;height:31px;display:grid;place-items:center;font-size:12px}.account strong,.account span{display:block;font-size:10px;line-height:1.7}.account span{font-size:9px;color:#909a86}.account>.icon-button{margin-left:auto;color:#9eaa92}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:7px;border-radius:6px;color:inherit}.icon-button:hover{background:#858b7c17}.main-shell{margin-left:238px;min-height:100vh}.demo-banner{padding:10px 36px;display:flex;align-items:center;justify-content:space-between;font-size:10px;background:#f1ecdb;color:#756749;border-bottom:1px solid #e4dec9}.demo-banner>span{display:flex;align-items:center;gap:8px}.demo-banner .tiny-dot{background:#a99452}.demo-banner button{background:none;border:0;color:#746347;display:flex;align-items:center;gap:9px;font-size:10px;padding:2px 0}.demo-banner .icon{width:14px;height:14px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#f9f9f5}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:10px;color:#91958d}.breadcrumb strong{font-weight:500;color:#51574e}.breadcrumb-divider{font-size:12px;color:#c5c8be}.server-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#737d6e}.status-dot{height:5px;width:5px;background:#739163;border-radius:50%;box-shadow:0 0 0 3px #78946312}.server-state.error{color:#bf5c45}.server-state.error .status-dot{background:var(--coral)}.content{max-width:1450px;margin:auto;padding:34px 38px 21px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.section-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#8a9182;line-height:1.5}.page-heading h1{font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-1.4px;margin:10px 0 11px}.title-dot{color:var(--coral)}.page-heading p{font-size:11px;color:#858a80;margin:0}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:7px;font-size:11px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap;min-height:39px}.button:hover:not(:disabled){transform:translateY(-1px)}.button-white{background:#fff;border-color:#dedfd7;box-shadow:0 1px 2px #29332104}.button-white:hover{background:#fbfbf7}.button .icon{width:16px;height:16px}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#3c4437}.button-primary .icon{margin-left:12px}.button:disabled{opacity:.45;transform:none}.overview-stats{display:flex;align-items:center;gap:33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:0 0 29px}.overview-stats>div{display:flex;align-items:center;gap:11px}.stat-icon{display:grid;place-items:center;width:34px;height:34px;background:#eaede5;border:1px solid #e1e4d9;border-radius:8px;color:#7c8972}.stat-icon .icon{width:17px;height:17px}.overview-stats strong{display:block;font-size:17px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.overview-stats small{display:block;font-size:9px;color:#969c90;line-height:1.8}.stats-end{display:flex;align-items:center;gap:12px;font-size:7.5px;letter-spacing:1.1px;color:#a2a89a;margin-left:auto;white-space:nowrap}.stats-end .icon{width:14px;height:14px}.recording-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:22px}.panel{border:1px solid #e2e5db;background:var(--paper);border-radius:var(--radius);box-shadow:0 3px 8px #26321e02}.recorder{overflow:hidden}.panel-top{padding:19px 23px;display:flex;align-items:center;justify-content:space-between}.panel-top>.section-eyebrow{font-size:8px;letter-spacing:1.3px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:8px;font-weight:500;padding:4px 7px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-neutral{color:#87907f;background:#f1f3ed;border:1px solid #e4e9dc}.badge-green{color:#5a7b49;background:#f1f6e9;border:1px solid #dde8d4}.badge-red{color:#db654f;background:#fff0e9;border:1px solid #f6d9cc}.badge-amber{color:#a7823b;background:#fbf6e9;border:1px solid #f0e7cf}.recorder-center{text-align:center;padding:0 27px 0}.mic-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f1f3eb;color:#66765a;margin:4px auto 14px;border:1px solid #e7ecdd}.mic-emblem .icon{width:23px;height:23px}.recorder h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 4px}.recorder-center>p{font-size:10px;margin:0;color:#949c8e}.recording-timer{font-size:43px;line-height:1.3;letter-spacing:-2px;font-weight:400;font-variant-numeric:tabular-nums;margin:15px 0 10px;color:#30392a}.recording-timer>span{color:#a1aa98;padding:0 3px}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:61px;position:relative;overflow:hidden;padding:0 10px}.waveform::before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:#ecf0e5}.waveform>i{display:block;position:relative;width:3px;min-width:2px;background:#b7c2a7;opacity:.7;border-radius:3px;max-height:52px;transition:background .3s}.waveform.active>i{background:var(--coral);animation:wave-pulse 950ms ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes wave-pulse{to{transform:scaleY(.45);opacity:.55}}.waveform-caption{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.2px;color:#abb2a3;padding:10px 0 18px;gap:10px;text-align:left}.waveform-caption>span:last-child{white-space:nowrap;font-size:7px;letter-spacing:1px}.recorder-bottom{border-top:1px solid #eef0e9;background:#fbfcf8;padding:16px 23px 17px}.duration-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.duration-row>span{font-size:10px;color:#7f8975}.duration-options{display:flex;border:1px solid #e2e6d8;border-radius:5px;padding:2px;gap:2px;background:#f1f4eb}.duration-options button{font-size:9px;padding:5px 12px;border:0;background:transparent;border-radius:3px;color:#8d9781}.duration-options button.active{color:#4e5f40;background:#fff;box-shadow:0 1px 3px #4457350d}.duration-options button:hover{color:#3c4f2f}.record-actions{display:flex;gap:10px}.button-record{flex:1;background:var(--coral);color:white;font-size:11px;padding:13px 14px;min-height:44px}.button-record:hover:not(:disabled){background:var(--coral-dark)}.button-record>.icon{margin-left:auto;width:17px;height:17px}.record-dot{display:block;position:relative;width:10px;height:10px;background:#fff;border-radius:50%;margin-right:3px}.button-stop{background:#fff;border-color:#dfe4d5;color:#68785a;font-size:10px;padding:12px 16px}.stop-square{height:8px;width:8px;display:block;background:currentColor;border-radius:1px}.record-help{font-size:8px;color:#9aa38e;display:flex;align-items:center;gap:6px;justify-content:center;margin:11px 0 0}.record-help>.icon{width:11px;height:11px}.devices-panel{padding:20px;display:flex;flex-direction:column}.devices-heading{display:flex;align-items:center;gap:8px}.devices-heading h2{font-weight:600;font-size:14px;letter-spacing:-.3px;margin:0}.count-pill{border:1px solid #e4e9db;background:#f2f5ed;color:#839272;border-radius:4px;font-size:8px;padding:1px 5px}.small{font-size:10px}.muted{color:#8b9382}.devices-subtitle{margin:3px 0 20px}.device-list{display:flex;flex-direction:column;gap:9px}.device-card{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #e8ebdf;border-radius:9px;background:#fff;padding:12px 10px;min-width:0;width:100%;position:relative}.device-card.active{border-color:#a5b58e;background:#f8fbf2;box-shadow:0 0 0 1px #a5b58e0f}.phone-icon{display:grid;place-items:center;background:#eff2e9;border:1px solid #e6eadc;border-radius:7px;width:32px;height:39px;color:#7b896b;flex-shrink:0}.phone-icon .icon{height:23px;width:23px}.device-card.active .phone-icon{background:#e9f0de;color:#697e4e;border-color:#dae5ca}.device-card-name{font-size:10px;font-weight:600;display:block;color:#4c5841;word-break:break-word}.device-card-state{display:flex;align-items:center;gap:4px;font-size:8px;color:#a0aa92;line-height:1.8;margin-top:1px}.device-card-state>i{display:block;width:3px;height:3px;background:#7fa35a;border-radius:50%}.device-card.offline{opacity:.68}.device-card.offline .device-card-state>i{background:#a2aa99}.device-check{margin-left:auto;align-self:flex-start;background:#789057;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.device-check .icon{width:9px;height:9px;color:white;stroke-width:2.2}.device-detail{padding:15px 0 0}.device-detail dl{margin:0;display:grid;grid-template-columns:1fr auto;row-gap:8px;font-size:9px}.device-detail dt{color:#9ca78f}.device-detail dd{margin:0;color:#647650;text-align:right}.permission-chip{padding:8px 8px;display:flex;gap:7px;align-items:center;color:#6c7e58;background:#f3f7eb;border-radius:5px;font-size:8px;margin-top:13px}.permission-chip .icon{width:11px;height:11px;flex-shrink:0}.permission-chip.inactive{color:#ab9063;background:#faf6eb}.device-manage{display:flex;justify-content:flex-end;margin-top:5px}.device-manage button{border:0;background:none;font-size:8px;color:#9eaa90;padding:5px 0}.device-manage button:hover{color:#cc5a44}.device-add{background:#fff;border:1px dashed #d5deca;border-radius:7px;color:#8d9b7a;font-size:9px;width:100%;padding:8px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.device-add>span{font-size:15px;line-height:1}.device-add:hover{background:#f9fbf4}.connection-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #edf0e7;padding-top:13px;margin-top:auto;padding-bottom:0}.connection-note .icon{width:14px;height:14px;color:#a5b395;margin-top:2px}.connection-note p{font-size:8px;color:#a2ad95;margin:0;line-height:1.7}.recent-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-heading h2{font-size:15px;font-weight:600;letter-spacing:-.4px;margin:0 0 3px}.section-heading p{font-size:9px;color:#9aa38f;margin:0}.text-button{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:500;color:#748561;background:transparent;border:0;padding:7px 0}.text-button .icon{width:14px;height:14px}.recordings-list{display:flex;flex-direction:column;gap:8px}.recording-row{display:flex;align-items:center;gap:14px;border:1px solid #e4e9db;border-radius:9px;background:#fff;padding:13px 16px}.recording-play{width:31px;height:31px;border:1px solid #e1e8d6;background:#f1f5ea;border-radius:50%;display:grid;place-items:center;color:#7a8d62;flex-shrink:0}.recording-play .icon{width:13px;height:13px;fill:currentColor;stroke-width:1.3;margin-left:2px}.recording-play:disabled{opacity:.45}.recording-copy{min-width:0;width:195px;flex-shrink:0}.recording-name{display:block;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-subtitle{display:block;font-size:8px;color:#a0aa92;margin-top:2px}.recording-row-wave{display:flex;align-items:center;gap:2px;flex:1;height:24px;justify-content:center;min-width:40px;overflow:hidden;opacity:.8}.recording-row-wave>i{display:block;width:2px;background:#b9c7a6;border-radius:2px;flex-shrink:0}.recording-duration{font-size:10px;font-variant-numeric:tabular-nums;color:#71845b;min-width:33px;text-align:right}.recording-size{font-size:8px;color:#a2ad94;min-width:42px;text-align:right}.recording-state{font-size:8px;color:#7d9366;min-width:70px;display:flex;align-items:center;justify-content:center;gap:5px}.recording-state::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.recording-state.pending{color:#b49a63}.recording-state.failed{color:#cb775f}.recording-actions{display:flex;align-items:center;gap:5px;margin-left:5px}.recording-actions .icon-button{color:#9dab8d;padding:5px}.recording-actions .icon{width:14px;height:14px}.recording-actions .delete-recording:hover{color:var(--coral);background:#fff2eb}.recording-row.playing{border-color:#a8bb92;background:#fbfdf8}.recording-row.playing .recording-play{background:#78925a;color:#fff;border-color:#78925a}.recording-row.playing .recording-play .icon{fill:none;margin:0}.page-footer{margin-top:26px;padding:16px 0 0;border-top:1px solid #e5e9db;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a6af9a;letter-spacing:.1px}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer>span:last-child{font-size:7px;letter-spacing:1px}.footer-slash{color:#c3cbb9;margin:0 8px}.search-field{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:7px;border:1px solid #dfe5d5;background:#fff;min-width:255px}.search-field .icon{width:15px;height:15px;color:#9ca98c}.search-field input{border:0;outline:none;min-width:0;width:100%;font-size:10px;background:transparent;color:var(--ink)}.search-field input::placeholder{color:#9ca68e}.archive-toolbar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 0 16px;margin:4px 0 20px;font-size:10px;color:#8b987d}.archive-toolbar>span:last-child{font-size:8px}.empty-state{padding:38px 22px;border:1px dashed #dce4d0;border-radius:11px;text-align:center;color:#8d9a7f;background:#ffffff8c}.empty-state>.icon{height:25px;width:25px;margin:0 0 10px;color:#a1b18d}.empty-state h3{margin:0 0 7px;color:#64764f;font-size:13px;font-weight:500}.empty-state p{margin:0 auto;max-width:370px;font-size:10px;line-height:1.8}.device-list .empty-state{padding:20px 10px}.device-list .empty-state p{font-size:9px}.events-list{padding:8px 23px}.event-row{display:flex;align-items:flex-start;gap:14px;padding:19px 0;border-bottom:1px solid #edf1e6}.event-row:last-child{border:0}.event-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f0f5e8;color:#8d9f78;flex-shrink:0}.event-icon .icon{width:14px;height:14px}.event-copy{flex:1}.event-copy strong{font-size:11px;font-weight:500}.event-copy p{font-size:10px;color:#919e81;margin:3px 0 0;overflow-wrap:anywhere}.event-row time{font-size:9px;color:#9eaa90;text-align:right}.connect-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:23px}.connect-guide{padding:8px 27px}.guide-step{display:flex;align-items:flex-start;gap:20px;padding:26px 0;border-bottom:1px solid #edf0e7}.guide-step:last-child{border:0}.guide-step>span{color:var(--coral);font-size:11px;font-weight:600;background:#fff1e9;border:1px solid #f7ded0;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.guide-step h2{font-size:14px;font-weight:500;letter-spacing:-.3px;margin:3px 0 8px}.guide-step p{font-size:11px;line-height:1.9;color:#94a084;margin:0}.server-address{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#f6f8f0;border:1px solid #e5ebdb;padding:10px 11px;border-radius:7px;margin-top:14px}.server-address>span{width:100%;font-size:8px;color:#9aaa89}.server-address code{font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere;flex:1;min-width:0}.server-address .icon{height:14px;width:14px}.consent-panel{padding:29px 27px;background:#edf1e5;border-color:#e0e7d3}.consent-icon{width:48px;height:48px;background:#dfe9d1;border:1px solid #d2dec3;display:grid;place-items:center;border-radius:12px;color:#7f9664;margin:0 0 25px}.consent-icon .icon{height:25px;width:25px}.consent-panel h2{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:0 0 18px}.consent-panel>p{font-size:11px;line-height:1.9;color:#899b75;margin:0}.consent-panel ul{list-style:none;padding:22px 0;margin:0;display:flex;flex-direction:column;gap:15px}.consent-panel li{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#7b8e66}.consent-panel li .icon{width:14px;height:14px}.consent-note{border-top:1px solid #dbe5ce;padding-top:20px;color:#95a683;font-size:10px;line-height:1.8}.player{position:fixed;bottom:20px;left:calc(238px + 38px);right:38px;z-index:45;padding:15px 18px;border:1px solid #49563e;background:#2e3827;box-shadow:0 8px 30px #26321e30;border-radius:12px;display:flex;align-items:center;gap:17px;color:#ecf5df}.player-toggle{border:1px solid #6a7b55;border-radius:50%;width:35px;height:35px;padding:8px}.player-toggle .icon{width:16px;height:16px}.player-info{min-width:120px}.player-info strong,.player-info span{display:block;font-size:10px;font-weight:500}.player-info span{font-size:8px;color:#9eaf8a;margin-top:2px}.player input[type=range]{flex:1;accent-color:#b4ca95;min-width:0;height:3px}.player-time{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#b6c5a4}.player>.icon-button:last-child{color:#95a880}.modal{border:1px solid #dde6d1;padding:24px 28px 28px;border-radius:16px;max-width:440px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #1f2b1740}.modal::backdrop{background:#1f291c70;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.modal-head .section-eyebrow{font-size:8px}.modal-head>.icon-button{color:#93a081}.modal-head .icon{width:17px;height:17px}.modal-symbol{background:#f1f6e9;border:1px solid #dfe9d3;border-radius:10px;width:46px;height:46px;display:grid;place-items:center;color:#92a579;margin-bottom:17px}.modal h2{font-size:25px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0 0 11px}.modal>p{font-size:11px;margin:0 0 22px;line-height:1.8}.field-label{display:block;font-size:10px;font-weight:500;color:#7e8e6d;margin:17px 0 7px}input:not([type=range]),textarea{border:1px solid #dfe6d4;border-radius:7px;background:#fafcf7;color:#46543c;padding:11px 12px;font-size:11px;line-height:1.5;width:100%}input::placeholder,textarea::placeholder{color:#b0bba3}.modal form>.button,.modal #pair-result>.button{width:100%;margin-top:10px}.form-error{font-size:10px;line-height:1.7;color:#c46b50;margin:8px 0 0;min-height:17px}.pair-success{display:flex;align-items:center;gap:7px;font-size:11px;color:#7e9962;margin-top:25px}.pair-success .icon{height:16px;width:16px}.token-help{font-size:10px;line-height:1.8;color:#99a88a;margin:14px 0}.modal textarea{font-size:10px;font-family:ui-monospace,monospace;overflow-wrap:anywhere;resize:none}.confirm-modal{max-width:410px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.confirm-actions>.button-primary{background:var(--coral)}.toast{position:fixed;bottom:25px;right:28px;max-width:370px;border-radius:9px;padding:13px 18px;background:#34412c;color:#eef4e7;box-shadow:0 5px 22px #27351f25;font-size:11px;z-index:100;line-height:1.7}.toast.error{background:#8a4c3e}.menu-button,.sidebar-overlay{display:none}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{background:#252d22;color:#f1f6e8;position:relative;overflow:hidden;padding:53px;display:flex;flex-direction:column;min-height:650px}.login-brand{font-size:27px}.login-art-copy{margin:auto 0;padding:80px 0 160px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#a4b492}.login-art h1{font-size:clamp(38px,3.8vw,64px);letter-spacing:-2px;line-height:1.15;font-weight:400;margin:25px 0}.login-art p{font-size:13px;line-height:2;color:#a1af90}.login-art-footer{font-size:8px;letter-spacing:1.8px;color:#798c68;margin-top:auto;position:relative;z-index:1}.login-wave{position:absolute;bottom:180px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:6px;height:110px;opacity:.65}.login-wave i{width:4px;background:#849d6e;display:block;border-radius:5px}.login-panel{display:grid;place-items:center;padding:50px 35px;background:#f6f8f0}.login-box{width:100%;max-width:340px}.login-box h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:13px 0 11px}.login-box>p{font-size:12px;margin:0 0 33px}.login-submit{width:100%;margin-top:12px;min-height:43px}.login-submit .icon{margin-left:auto}.login-note{display:flex;gap:10px;padding:24px 0;margin-top:14px;border-bottom:1px solid #dfe7d3;color:#91a17f}.login-note .icon{width:17px;height:17px;margin-top:3px}.login-note p{font-size:10px;line-height:1.8;margin:0}.demo-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c9068;padding-top:22px}.demo-link span{font-size:17px}.busy{opacity:.55;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1450px){.content{padding-top:43px}.page-heading h1{font-size:39px}.recording-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr)}.recorder-center{padding:8px 35px 0}.recorder-center>p{font-size:11px}.mic-emblem{margin-top:8px}.recording-timer{font-size:49px}.waveform{height:74px;gap:5px}.recorder-bottom{padding:20px 28px}.devices-panel{padding:24px}.device-card{padding:15px 13px}.devices-subtitle{margin-bottom:22px}.device-detail{padding-top:20px}.connection-note{padding-top:18px}.recording-copy{width:230px}.recording-row{padding:16px 19px}.recent-section{margin-top:35px}}
@media(max-width:1150px){.sidebar{width:206px;padding:31px 17px 0}.sidebar>.brand{font-size:20px;gap:7px}.main-shell{margin-left:206px}.topbar{padding:0 25px}.content{padding:28px 25px 20px}.demo-banner{padding:9px 25px}.nav-item{font-size:11px;gap:10px;padding:12px 10px}.workspace-caption{font-size:8px;letter-spacing:1.1px;padding-left:10px}.privacy-card{padding:15px 12px}.privacy-card h3{font-size:11px}.privacy-card p{font-size:10px}.privacy-card>span{font-size:8px}.overview-stats{gap:22px}.stats-end{display:none}.recording-grid{gap:16px;grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr)}.devices-panel{padding:17px 15px}.recorder-center{padding:0 21px}.recording-timer{font-size:39px}.recorder h2{font-size:21px}.waveform{gap:2px}.recorder-bottom{padding:15px 18px}.button-stop{padding:12px 10px;font-size:9px}.recording-copy{width:166px}.recording-row-wave{display:none}.recording-row{gap:12px;padding:13px}.recording-state{margin-left:auto}.recording-size{min-width:35px}.recording-actions{gap:0}.player{left:231px;right:25px}.page-heading .button{font-size:10px;padding:10px 12px}.page-heading h1{font-size:31px}.page-heading p{font-size:10px}.device-card{padding:10px 8px}.connect-grid{grid-template-columns:1.3fr 1fr;gap:17px}.connect-guide{padding:4px 19px}.guide-step{gap:12px}.guide-step h2{font-size:13px}.guide-step p{font-size:10px}.consent-panel{padding:23px 20px}.consent-panel h2{font-size:20px}.consent-panel>p{font-size:10px}}
@media(max-width:900px){.sidebar{width:188px;padding:30px 13px 0}.main-shell{margin-left:188px}.sidebar>.brand{padding-left:8px;font-size:18px}.brand-symbol{gap:2px}.brand-symbol i{width:2.5px}.nav-item{font-size:10px;gap:9px}.nav-item .icon{width:16px;height:16px}.workspace-caption{font-size:7px;letter-spacing:1.1px}.privacy-card h3{font-size:10px}.privacy-card p{font-size:9px}.account strong{font-size:9px}.account span{font-size:8px}.topbar{height:61px;padding:0 22px}.content{padding:28px 22px 19px}.breadcrumb{font-size:9px;gap:11px}.server-state{font-size:8px}.demo-banner{padding:8px 22px;font-size:8px;gap:10px}.demo-banner button{font-size:8px}.page-heading{gap:15px;align-items:flex-start}.page-heading>.button{font-size:9px;padding:9px;min-height:34px;margin-top:23px}.page-heading>.button .icon{width:13px;height:13px}.section-eyebrow{font-size:8px}.page-heading h1{font-size:29px}.overview-stats{gap:20px}.overview-stats small{font-size:8px}.overview-stats strong{font-size:16px}.stat-icon{width:29px;height:29px}.overview-stats>div{gap:8px}.recording-grid{grid-template-columns:1fr;gap:17px}.recorder-center{padding:0 26px}.waveform{gap:4px;height:60px}.recorder h2{font-size:24px}.recorder-center>p{font-size:10px}.recording-timer{font-size:44px}.recorder-bottom{padding:16px 24px}.button-record{font-size:11px}.button-stop{padding:12px 18px;font-size:10px}.devices-panel{padding:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.devices-heading,.devices-subtitle{grid-column:1/-1}.devices-subtitle{margin-bottom:17px}.device-list{grid-row:3/5;align-self:start}.device-detail{padding-top:0;grid-column:2;grid-row:3}.device-add{grid-column:2;grid-row:4;margin-top:10px;align-self:end}.connection-note{grid-column:1/-1;margin-top:17px;padding-top:12px}.connection-note p{font-size:8px}.recording-row{gap:10px}.recording-copy{width:auto;flex:1}.recording-name{font-size:9px}.recording-state{min-width:56px;font-size:7px}.recording-size{display:none}.recording-actions{margin-left:0}.recording-duration{font-size:9px}.page-footer>span:last-child{font-size:6px;letter-spacing:.5px}.page-footer>span:first-child{font-size:7px}.player{left:210px;right:22px;gap:10px;padding:12px}.player-info{min-width:88px;max-width:120px}.player-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{font-size:8px}.connect-grid{grid-template-columns:1fr}.consent-panel h2 br{display:none}.connect-guide{padding:4px 24px}.guide-step p{font-size:11px}.consent-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px}.consent-panel h2{font-size:24px}.search-field{min-width:200px;max-width:225px;margin-top:23px}.search-field input{font-size:9px}.archive-toolbar{font-size:9px}.archive-toolbar>span:last-child{font-size:7px}.login-art{padding:35px}.login-art h1{font-size:39px;letter-spacing:-1.5px}.login-art p{font-size:11px}.login-brand{font-size:23px}.login-box h2{font-size:28px}}
@media(max-width:650px){.sidebar{width:238px;transform:translateX(-100%);transition:transform .25s;padding:32px 23px 0}.sidebar.open{transform:translateX(0)}.sidebar>.brand{font-size:22px}.workspace-caption{font-size:9px;padding-top:43px}.nav-item{font-size:12px;gap:12px}.nav-item .icon{width:18px;height:18px}.privacy-card h3{font-size:12px}.privacy-card p{font-size:11px}.privacy-card>span{font-size:9px}.account strong{font-size:10px}.account span{font-size:9px}.sidebar-overlay{display:block;position:fixed;inset:0;background:#20291a66;z-index:35;border:0}.main-shell{margin:0}.menu-button{display:inline-flex;margin:0 1px 0 -6px}.topbar{padding:0 18px;height:57px}.breadcrumb{gap:8px;font-size:8px}.breadcrumb>span:first-of-type{display:none}.breadcrumb-divider{display:none}.breadcrumb strong{font-size:10px}.server-state{font-size:8px}.demo-banner{padding:8px 18px;font-size:8px}.demo-banner button{font-size:0;gap:0}.demo-banner .icon{height:14px;width:14px}.content{padding:25px 18px 22px}.page-heading{position:relative;flex-wrap:wrap;gap:15px;margin-bottom:24px}.page-heading h1{font-size:33px;margin:10px 0}.page-heading p{font-size:10px}.page-heading>.button{margin-top:0;font-size:10px;padding:10px 12px}.page-heading>.button .icon{width:14px;height:14px}.overview-stats{padding:15px 0;margin-bottom:23px;justify-content:space-between;gap:10px}.overview-stats strong{font-size:16px}.overview-stats small{font-size:7px;line-height:1.9}.overview-stats>div{gap:7px}.stat-icon{height:28px;width:28px;border-radius:6px}.stat-icon .icon{width:14px;height:14px}.recording-grid{gap:17px}.panel-top{padding:17px 19px}.recorder-center{padding:0 20px}.mic-emblem{margin-top:6px}.recorder h2{font-size:25px}.recording-timer{font-size:46px;margin-top:17px}.waveform{height:65px;gap:3px}.waveform-caption{font-size:6px;padding-bottom:18px}.waveform-caption>span:last-child{font-size:6px}.recorder-bottom{padding:16px 19px}.duration-options button{padding:5px 14px;font-size:9px}.duration-row>span{font-size:10px}.button-record{font-size:11px}.button-stop{font-size:10px;padding:12px 14px}.record-help{font-size:7px}.devices-panel{padding:19px;column-gap:15px}.devices-heading h2{font-size:15px}.device-card-name{font-size:10px}.device-card-state{font-size:8px}.phone-icon{width:29px;height:35px}.device-card{padding:11px 8px;gap:8px}.device-detail dl{font-size:8px;gap:10px 6px}.permission-chip{font-size:7px;padding:7px;gap:5px}.device-add{font-size:8px}.device-manage button{font-size:7px}.connection-note p{font-size:8px}.recent-section{margin-top:25px}.section-heading h2{font-size:16px}.section-heading p{font-size:8px}.text-button{font-size:8px}.recording-row{padding:12px 11px;gap:10px}.recording-copy{min-width:0}.recording-name{font-size:10px;max-width:145px}.recording-subtitle{font-size:7px}.recording-state{display:none}.recording-duration{font-size:9px;min-width:29px}.recording-actions{gap:1px}.recording-actions .icon{width:14px;height:14px}.recording-actions .icon-button{padding:4px}.recording-play{width:29px;height:29px}.page-footer{margin-top:25px;gap:10px}.page-footer>span:last-child{font-size:5px;letter-spacing:.4px}.page-footer>span:first-child{font-size:7px}.footer-slash{margin:0 3px}.search-field{width:100%;max-width:none;margin-top:0;min-width:0;padding:10px 11px}.search-field input{font-size:11px}.archive-toolbar{font-size:9px;flex-direction:column;gap:6px}.archive-toolbar>span:last-child{font-size:8px}.events-list{padding:4px 17px}.event-row{gap:10px;padding:17px 0}.event-copy strong{font-size:10px}.event-copy p{font-size:9px}.event-row time{font-size:7px;max-width:55px}.event-icon{height:26px;width:26px}.connect-grid{gap:18px}.connect-guide{padding:3px 18px}.guide-step{gap:13px;padding:22px 0}.guide-step h2{font-size:14px}.guide-step p{font-size:10px}.consent-panel{padding:25px 22px}.consent-panel ul{grid-template-columns:1fr}.consent-panel>p{font-size:11px}.consent-panel li{font-size:11px}.consent-panel h2{font-size:24px}.player{left:12px;right:12px;bottom:12px;padding:12px;gap:10px;flex-wrap:wrap}.player-info{flex:1;max-width:none}.player-info strong{font-size:11px}.player input[type=range]{order:5;flex:none;width:100%;margin-top:3px}.player-time{font-size:8px}.player>.icon-button:last-child{margin-left:auto}.toast{left:18px;right:18px;bottom:18px;max-width:none;font-size:11px}.login-screen{display:block;min-height:100vh}.login-art{min-height:285px;padding:30px 28px}.login-art-copy{padding:37px 0 22px}.login-art h1{font-size:34px;margin:15px 0;line-height:1.1}.login-art p{display:none}.login-art .eyebrow{font-size:8px}.login-brand{font-size:22px}.login-art-footer{font-size:6px}.login-wave{left:auto;right:0;bottom:50px;width:150px;opacity:.35;transform:rotate(0);justify-content:flex-end}.login-panel{padding:35px 25px 50px}.login-box{max-width:380px}.login-box h2{font-size:29px}.login-box>p{font-size:11px;margin-bottom:20px}.modal{padding:21px 23px 24px}.modal h2{font-size:25px}.modal-head{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.archive-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.archive-pagination>span{font-size:9px;color:#95a185}.archive-pagination .button{font-size:10px}@media(max-width:650px){.archive-pagination{align-items:flex-start;gap:12px}.archive-pagination>span{font-size:8px}.archive-pagination .button{font-size:9px;padding:9px 11px}}

.duration-row{flex-wrap:wrap}.duration-options{margin-left:auto}.duration-options button{white-space:nowrap}.recording-duration{white-space:nowrap}.device-detail dd{max-width:145px}@media(max-width:1150px){.duration-options button{padding-left:8px;padding-right:8px}}@media(max-width:420px){.duration-row{display:block}.duration-row>span{display:block;margin-bottom:8px}.duration-options{display:flex;width:100%}.duration-options button{flex:1;padding-left:7px;padding-right:7px}}
/* MICLINK MOBILE OPTIMIZATION v1 BEGIN */
/* Mobile panel refinement. Desktop rules above remain unchanged. */
@media (max-width:760px){
  body{font-size:15px;line-height:1.55}
  button,input,textarea,a{touch-action:manipulation}
  .main-shell{margin-left:0;min-width:0}
  .content{padding:22px 16px calc(210px + env(safe-area-inset-bottom));min-width:0}
  body:has(#player[hidden]) .content{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
  .sidebar{width:min(320px,calc(100vw - 56px));max-width:calc(100% - 56px);height:100vh;height:100dvh;padding:calc(26px + env(safe-area-inset-top)) 20px calc(12px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);z-index:80}
  .sidebar.open{transform:translateX(0)}
  .sidebar>.brand{font-size:24px;padding-left:8px;flex-shrink:0}
  .brand-symbol{gap:3px}.brand-symbol i{width:3px}
  .sidebar-overlay{display:block;position:fixed;inset:0;border:0;background:#20291a80;z-index:75;touch-action:none}
  .workspace-caption{font-size:11px;letter-spacing:1px;padding:32px 10px 14px}
  .navigation{gap:6px}
  .nav-item{min-height:48px;font-size:15px;gap:12px;padding:12px;border-radius:9px}
  .nav-item .icon{width:20px;height:20px}
  .nav-count{font-size:12px;min-width:24px}
  .sidebar-bottom{padding-top:28px}
  .privacy-card{padding:16px}.privacy-card h3{font-size:14px}.privacy-card p{font-size:13px;line-height:1.6}.privacy-card>span{font-size:12px}
  .account{padding:16px 0;margin-top:20px;gap:10px}
  .avatar{width:36px;height:36px;font-size:14px}
  .account strong{font-size:13px}.account span{font-size:12px}
  .icon-button{min-width:44px;min-height:44px;padding:10px}
  .icon-button .icon{width:20px;height:20px}
  .topbar{position:sticky;top:0;z-index:20;height:auto;min-height:66px;padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));gap:10px}
  .breadcrumb{flex:1;min-width:0;gap:8px;font-size:13px}
  .breadcrumb>span:first-of-type,.breadcrumb-divider{display:none}
  .breadcrumb strong{font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-button{display:inline-flex;flex-shrink:0;margin:0}
  .server-state{font-size:12px;line-height:1.35;max-width:128px;min-width:0;gap:7px;flex-shrink:0}
  #server-state-text{overflow-wrap:anywhere}
  .status-dot{width:6px;height:6px;flex-shrink:0}
  .demo-banner{padding:10px 16px;font-size:12px;line-height:1.4;gap:10px;align-items:center}
  .demo-banner>span{flex:1;min-width:0;gap:7px;align-items:flex-start}
  .demo-banner .tiny-dot{margin-top:6px}
  .demo-banner button{min-width:44px;min-height:44px;justify-content:center;padding:10px;font-size:0;flex-shrink:0}
  .demo-banner button .icon{width:18px;height:18px}
  .page-heading{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:22px;min-width:0}
  .page-heading>div{min-width:0}
  .section-eyebrow{font-size:11px;letter-spacing:1.1px}
  .page-heading h1{font-size:31px;line-height:1.15;letter-spacing:-1px;margin:9px 0 10px;overflow-wrap:anywhere}
  .page-heading p{font-size:14px;line-height:1.55}
  .button,.page-heading>.button{font-size:15px;min-height:48px;padding:12px 16px;margin-top:0;white-space:normal;line-height:1.35}
  .page-heading>.button{width:100%}
  .button .icon,.page-heading>.button .icon{width:18px;height:18px}
  .overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;justify-content:initial;padding:15px 0;margin-bottom:20px}
  .overview-stats>div{display:block;min-width:0}
  .overview-stats .stat-icon,.overview-stats .stats-end{display:none}
  .overview-stats strong{font-size:21px;line-height:1.25}
  .overview-stats small{font-size:12px;line-height:1.4;margin-top:4px;color:#78836e;overflow-wrap:anywhere}
  .recording-grid,.connect-grid{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
  .panel{min-width:0}
  .panel-top{padding:15px 16px;gap:10px;align-items:flex-start}
  .panel-top>.section-eyebrow{font-size:10px;line-height:1.6}
  .badge{font-size:11px;line-height:1.4;padding:5px 7px;max-width:55%;white-space:normal;flex-shrink:0}
  .badge i{flex-shrink:0}
  .recorder-center{padding:0 16px;min-width:0}
  .mic-emblem{width:44px;height:44px;margin:2px auto 11px}
  .recorder h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin-bottom:7px;overflow-wrap:anywhere}
  .recorder-center>p{font-size:14px;line-height:1.5;color:#77836b;overflow-wrap:anywhere}
  .recording-timer{font-size:48px;letter-spacing:-2px;margin:12px 0 8px;overflow-wrap:anywhere}
  .waveform{height:52px;gap:3px;padding:0 4px}
  .waveform-caption{padding:9px 0 15px;font-size:11px;line-height:1.45;color:#818c75;flex-wrap:wrap;align-items:flex-start;gap:6px}
  .waveform-caption>span:last-child{font-size:10px;letter-spacing:.7px}
  .recorder-bottom{padding:16px}
  .duration-row{display:block;margin-bottom:14px}
  .duration-row>span{display:block;font-size:14px;color:#68775b;margin-bottom:9px}
  .duration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;gap:4px;padding:4px;border-radius:8px}
  .duration-options button{min-height:44px;min-width:0;padding:8px 6px;font-size:14px;line-height:1.3;white-space:normal;color:#697859;border-radius:5px}
  .record-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px}
  .record-actions>.button{width:100%;min-width:0;min-height:52px;font-size:14px;line-height:1.35;padding:11px 9px;gap:7px}
  .button-record>.icon{display:none}
  .record-dot{width:9px;height:9px;flex-shrink:0;margin:0}
  .stop-square{flex-shrink:0}
  .record-help{font-size:12px;line-height:1.5;text-align:left;align-items:flex-start;justify-content:flex-start;gap:7px;margin-top:12px;color:#7a876b;overflow-wrap:anywhere}
  .record-help>.icon{width:15px;height:15px;margin-top:2px;flex-shrink:0}
  .devices-panel{display:flex;flex-direction:column;padding:18px;gap:0;min-width:0}
  .devices-heading h2{font-size:19px;line-height:1.3}
  .count-pill{font-size:12px;padding:2px 6px}
  .devices-subtitle{font-size:14px;margin:6px 0 16px}
  .device-list{display:flex;flex-direction:column;gap:10px;grid-row:auto;min-width:0}
  .device-card{min-height:76px;padding:13px 11px;gap:11px;min-width:0}
  .device-card>span:nth-child(2){min-width:0;flex:1}
  .device-card-name{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
  .device-card-state{font-size:12px;line-height:1.5;color:#77846c;gap:5px;margin-top:4px}
  .device-card-state>i{width:5px;height:5px;flex-shrink:0}
  .device-card.offline{opacity:.85}
  .phone-icon{width:38px;height:46px}
  .phone-icon .icon{width:26px;height:26px}
  .device-check{width:18px;height:18px}
  .device-check .icon{width:12px;height:12px}
  .device-detail{padding-top:16px;grid-column:auto;grid-row:auto;min-width:0}
  .device-detail dl{font-size:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .device-detail dt{color:#7b886d}
  .device-detail dd{max-width:none;overflow-wrap:anywhere}
  .permission-chip{font-size:13px;line-height:1.45;padding:10px;gap:7px}
  .permission-chip .icon{width:16px;height:16px}
  .device-manage{margin-top:4px}
  .device-manage button{min-height:44px;font-size:13px;line-height:1.4;padding:8px 0;color:#7b896d}
  .device-add{grid-column:auto;grid-row:auto;align-self:stretch;font-size:14px;min-height:48px;padding:10px;margin-top:10px}
  .connection-note{margin-top:18px;padding-top:14px;gap:8px}
  .connection-note p{font-size:12px;line-height:1.6;color:#7d8b6d}
  .connection-note .icon{width:17px;height:17px;flex-shrink:0}
  .recent-section{margin-top:25px}
  .section-heading{align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:14px}
  .section-heading h2{font-size:19px;line-height:1.35}
  .section-heading p{font-size:13px;line-height:1.5}
  .text-button{min-height:44px;font-size:14px;gap:8px;padding:8px 0}
  .text-button .icon{width:17px;height:17px}
  .recordings-list{gap:12px}
  .recording-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:7px 10px;padding:12px;min-width:0}
  .recording-play{grid-column:1;grid-row:1;width:44px;height:44px;align-self:start}
  .recording-play .icon{width:18px;height:18px}
  .recording-copy{grid-column:2/-1;grid-row:1;width:auto;min-width:0;flex-shrink:1;align-self:center}
  .recording-name{max-width:none;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
  .recording-subtitle{font-size:12px;line-height:1.5;margin-top:4px;color:#7d896e;overflow-wrap:anywhere}
  .recording-row-wave{display:none}
  .recording-duration{grid-column:1;grid-row:2;font-size:13px;line-height:1.4;min-width:0;text-align:left;white-space:nowrap}
  .recording-size{display:block;grid-column:2;grid-row:2;font-size:12px;line-height:1.4;text-align:left;min-width:0;color:#7d896e;overflow-wrap:anywhere}
  .recording-state{display:flex;grid-column:1/3;grid-row:3;font-size:12px;line-height:1.4;justify-content:flex-start;min-width:0;margin:0;gap:6px;white-space:normal;overflow-wrap:anywhere}
  .recording-state::before{flex-shrink:0}
  .recording-actions{grid-column:3;grid-row:2/4;display:flex;gap:4px;margin:0;align-self:end;justify-self:end}
  .recording-actions .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;color:#7c8e69}
  .recording-actions .icon{width:19px;height:19px}
  .page-footer{flex-direction:column;align-items:flex-start;gap:9px;margin-top:26px;padding-top:17px}
  .page-footer>span:first-child{font-size:12px;line-height:1.5}
  .page-footer>span:last-child{font-size:10px;letter-spacing:.5px;overflow-wrap:anywhere}
  .search-field{width:100%;max-width:none;min-width:0;min-height:48px;margin-top:0;padding:10px 12px}
  .search-field .icon{width:19px;height:19px}
  .search-field input[type=search]{font-size:16px;line-height:1.5;min-height:28px;height:auto;padding:0;border:0;outline:none;background:transparent}
  .archive-toolbar{font-size:13px;line-height:1.5;flex-direction:column;gap:7px;padding-bottom:14px;margin-bottom:16px}
  .archive-toolbar>span:last-child{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
  .archive-pagination{flex-direction:column;align-items:stretch;gap:12px;margin-top:18px}
  .archive-pagination>span{font-size:13px;line-height:1.5}
  .archive-pagination .button{font-size:14px;min-height:48px;width:100%;padding:12px 16px}
  .empty-state{padding:28px 18px}
  .empty-state>.icon{width:30px;height:30px}
  .empty-state h3{font-size:16px;line-height:1.4}
  .empty-state p,.device-list .empty-state p{font-size:14px;line-height:1.6}
  .events-list{padding:3px 16px}
  .event-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px 11px;padding:18px 0;min-width:0}
  .event-icon{width:32px;height:32px;grid-column:1;grid-row:1/3}
  .event-icon .icon{width:18px;height:18px}
  .event-copy{grid-column:2;grid-row:1;min-width:0}
  .event-copy strong{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
  .event-copy p{font-size:13px;line-height:1.6;margin-top:4px;color:#78876a}
  .event-row time{grid-column:2;grid-row:2;font-size:12px;line-height:1.4;text-align:left;max-width:none;color:#7f8d70}
  .connect-guide{padding:2px 17px}
  .guide-step{padding:22px 0;gap:12px}
  .guide-step>span{width:32px;height:32px;font-size:12px}
  .guide-step>div{min-width:0;flex:1}
  .guide-step h2{font-size:17px;line-height:1.4;margin:3px 0 8px}
  .guide-step p{font-size:14px;line-height:1.7;color:#77876a;overflow-wrap:anywhere}
  .server-address{padding:11px;gap:8px;min-width:0}
  .server-address>span{font-size:12px}
  .server-address code{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
  .server-address .icon-button{min-width:44px;min-height:44px}
  .consent-panel{padding:24px 20px}
  .consent-panel h2{font-size:25px;line-height:1.3}
  .consent-panel h2 br{display:none}
  .consent-panel>p{font-size:14px;line-height:1.7;color:#748665}
  .consent-panel ul{display:flex;flex-direction:column;gap:16px;padding:21px 0}
  .consent-panel li{font-size:14px;line-height:1.6;gap:9px}
  .consent-panel li .icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}
  .consent-note{font-size:13px;line-height:1.6;color:#7f906e}
  .player{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px 10px;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px;border-radius:12px;z-index:60;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
  .player-toggle{grid-column:1;grid-row:1;width:44px;height:44px}
  .player-info{grid-column:2;grid-row:1;min-width:0;max-width:none;width:auto}
  .player-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.4;white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
  .player-info span{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
  .player input[type=range]{grid-column:1/-1;grid-row:2;width:100%;min-width:0;height:38px;margin:0;order:initial;flex:none}
  .player-time{grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.4;text-align:right;white-space:nowrap}
  .player>.icon-button:last-child{grid-column:3;grid-row:1;margin:0;width:44px;height:44px;align-self:start}
  .modal{width:calc(100% - 24px);max-width:440px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;border-radius:14px;overflow-y:auto;overscroll-behavior:contain}
  .modal-head{margin-bottom:18px;gap:8px}
  .modal-head .section-eyebrow{font-size:10px}
  .modal-head>.icon-button{flex-shrink:0}
  .modal h2{font-size:27px;line-height:1.25;overflow-wrap:anywhere}
  .modal>p{font-size:14px;line-height:1.6;margin-bottom:20px}
  .field-label{font-size:14px;line-height:1.5;margin:16px 0 8px}
  input:not([type=range]),textarea{font-size:16px;line-height:1.5;min-height:50px;padding:12px;min-width:0}
  .modal textarea{font-size:16px;line-height:1.5;overflow-wrap:anywhere;word-break:break-all}
  .form-error{font-size:13px;line-height:1.6;min-height:20px;margin-top:8px}
  .pair-success{font-size:14px;line-height:1.5;gap:8px}
  .pair-success .icon{width:20px;height:20px;flex-shrink:0}
  .token-help{font-size:13px;line-height:1.6;color:#7b8b6a}
  .confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
  .confirm-actions .button{padding:12px 8px}
  .toast{left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:none;padding:13px 15px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;z-index:100}
  body:has(#player:not([hidden])) .toast{bottom:calc(185px + env(safe-area-inset-bottom))}
  .login-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
  .login-art{min-height:0;padding:23px max(20px,env(safe-area-inset-right)) 23px max(20px,env(safe-area-inset-left));flex-shrink:0}
  .login-brand{font-size:24px}
  .login-art-copy,.login-wave,.login-art-footer{display:none}
  .login-panel{flex:1;padding:28px 20px calc(32px + env(safe-area-inset-bottom));min-width:0}
  .login-box{max-width:420px;min-width:0}
  .login-box h2{font-size:30px;line-height:1.2;margin:11px 0 13px}
  .login-box>p{font-size:14px;line-height:1.6;margin-bottom:24px;color:#78846c}
  .login-submit{min-height:52px;font-size:15px;margin-top:12px}
  .login-note{padding:22px 0;gap:10px}
  .login-note p{font-size:13px;line-height:1.65}
  .login-note .icon{width:19px;height:19px;flex-shrink:0}
  .demo-link{font-size:14px;line-height:1.5;min-height:48px;padding-top:19px}
  @media (max-width:350px){
    .record-actions{grid-template-columns:minmax(0,1fr)}
    .server-state{max-width:112px;font-size:11px}
    .page-heading h1{font-size:29px}
    .devices-panel{padding:16px}
  }
  @media (prefers-reduced-motion:reduce){
    .sidebar{transition:none}
  }
}
/* MICLINK MOBILE OPTIMIZATION v1 END */