@font-face{font-family:Scribe Display;font-weight:600;src:local("Avenir Next Demi Bold"),local("AvenirNext-DemiBold"),local("Avenir Next LT Pro Demi"),local("AvenirNextLTPro-Demi")}:root{color-scheme:dark;--brand: #003594;--brand-hover: #0a46b8;--brand-deep: #001c52;--accent: #78a6ff;--accent-soft: rgba(61, 129, 255, .14);--accent-line: rgba(120, 166, 255, .28);--focus-ring: 0 0 0 3px rgba(61, 129, 255, .35);--bg-page: #0a0e16;--surface: #10151f;--surface-raised: #151b27;--surface-hover: #1b2331;--surface-input: #0c111a;--border: #212a39;--border-strong: #2e394c;--text-main: #e7ebf3;--text-muted: #98a2b5;--text-faint: #667086;--danger: #dc2626;--danger-text: #f87171;--danger-soft: rgba(239, 68, 68, .12);--success-text: #4ade80;--success-soft: rgba(34, 197, 94, .12);--warning-text: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--chip-bg: rgba(255, 255, 255, .06);--track: rgba(255, 255, 255, .03);--backdrop: rgba(3, 6, 12, .72);--loader-bg: rgba(5, 8, 14, .82);--range-bg: #1b2a48;--auth-glow: rgba(0, 53, 148, .6);--logo-ink: #fff;--logo-accent: var(--accent);--person-2: #f0b46a;--toggle-knob: var(--text-main);--radius-sm: 2px;--radius: 3px;--radius-lg: 4px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .55);--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Scribe Display", "Avenir Next", "Avenir", "Nunito Sans", "Inter", system-ui, sans-serif;--sidebar-width: 248px;--sidebar-collapsed: 68px}:root[data-theme=light]{color-scheme:light;--accent: #0a46b8;--accent-soft: rgba(0, 53, 148, .08);--accent-line: rgba(0, 53, 148, .22);--focus-ring: 0 0 0 3px rgba(0, 53, 148, .18);--bg-page: #f4f6fa;--surface: #ffffff;--surface-raised: #f8fafd;--surface-hover: #edf1f7;--surface-input: #ffffff;--border: #e2e7ef;--border-strong: #cdd5e1;--text-main: #0f172a;--text-muted: #526073;--text-faint: #8794a7;--danger-text: #c81e1e;--danger-soft: rgba(220, 38, 38, .08);--success-text: #15803d;--success-soft: rgba(22, 163, 74, .1);--warning-text: #b45309;--warning-soft: rgba(217, 119, 6, .1);--chip-bg: rgba(15, 23, 42, .06);--track: rgba(15, 23, 42, .05);--backdrop: rgba(15, 23, 42, .45);--loader-bg: rgba(244, 246, 250, .85);--range-bg: #dbe5f8;--auth-glow: rgba(0, 53, 148, .16);--logo-ink: #191a29;--logo-accent: var(--brand);--person-2: #b4580a;--toggle-knob: #ffffff;--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .14)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}a{color:var(--accent)}::selection{background:#3d81ff59}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}#app{flex:1;min-height:0;display:flex}.screen{display:none;width:100%;height:100%}.screen.active{display:flex!important}.hidden{display:none!important}.view{display:none;flex-direction:column;height:100%;overflow-y:auto;padding:2rem 2.25rem}.view.active{display:flex}#loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-page);z-index:9999}.loading-screen-status{flex-direction:column;margin-top:1rem}#login-screen,#forgot-password-screen,#reset-password-screen,#new-password-screen{height:100%;width:100%;background:radial-gradient(1100px 560px at 50% -12%,var(--auth-glow),transparent 62%),var(--bg-page);display:flex!important;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto}#login-screen.hidden,#forgot-password-screen.hidden,#reset-password-screen.hidden,#new-password-screen.hidden{display:none!important}.login-wrapper{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:1rem}.brand-logo{display:block;width:210px;height:44px;color:var(--logo-ink);--logo-mark: var(--logo-accent)}.login-card{background:var(--surface);border:1px solid var(--border);padding:2.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%}.login-card h2{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.login-subtext{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.input-group{margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.input-group input,.input-group textarea,.input-modern,.select-modern,.textarea-large{width:100%;padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-input);color:var(--text-main);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-group input::placeholder,.input-modern::placeholder,textarea::placeholder{color:var(--text-faint)}.input-group input:focus,.input-group textarea:focus,.input-modern:focus,.select-modern:focus,.textarea-large:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.input-modern:disabled,.input-group input:disabled{color:var(--text-muted);background:var(--surface-raised);cursor:not-allowed}.select-modern{appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2398a2b5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.select-modern option{background:var(--surface-raised);color:var(--text-main)}.select-compact{width:auto;padding:.4rem 2rem .4rem .7rem;font-size:.85rem;background-position:right .6rem center}.input-label,.select-wrapper label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.input-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.btn-primary,.btn-primary-block{background:var(--brand);color:#fff;border:1px solid var(--accent-line);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.btn-primary-block{width:100%;padding:.85rem;font-size:1rem}.btn-primary{padding:.7rem 1.4rem;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover,.btn-primary-block:hover{background:var(--brand-hover);box-shadow:0 6px 18px #00359473}.btn-primary:focus-visible,.btn-primary-block:focus-visible,.btn-secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary:disabled,.btn-primary-block:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-danger{background:var(--danger);border-color:#f8717166}.btn-danger:hover{background:#b91c1c;box-shadow:0 6px 18px #dc262659}.btn-secondary{padding:.7rem 1.4rem;background:transparent;color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius);font-weight:500;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-faint)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:.4rem .8rem;font-size:.8rem;border:1px solid var(--border-strong);background:transparent;border-radius:var(--radius);color:var(--text-main);cursor:pointer;font-weight:500;transition:all .2s}.btn-small:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.error-text{color:var(--danger-text);text-align:center;margin-top:1rem;font-size:.875rem;min-height:1.25rem}.dev-login-hint{margin-top:.75rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.success-text{color:var(--success-text);text-align:center;margin-top:1rem;font-size:.875rem;min-height:1.25rem;font-weight:500}.password-requirements{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.forgot-password-link{text-align:center;margin-top:1.5rem}.forgot-password-link a{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500}.forgot-password-link a:hover{text-decoration:underline}.back-to-login{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.back-to-login a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s}.back-to-login a:hover{color:var(--accent)}.tag{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tag-accent{background:var(--accent-soft);color:var(--accent)}.tag-muted{background:var(--chip-bg);color:var(--text-muted)}.initials-box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.03em;-webkit-user-select:none;user-select:none}#dashboard-screen{display:flex;height:100%;width:100%}#dashboard-screen.hidden{display:none!important}.sidebar{width:var(--sidebar-width);height:100%;background:linear-gradient(180deg,#0b4ac0 0%,var(--brand) 38%,#00276f 72%,var(--brand-deep) 100%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0;overflow:hidden;color:#fff}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-details,.sidebar.collapsed .btn-logout span,.sidebar.collapsed .sidebar-logo-full{display:none}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:.75rem;padding:1.1rem .5rem}.sidebar.collapsed .nav-item,.sidebar.collapsed .btn-logout,.sidebar.collapsed .user-info{justify-content:center}.sidebar-header{padding:1.25rem 1rem 1.25rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand{display:flex;align-items:center;color:#fff}.sidebar-logo-full{display:block;width:124px;height:26px}.sidebar-logo-mark{display:none;width:28px;height:28px}.sidebar.collapsed .sidebar-logo-mark{display:block}.sidebar-toggle{background:none;border:none;color:#ffffffbf;cursor:pointer;padding:.45rem .55rem;border-radius:var(--radius);transition:background .2s,color .2s}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-nav{flex:1;min-height:0;padding:1rem .75rem;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:.2rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;color:#ffffffc7;text-decoration:none;border-radius:var(--radius);transition:background .2s,color .2s;font-size:.92rem;font-weight:500}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff24;color:#fff}.nav-item i{width:20px;text-align:center;font-size:1rem}.sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.2rem}.user-info{display:flex;align-items:center;gap:.7rem;padding:.6rem .5rem;margin-top:.35rem;min-width:0}.user-avatar.initials-box{width:34px;height:34px;background:#ffffff24;border-color:#ffffff38;color:#fff}.user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-email-text{color:#fff;font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-text{color:#fff9;font-size:.75rem;text-transform:capitalize}.btn-logout{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:none;border:none;color:#ffffffc7;cursor:pointer;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.btn-logout:hover{background:#ef444433;color:#fecaca}.main-content{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;background:var(--bg-page)}.theme-toggle{position:absolute;top:10px;right:14px;z-index:20;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.theme-toggle:hover{color:var(--text-main);background:var(--surface-hover)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.view-header{margin-bottom:1.5rem;padding-right:3rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.view-header h1{font-size:1.75rem;color:var(--text-main);margin-right:auto}.view-header h1:has(+.tag){margin-right:0}.view-header h1+.tag{margin-right:auto}.view-header p{width:100%;color:var(--text-muted);font-size:.95rem;order:3;margin-top:-.35rem}#view-scribe{container-type:inline-size}.scribe-home{display:flex;flex-direction:column;width:100%;max-width:1440px;margin:0 auto}.activity-head{display:flex;align-items:center;gap:.5rem;margin:2.75rem 0 1rem}.activity-title{font-size:1.05rem;color:var(--text-main)}.activity-rail{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;align-items:start}.activity-rail .dashboard-error{grid-column:1 / -1}@container (max-width: 640px){.activity-rail{grid-template-columns:minmax(0,1fr)}}@container (min-width: 980px){.setup-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);column-gap:2.5rem}.setup-card>.card-row{grid-column:1}.setup-card>.card-row.grid-2{margin-bottom:0}.setup-card .grid-2{grid-template-columns:minmax(0,1fr)}.setup-card>.action-center{grid-column:2;grid-row:1 / span 2;justify-content:center;margin:0;padding:0 0 0 2.5rem;border-top:none;border-left:1px solid var(--border)}}#view-scribe.is-workspace .scribe-home{display:none}.setup-card{background:var(--surface);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card)}.card-row{margin-bottom:1.5rem;position:relative}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.action-center{isolation:isolate;display:flex;flex-direction:column;align-items:center;margin-top:.5rem;padding-top:2rem;border-top:1px solid var(--border);gap:1rem}.secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem}.btn-mic-test,#upload-audio-label{font-size:.85rem;padding:.5rem 1rem}#recording-status{font-size:.9rem;color:var(--text-muted);font-weight:500;text-align:center}#recording-status:empty{display:none}#recording-status[data-tone=error]{color:var(--danger-text)}.record-btn{position:relative;font-size:17px;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;padding:1em 2.5em;display:inline-flex;align-items:center;gap:.65em;cursor:pointer;border-radius:6em;transition:all .2s;border:none;font-family:inherit;font-weight:500;color:#fff;background-color:var(--brand);background-image:linear-gradient(180deg,#0b4ac0,var(--brand));box-shadow:0 6px 18px #00359473}.record-btn i{font-size:.95em}.record-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0035948c}.record-btn:active{transform:translateY(-1px);box-shadow:0 5px 10px #00359480}.record-btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s;background:inherit}.record-btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.record-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.record-btn.recording{background-color:var(--danger);background-image:linear-gradient(180deg,#ef4444,var(--danger));box-shadow:0 6px 18px #dc262666}.record-btn.recording:hover{box-shadow:0 10px 20px #dc262680}.record-btn.recording:after{animation:record-pulse 2.4s ease-out infinite}.record-btn-time{min-width:3.2em;padding-left:.65em;border-left:1px solid rgba(255,255,255,.4);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:left}@keyframes record-pulse{0%{transform:scale(1);opacity:.7}40%{transform:scaleX(1.35) scaleY(1.7);opacity:0}to{transform:scaleX(1.35) scaleY(1.7);opacity:0}}.record-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.record-btn:disabled:after{display:none}@media(prefers-reduced-motion:reduce){.record-btn.recording:after{animation:none;opacity:0}}.results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius);margin-top:4px;box-shadow:var(--shadow-lg);z-index:100;max-height:250px;overflow-y:auto}.patient-result-item{padding:.7rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.patient-result-item:last-child{border-bottom:none}.patient-result-item:hover{background:var(--surface-hover)}.patient-result-id{color:var(--text-faint);font-size:.8em;margin-left:.25rem}.patient-result-item.add-new{color:var(--accent);font-weight:600;background:var(--accent-soft)}.patient-result-item.add-new:hover{background:#3d81ff38}#office-activity[data-state=loading] .dash-card{opacity:.55}#office-activity[data-state=error] .dash-card{display:none}.dashboard-error{display:none;flex-direction:column;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger-text);font-size:.9rem}#office-activity[data-state=error] .dashboard-error{display:flex}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem .9rem;min-width:0;transition:opacity .2s}.dash-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.dash-card-title{font-size:.95rem;color:var(--text-main)}.dash-card-sub{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .6rem;margin:.8rem 0 .9rem}.metric-value{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-caption{color:var(--text-muted);font-size:.85rem}.dbar-plot{position:relative;height:130px;border-bottom:1px solid var(--border-strong);touch-action:pan-y}.dbar-canvas,.dbar-bloom{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.dbar-bloom{opacity:0;transition:opacity .22s ease}.dbar.is-hovered .dbar-bloom{opacity:.7}.dbar-values{position:absolute;inset:0;pointer-events:none}.dbar-value{position:absolute;transform:translate(-50%);font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-main);opacity:0;transition:opacity .3s,color .2s}.dbar-value.is-in{opacity:1}.dbar-value.is-dim{opacity:.45}.dbar-value.is-active{color:var(--accent)}.dbar-axis{display:grid;margin-top:.6rem}.dbar-tick{display:flex;flex-direction:column;align-items:center;gap:.1rem}.dbar-tick-label{font-size:.8rem;font-weight:600;color:var(--text-main)}.dbar-tick-sub{font-size:.72rem;color:var(--text-muted)}.leaderboard{list-style:none;display:flex;flex-direction:column;max-height:min(68vh,640px);overflow-y:auto}.leader-row{display:grid;grid-template-columns:1.4rem 2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .2rem;border-top:1px solid var(--border)}.leader-row:first-child{border-top:none}.leader-rank{color:var(--text-faint);font-size:.85rem;font-variant-numeric:tabular-nums;text-align:right}.leader-main{display:flex;flex-direction:column;gap:.4rem;min-width:0}.leader-name{display:flex;align-items:center;gap:.45rem;min-width:0;font-size:.9rem;font-weight:500}.leader-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-bar{display:block;height:8px;background:var(--track)}.leader-bar canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.leader-count{min-width:2ch;text-align:right;font-family:var(--font-display);font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums}.leader-row.is-zero .leader-name,.leader-row.is-zero .leader-count{color:var(--text-muted)}.leaderboard-empty{padding:1.5rem 0;text-align:center;color:var(--text-muted);font-size:.9rem}.visits-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem}.visits-filters .input-modern{flex:1;max-width:400px}.visits-filters .select-modern{width:200px}.date-filter{position:relative;display:flex;align-items:center;gap:.6rem;min-width:220px;padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-input);color:var(--text-muted);font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s}.date-filter:hover{border-color:var(--text-faint)}.date-filter:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.date-filter.active{border-color:var(--accent);color:var(--text-main)}.date-filter>.fa-calendar{color:var(--accent)}.date-filter-label{flex:1;white-space:nowrap}.date-filter-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);cursor:pointer}.date-filter-clear:hover{background:var(--surface-hover);color:var(--text-main)}.date-filter-input{position:absolute;inset:0;opacity:0;pointer-events:none}.date-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-bottom:1px solid var(--border)}.date-presets button{padding:5px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-main);font-size:.8rem;cursor:pointer}.date-presets button:hover{border-color:var(--accent);color:var(--accent)}.flatpickr-calendar{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-body)}.flatpickr-calendar:before,.flatpickr-calendar:after{display:none}.flatpickr-calendar .flatpickr-months{position:relative}.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,span.flatpickr-weekday{background:var(--surface-raised)}span.flatpickr-weekday{color:var(--text-muted)}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--text-main);fill:var(--text-main)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--accent)}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:var(--text-muted)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:var(--text-muted)}.flatpickr-day{color:var(--text-main);border-radius:var(--radius)}.flatpickr-day:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{background:var(--surface-hover);border-color:var(--surface-hover)}.flatpickr-day.today{border-color:var(--accent)}.flatpickr-day.today:hover,.flatpickr-day.today:focus{background:var(--accent-soft);border-color:var(--accent);color:var(--text-main)}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange{background:var(--range-bg);border-color:var(--range-bg);box-shadow:-5px 0 0 var(--range-bg),5px 0 0 var(--range-bg)}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:var(--radius) 0 0 var(--radius)}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 var(--radius) var(--radius) 0}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:var(--radius)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--brand);border-color:var(--brand);color:#fff}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 var(--brand)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--text-faint)}.btn-clear-filters{border:none;background:none;padding:0;color:var(--accent);font-size:.9rem;font-weight:500;cursor:pointer}.btn-clear-filters:hover{text-decoration:underline}.visits-list{display:flex;flex-direction:column;gap:.6rem;transition:opacity .15s}.visits-list.is-loading{opacity:.55;pointer-events:none}.visit-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.15rem;display:flex;align-items:center;gap:1rem;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.visit-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.visit-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visit-initials{width:44px;height:44px;font-size:.9rem}.visit-info{display:flex;flex-direction:column;flex:1;min-width:0}.visit-patient{font-weight:600;color:var(--text-main);margin-bottom:.25rem}.visit-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:1rem}.visit-meta i{color:var(--text-faint);margin-right:.15rem}.visit-chevron{color:var(--text-faint);transition:color .2s,transform .2s}.visit-card:hover .visit-chevron{color:var(--text-main);transform:translate(2px)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state i{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.loading-spinner i{font-size:1.4rem;color:var(--accent)}.pagination-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pagination-numbers{display:flex;gap:.5rem;align-items:center}.btn-page-number{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-page-number:hover{border-color:var(--accent);color:var(--accent)}.btn-page-number.active{background:var(--brand);border-color:var(--brand);color:#fff}.btn-pagination{padding:.55rem 1.1rem;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-main);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-pagination:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;transition:border-color .2s}.template-card:hover{border-color:var(--accent-line)}.template-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.template-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text-main)}.template-badge{font-size:.65rem;padding:.2rem .45rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.template-badge.default{background:var(--accent-soft);color:var(--accent)}.template-badge.custom{background:var(--success-soft);color:var(--success-text)}.template-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.template-preview{background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-size:.82rem;color:var(--text-muted);max-height:100px;overflow:hidden;position:relative;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.template-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--surface-input))}.template-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.template-actions button{flex:1;padding:.5rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:transparent;border:1px solid var(--border-strong);color:var(--text-main)}.btn-edit:hover{background:var(--surface-hover)}.btn-delete{background:transparent;border:1px solid var(--border-strong);color:var(--danger-text)}.btn-delete:hover{background:var(--danger-soft);border-color:var(--danger-text)}.textarea-large{min-height:250px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.6;resize:vertical}.settings-sections{display:flex;flex-direction:column;gap:1.25rem;max-width:600px}.settings-card,.invite-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.settings-card h3,.invite-card h3{font-size:1.05rem;color:var(--text-main);margin-bottom:1.25rem;display:flex;align-items:center;gap:.6rem}.settings-card h3 i,.invite-card h3 i{color:var(--accent);font-size:.95rem}.settings-form,.invite-form{display:flex;flex-direction:column;gap:1rem}.settings-form .input-group,.invite-form .input-group{margin-bottom:0}.settings-form .btn-primary{align-self:flex-start;margin-top:.5rem}.settings-form .error-text,.settings-form .success-text,.invite-form .error-text,.invite-form .success-text{margin-top:0;text-align:left}.settings-form .error-text:empty,.settings-form .success-text:empty,.invite-form .error-text:empty,.invite-form .success-text:empty{display:none}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.settings-row-info{display:flex;flex-direction:column}.settings-label{font-weight:500;color:var(--text-main)}.settings-sublabel{font-size:.85rem;color:var(--text-muted)}.logout-card-text{margin-bottom:1rem}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-strong);transition:.3s;border-radius:var(--radius)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--toggle-knob);transition:.3s;border-radius:var(--radius-sm)}input:checked+.toggle-slider{background-color:var(--brand)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.coming-soon-text{font-size:.8rem;color:var(--warning-text);font-weight:500;margin-top:.5rem}.invite-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:1000px}.invite-form .btn-primary{margin-top:.5rem}.team-list{display:flex;flex-direction:column;gap:.6rem;max-height:400px;overflow-y:auto;padding-bottom:2rem;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.team-member-card{display:flex;align-items:center;gap:.9rem;padding:.85rem;background:var(--surface-raised);border-radius:var(--radius);border:1px solid var(--border)}.team-member-avatar{width:38px;height:38px;font-size:.8rem}.team-member-info{flex:1;min-width:0}.team-member-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-email{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.team-member-badge.admin{background:var(--accent-soft);color:var(--accent)}.team-member-badge.user{background:var(--chip-bg);color:var(--text-muted)}.team-member-badge.pending{background:var(--warning-soft);color:var(--warning-text)}.team-member-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.action-buttons{display:flex;align-items:center;gap:.5rem}.btn-resend,.btn-delete-user{background:transparent;padding:.35rem;border-radius:var(--radius);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;width:32px;height:32px}.btn-resend{color:var(--accent);border:1px solid var(--accent-line)}.btn-resend:hover{background:var(--brand);border-color:var(--brand);color:#fff}.btn-delete-user{color:var(--danger-text);border:1px solid rgba(248,113,113,.3)}.btn-delete-user:hover{background:var(--danger);border-color:var(--danger);color:#fff}.team-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.team-list .empty-state p{margin:0;font-weight:500}.team-list .empty-state .empty-subtext{font-size:.85rem;font-weight:400;margin-top:.25rem}.team-list .empty-state.error i,.team-list .empty-state.error p{color:var(--danger-text);opacity:1}@media(max-width:900px){.invite-section{grid-template-columns:1fr}}.workspace{--workspace-bar-h: 56px;width:100%;max-width:860px;margin:0 auto;padding-bottom:3rem}#view-scribe.is-workspace,#view-visits.is-detail{padding-top:0}.workspace-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--workspace-bar-h);margin-bottom:1.75rem;background:var(--bg-page);border-bottom:1px solid var(--border)}.btn-back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .25rem;background:none;border:none;border-radius:var(--radius);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s}.btn-back-link:hover{color:var(--text-main)}.btn-back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-copy{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--brand);color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-copy:hover{background:var(--brand-hover)}.btn-copy:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-copy-quiet{padding:.4rem .8rem;border-color:var(--border-strong);background:transparent;color:var(--text-main);font-size:.85rem;font-weight:500}.btn-copy-quiet:hover{background:var(--surface-hover)}.btn-copy.is-copied,.btn-copy.is-copied:hover{border-color:#4ade8073;background:var(--success-soft);color:var(--success-text)}.btn-copy.is-failed,.btn-copy.is-failed:hover{border-color:#f8717166;background:var(--danger-soft);color:var(--danger-text)}.doc-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.25rem}.doc-initials{width:52px;height:52px;font-size:1rem}.doc-heading{min-width:0}.doc-title{font-size:1.6rem;line-height:1.2;overflow-wrap:anywhere}.doc-meta{margin-top:.3rem;color:var(--text-muted);font-size:.88rem}.doc-status{margin-top:.2rem;color:var(--text-muted);font-size:.85rem;font-weight:500}.doc-status:empty{display:none}.doc-status[data-tone=success]{color:var(--success-text)}.doc-status[data-tone=warning]{color:var(--warning-text)}.doc-status[data-tone=error]{color:var(--danger-text)}.doc-section-head{position:sticky;top:var(--workspace-bar-h);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;margin-bottom:.4rem;background:var(--bg-page)}.doc-section-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .9rem;min-width:0}.doc-section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.doc-hint{font-size:.8rem;color:var(--text-faint)}.doc-note{display:block;width:100%;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-main);font-size:.98rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;resize:none}textarea.doc-note{min-height:10rem;overflow-y:auto}.doc-note:focus{outline:none}.doc-note::placeholder{color:var(--text-faint)}.doc-note.is-empty{color:var(--text-muted)}.doc-divider{border:none;border-top:1px solid var(--border-strong);margin:2.5rem 0 2rem}.transcript{display:flex;flex-direction:column;gap:1rem}.turn{display:grid;grid-template-columns:6.25rem minmax(0,1fr);gap:1rem}.turn-speaker{padding-top:.2rem;color:var(--text-faint);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.turn[data-person="1"] .turn-speaker{color:var(--accent)}.turn[data-person="2"] .turn-speaker{color:var(--person-2)}.turn-text{color:var(--text-main);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-empty{color:var(--text-muted)}.modal{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal.hidden{display:none}.modal-content{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-large{max-width:800px}.modal-header{padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:var(--radius);transition:color .2s,background .2s}.modal-close:hover{color:var(--text-main);background:var(--surface-hover)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.divider{margin:1.5rem 0;border:none;border-top:1px solid var(--border)}.demo-limit-body{text-align:center}.demo-limit-mark{width:48px;height:48px;color:var(--accent);margin-bottom:1rem}.demo-limit-lead{font-size:1.1rem;margin-bottom:.25rem}.demo-limit-links{margin:1.5rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.demo-limit-links a{width:220px}.mic-test-section{margin:1.5rem 0}.mic-test-section label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.mic-level-container{display:flex;align-items:center;gap:1rem}.mic-level-bar{flex:1;height:14px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mic-level-fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#84cc16 50%,#eab308,#ef4444);transition:width .05s ease-out}.mic-level-value{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:45px;text-align:right}.mic-test-hint{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.mic-status{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;background:var(--success-soft);border-radius:var(--radius);color:var(--success-text);font-weight:500}.mic-status.error{background:var(--danger-soft);color:var(--danger-text)}.mic-status i{font-size:1.1rem}.mic-check-popup{position:fixed;bottom:24px;right:24px;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mic-check-content{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.9rem 1.1rem;display:flex;align-items:center;gap:.9rem;min-width:280px}.mic-check-icon{width:38px;height:38px;border-radius:var(--radius);background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mic-check-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.mic-check-title{font-weight:600;font-size:.9rem}.mic-check-device{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mic-check-level{width:60px;height:6px;background:var(--surface-input);border-radius:var(--radius-sm);overflow:hidden}.mic-check-bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width .05s ease-out}.mic-check-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;margin-left:.5rem}.mic-check-close:hover{color:var(--text-main)}.global-loader{position:fixed;inset:0;background:var(--loader-bg);display:flex;align-items:center;justify-content:center;z-index:2000}.global-loader .loader-content{background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem}.global-loader .loader-text{font-weight:600}.dots{display:inline-flex;align-items:center;gap:6px}.dots span{width:7px;height:7px;border-radius:var(--radius-sm);background:var(--accent);display:inline-block;animation:dotBounce 1s infinite ease-in-out}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.demo-banner{flex:none;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(90deg,var(--brand-deep),var(--brand) 60%,#0b4ac0);border-bottom:1px solid var(--accent-line);color:#fff;font-size:.82rem;z-index:1000}.demo-banner-title{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;padding:.15rem .45rem;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);white-space:nowrap}.demo-banner-notice{flex:1;opacity:.92}.demo-banner-count{background:#ffffff24;padding:.2rem .6rem;border-radius:var(--radius-sm);font-weight:600;font-size:.78rem;white-space:nowrap}.bottom-nav{display:none}@media(max-width:768px){.grid-2{grid-template-columns:1fr}.visits-filters{flex-direction:column;align-items:stretch}.visits-filters .input-modern,.visits-filters .select-modern,.visits-filters .date-filter{width:100%;max-width:none}.btn-clear-filters{align-self:flex-start}}@media(max-width:767px){.sidebar{display:none}.main-content{padding-bottom:64px}.view{padding:0 16px 32px}.view-header{padding:16px 2.75rem 0 0;margin-bottom:1rem}.view-header h1{font-size:1.5rem}.setup-card{padding:16px}.record-btn{font-size:16px}.dbar-plot{height:150px}.visit-card{padding:.9rem}.visit-meta{flex-direction:column;gap:4px;margin-top:6px;align-items:flex-start}.visit-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-card-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.workspace-bar{margin-bottom:1.25rem}.doc-header{margin-bottom:1.75rem}.doc-initials{width:44px;height:44px;font-size:.9rem}.doc-title{font-size:1.3rem}.doc-hint{display:none}.doc-divider{margin:2rem 0 1.5rem}.turn{grid-template-columns:minmax(0,1fr);gap:.2rem}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,var(--brand),var(--brand-deep));display:flex;z-index:600;border-top:1px solid var(--accent-line)}.bottom-nav .nav-item{flex:1;flex-direction:column;justify-content:center;gap:4px;padding:4px 0 0;font-size:11px;border-radius:0;color:#ffffffb3}.bottom-nav .nav-item i{font-size:17px}.bottom-nav .nav-item.active{color:#fff;background:#ffffff1f}.bottom-nav .nav-item:active{background:#ffffff14}.mic-check-popup{left:16px;right:16px;bottom:80px}.demo-banner{flex-wrap:wrap;gap:.4rem .75rem;padding:.5rem .75rem;font-size:.75rem}.demo-banner-notice{order:3;flex-basis:100%}.demo-banner-count{margin-left:auto}}