:root{--background:#f7faff;--surface:#fff;--surface-subtle:#f5f8ff;--surface-info:#f2f7ff;--surface-tip:#f1fbf8;--border:#dfe8f5;--border-strong:#cbd9ee;--text-primary:#112751;--text-secondary:#52698e;--text-muted:#7184a5;--primary:#356af5;--primary-hover:#2c5ddf;--primary-active:#244fc4;--primary-soft:#e8f0ff;--note:#6847e8;--note-hover:#5835d5;--note-soft:#f1edff;--note-surface:#f5f1ff;--note-hover-surface:#ede7ff;--note-active-surface:#e4dcff;--success:#2b9b73;--success-soft:#e5f7f1;--danger:#d94747;--danger-soft:#fff1f1;--focus-ring:#356af5;--radius:18px}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text-primary);background:radial-gradient(circle at 0 0,#356af50d,#0000 38%),linear-gradient(#f7faff 0%,#fff 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}a{color:var(--primary);-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 46%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 46%, transparent);text-underline-offset:.18em}button,input,textarea{font:inherit}button,.button{background:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.6rem .95rem;font-weight:650;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-flex}button:hover,.button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button:active,.button:active{transform:translateY(1px)}button:disabled{color:var(--text-muted);cursor:not-allowed;background:#d7e2f7;border-color:#d7e2f7}button.secondary,.button.secondary{color:var(--primary);background:#fff;border-color:#bfd2f7}button.secondary:hover,.button.secondary:hover{background:var(--primary-soft);border-color:#adc6f8}button.danger,.button.danger{background:var(--danger);border-color:var(--danger)}button.danger:hover,.button.danger:hover{background:#c83f3f;border-color:#c83f3f}.compact-button{min-height:2.15rem;padding:.35rem .7rem}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:1rem 1.5rem;display:flex}.brand{color:var(--text-primary);letter-spacing:0;align-items:center;gap:.65rem;min-width:0;font-size:1.35rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark,.section-icon,.panel-icon,.record-icon{background:var(--primary-soft);color:var(--primary);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-mark{width:32px;height:32px}.topbar-actions,.nav-links{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.topbar-actions{justify-content:flex-end}.header-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:18rem;overflow:hidden}.page{max-width:880px;margin:0 auto;padding:2rem 1.5rem 3rem}.workspace{gap:1.5rem;display:grid}.patient-pa-page{padding-top:1.5rem}.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.5rem;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:1.5rem;display:grid}.panel,.record-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 20px #1127510b}.main-card{padding:1.35rem}.panel h2,.panel h3,.record-card h2,.record-card h3,.panel p{margin:0}.hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:1.5rem;display:grid}.home-hero{grid-template-columns:minmax(0,1fr)}.hero h1,.page-title{color:var(--text-primary);margin:0 0 1rem;font-size:clamp(2rem,6vw,2.75rem);line-height:1.05}.kicker,.muted,.record-meta{color:var(--text-muted)}.stack{gap:1rem;display:grid}.section-heading{align-items:center;gap:.7rem;display:flex}.section-icon{width:36px;height:36px}.info-panel,.tip-panel,.notice,.warning,.error,.error-panel{border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem;display:grid}.info-panel{background:var(--surface-info);border:1px solid #d5e4fb}.tip-panel,.notice{background:var(--surface-tip);color:#194b3e;border:1px solid #d6efe8}.warning{background:var(--surface-info);border:1px solid #d5e4fb}.error,.error-panel{background:var(--danger-soft);color:#8a2c2c;border:1px solid #f2c8c8}.error-panel{align-items:start}.recovery-phrase{overflow-wrap:anywhere;background:#ffffffad;border:1px solid #194b3e2e;border-radius:8px;padding:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;display:block}.panel-icon{width:36px;height:36px;margin-top:.05rem}.panel-icon.tip{background:var(--success-soft);color:var(--success)}.info-panel h3,.tip-panel h3,.empty-recordings h3,.error-panel h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.06rem;font-weight:650;line-height:1.35}.info-panel p,.tip-panel p,.empty-recordings p,.error-panel p{color:var(--text-secondary);margin:0;font-size:.96rem;line-height:1.55}.tip-panel em{color:var(--text-primary)}.form-grid{gap:.8rem;display:grid}.field{gap:.35rem;display:grid}.field input{border:1px solid var(--border);color:var(--text-primary);background:#fff;border-radius:10px;width:100%;min-height:2.75rem;padding:.55rem .75rem}.field textarea{border:1px solid var(--border);color:var(--text-primary);resize:vertical;background:#fff;border-radius:10px;width:100%;min-height:12rem;padding:.75rem}.field span{color:var(--text-secondary);font-size:.94rem;font-weight:650}.check{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:14px;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.75rem;min-height:44px;padding:.85rem;display:grid}.check:hover{background:var(--surface-subtle)}.check input{appearance:none;border:1.5px solid var(--border-strong);background:#fff;border-radius:4px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;margin:.15rem 0 0;display:grid}.check input:before{clip-path:polygon(14% 48%,0 63%,40% 100%,100% 19%,84% 7%,37% 69%);content:"";background:#fff;width:.72rem;height:.72rem;transition:transform .1s;transform:scale(0)}.check input:checked{background:var(--primary);border-color:var(--primary)}.check input:checked:before{transform:scale(1)}.recorder-card{align-content:start}.recorder-shell{border:1px solid var(--border);border-radius:14px;overflow:hidden}button.recorder-button{color:#fff;background:linear-gradient(135deg,#356af5 0%,#2d5be4 100%);border:0;border-radius:0;justify-items:center;gap:.75rem;width:100%;min-height:128px;padding:1.25rem 1rem;display:grid;position:relative;box-shadow:0 10px 22px #356af524}button.recorder-button:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover) 0%, #244fc4 100%);box-shadow:0 12px 24px #356af52e}button.recorder-button:active:not(:disabled){transform:none}button.recorder-button:disabled{box-shadow:none;color:var(--text-muted);background:#d7e2f7}button.recorder-button.recording{background:linear-gradient(135deg,#356af5 0%,#244fc4 100%)}.recorder-button-icon{background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}button.recorder-button:disabled .recorder-button-icon{background:#ffffff6b;border-color:#ffffffb3}.recorder-button-copy{place-items:center;gap:.35rem;display:grid}.recorder-button-label{font-size:1rem;font-weight:700;line-height:1.35}.recording-status{align-items:center;gap:.45rem;font-size:1rem;font-weight:650;display:inline-flex}.recording-dot{background:#ff5b5b;border:2px solid #ffffffd1;border-radius:999px;width:.75rem;height:.75rem;animation:1.4s ease-in-out infinite recording-pulse}.spinner{animation:.9s linear infinite spin}.recorder-footer{background:var(--surface-subtle);color:var(--text-secondary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.4;display:flex}.write-note-entry{justify-items:center;gap:.9rem;display:grid}.write-note-divider{background:var(--border);width:58%;max-width:560px;height:1px}.write-note-button{background:var(--note-surface);border:1px solid var(--note);color:var(--note);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;width:min(60%,520px);min-height:92px;padding:1rem 1.15rem;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid}.write-note-button:hover{background:var(--note-hover-surface);border-color:var(--note-hover);color:var(--note-hover)}.write-note-button:active{background:var(--note-active-surface);transform:translateY(1px)}.write-note-button:focus-visible{outline-color:var(--note)}.write-note-button strong,.write-note-button small{display:block}.write-note-button strong{font-size:1rem;line-height:1.3}.write-note-button small{color:var(--text-secondary);margin-top:.18rem;font-size:.92rem;line-height:1.45}.write-note-icon{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.status{border-radius:999px;width:fit-content;padding:.25rem .6rem;font-size:.88rem;font-weight:700;display:inline-flex}.status.complete{color:#174c41;background:#dcefe8}.status.failed{background:var(--danger-soft);color:#8a2c2c}.status.pending{background:var(--surface-subtle);color:var(--text-secondary)}.recordings-card>p{color:var(--text-secondary)}.recordings-section{gap:.75rem;display:grid}.recordings-section>h3{font-size:1.06rem}.record-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.record-card{box-shadow:none;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.record-icon{width:40px;height:40px}.record-content{gap:.18rem;min-width:0;display:grid}.record-content strong{color:var(--text-primary);font-size:.96rem;font-weight:650}.record-meta{font-size:.9rem}.record-preview{color:var(--text-secondary);overflow-wrap:anywhere;margin:.18rem 0 0;font-size:.9rem;line-height:1.45}.record-badge-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.record-type-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;width:fit-content;padding:.22rem .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.record-type-badge.note{background:var(--note-soft);color:var(--note)}.record-view-button{min-width:64px;min-height:40px}.note-record-icon{background:var(--note-soft);color:var(--note)}.note-record-view-button{border-color:var(--note);color:var(--note)}.note-record-view-button:hover{background:var(--note-soft);border-color:var(--note-hover);color:var(--note-hover)}.note-record-view-button:focus-visible{outline-color:var(--note)}.note-composer{border-color:var(--note-soft)}.note-composer-title{overflow-wrap:anywhere;margin:0;font-size:1.45rem;line-height:1.25}.note-textarea:focus-visible{outline-color:var(--note)}.note-primary-button{background:var(--note);border-color:var(--note);justify-self:start}.note-primary-button:hover{background:var(--note-hover);border-color:var(--note-hover)}.form-error{color:#8a2c2c;margin:0;font-weight:650}.empty-recordings{background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;padding:1rem;display:grid}.privacy-footnote{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.9rem;display:flex}.danger-zone{border-color:#f2c8c8}.delete-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.summary-grid article{border-top:1px solid var(--border);padding-top:.9rem}.transcript{border:1px solid var(--border);white-space:pre-wrap;background:#fff;border-radius:14px;max-width:78ch;padding:1rem}@keyframes recording-pulse{0%,to{opacity:.54;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:961px){.page{padding:2rem 1.5rem 3rem}}@media (max-width:760px){.hero,.two-column,.recording-grid,.summary-grid{grid-template-columns:1fr}.topbar{padding:1rem}.page{padding:1rem 1rem 2.5rem}.record-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.write-note-button,.write-note-divider{width:100%}.write-note-button{min-height:64px}.delete-form{grid-template-columns:1fr;align-items:stretch}.record-view-button{grid-column:2;justify-self:start}}@media (max-width:420px){.header-email{display:none}.brand{font-size:1.2rem}}@media (max-width:360px){.info-panel,.tip-panel,.error-panel{gap:.65rem;padding:.9rem}.panel-icon{width:32px;height:32px}.record-card{grid-template-columns:1fr}.record-icon{display:none}.record-view-button{grid-column:auto;justify-self:end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}