:root{--bg:#f4f7f5;--paper:#fff;--ink:#18231f;--muted:#718078;--line:#e2eae5;--green:#236b55;--green-soft:#e7f1ec;--coral:#e96d58;--purple:#7b68cf;--orange:#e8a345;--blue:#558fbc;--shadow:0 10px 26px rgba(24,35,31,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#edf3ef;border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:18px;letter-spacing:-.4px;margin:0 12px 28px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:#fff;border-radius:9px;font:800 15px Georgia,serif}.workspace-switcher{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #dce6e0;border-radius:12px;background:#f6faf7;margin-bottom:24px}.workspace-switcher b,.profile b{display:block;font-size:12px}.workspace-switcher small,.profile small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.workspace-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #fce7e1}.icon-btn{font-size:20px;color:#718078;padding:5px 7px;border-radius:8px}.workspace-switcher .icon-btn{margin-left:auto;font-size:16px}.icon-btn:hover,.control-icon:hover{background:#e3ede7}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-align:left;color:#607068;font-weight:650}.nav-item:hover,.nav-item.active{background:#dfece5;color:var(--green)}.nav-icon{font-size:17px;width:18px;text-align:center}.nav-item kbd{margin-left:auto;color:#9aa7a0;font:11px ui-monospace,monospace}.nav-count{margin-left:auto;border-radius:12px;background:#d3e6db;color:var(--green);font-size:11px;padding:3px 7px}.nav-count.coral{background:#fbe2db;color:#bd5c4c}.sidebar-footer{margin-top:auto}.storage{padding:13px 12px 18px}.storage-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.storage-head b{color:var(--ink)}.progress{height:5px;background:#e2ebe5;border-radius:8px;overflow:hidden}.progress i,.mini-progress i,.bar i{display:block;height:100%;background:var(--green);border-radius:inherit}.storage small{display:block;color:#93a098;font-size:10px;margin-top:8px}.profile{width:100%;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 8px 0;text-align:left}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d7e6dd;color:var(--green);font-size:11px;font-weight:800}.profile .more{margin-left:auto;color:var(--muted);font-weight:bold}.main-content{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;background:rgba(244,247,245,.88)}.crumbs{display:flex;gap:10px;align-items:center;color:#9aa59f;font-size:13px}.crumbs strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:13px}.saved-state{color:#809087;font-size:11px;display:flex;gap:6px;align-items:center}.saved-state i,.status-pill i,.live-dot{width:7px;height:7px;background:#5db58a;border-radius:50%;display:inline-block}.small{width:28px;height:28px;font-size:10px}.mobile-menu{display:none}.content-wrap{max-width:1240px;margin:auto;padding:45px 4.2% 70px}.view{display:none}.view.active{display:block}.page-intro,.view-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.eyebrow,.card-kicker,.tag,.compare-label{color:#89968e;font-size:10px;letter-spacing:1.3px;font-weight:800;margin:0 0 8px}.page-intro h1,.view-header h1{font:500 34px Georgia,serif;letter-spacing:-1px;margin:0 0 8px}.page-intro h1 span{color:var(--coral);font-size:23px}.subhead{color:var(--muted);margin:0}.btn{border-radius:9px;padding:11px 16px;font-weight:750;font-size:12px;border:1px solid transparent;white-space:nowrap}.btn.primary{background:var(--green);color:white;box-shadow:0 4px 10px #236b5525}.btn.primary:hover{background:#195943}.btn.ghost{border-color:#d9e4dd;background:#fff;color:#416455}.btn.full{width:100%;margin-top:13px}.text-btn{color:var(--green);font-size:12px;font-weight:750}.session-strip{display:flex;align-items:center;gap:20px;background:#eaf3ed;border:1px solid #dce9e1;border-radius:12px;padding:12px 15px;margin-bottom:26px}.session-meta{display:flex;gap:10px;align-items:center;min-width:220px}.session-meta small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.live-dot{box-shadow:0 0 0 4px #d9ede0}.session-progress{flex:1;max-width:280px;font-size:10px;color:#789086}.session-progress .progress{margin-top:6px}.session-strip .btn{margin-left:auto}.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.capture-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.recorder-card{padding:25px 28px 20px;min-height:334px;background:linear-gradient(145deg,#fff 0%,#f7fbf8 100%)}.card-top,.sync-head,.editor-head,.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-top h2{margin:5px 0 0;font:500 21px Georgia,serif}.status-pill,.quality,.source-ready{background:var(--green-soft);color:var(--green);border-radius:20px;padding:6px 9px;font-size:10px;font-weight:750;white-space:nowrap}.status-pill i{margin-right:5px}.waveform{height:74px;margin:36px 0 10px;display:flex;align-items:center;gap:5px;justify-content:center}.waveform i{width:5px;background:#b4d3c3;border-radius:9px;height:var(--h,22px)}.waveform i:nth-child(3n){height:40px}.waveform i:nth-child(4n){height:58px;background:#78b394}.waveform i:nth-child(5n){height:30px}.waveform i:nth-child(7n){height:67px}.timer{text-align:center;font:500 30px ui-monospace,SFMono-Regular,monospace;letter-spacing:2px}.record-controls{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:11px}.record-btn{width:54px;height:54px;border-radius:50%;border:1px solid #d5e5dc;display:grid;place-items:center;background:white;box-shadow:0 4px 10px #225d4520}.record-btn span{width:19px;height:19px;border-radius:50%;background:var(--coral);display:block;transition:.2s}.record-btn.recording span{border-radius:4px;width:17px;height:17px}.control-icon{padding:7px;color:#a2aaa5}.control-icon:disabled{opacity:.4;cursor:not-allowed}.capture-note{display:flex;gap:7px;justify-content:center;color:#99a59e;font-size:10px;margin-top:20px}.capture-note b{color:#77867d}.side-stack{display:grid;gap:18px}.import-card{padding:20px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.import-card:hover{border-color:#a9cdb9;transform:translateY(-1px)}.import-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f8e8e2;color:var(--coral);font-size:24px}.import-card b,.import-card small{display:block}.import-card small{color:var(--muted);font-size:11px;margin-top:4px}.arrow{margin-left:auto;color:var(--green);font-size:20px}.sync-card{padding:20px}.sync-head{align-items:center}.sync-icon{display:grid;place-items:center;width:32px;height:32px;background:#e3f0e8;color:var(--green);border-radius:9px;margin-right:9px;font-size:18px}.sync-head>div{flex:1}.sync-head b,.sync-head small{display:block}.sync-head small{color:var(--muted);font-size:11px;margin-top:4px}.toggle{position:relative;display:block;width:35px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;background:#c4d3ca;border-radius:20px}.toggle span:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:white;border-radius:50%;transition:.2s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:before{transform:translateX(15px)}.device-row{display:flex;gap:7px;border-top:1px solid var(--line);padding:16px 0 13px;margin-top:15px}.device-chip{background:#f6f8f6;border-radius:8px;padding:8px 9px;color:#819087;font-size:10px}.device-chip.active{background:#eaf3ed;color:var(--green)}.device-chip i{font-style:normal;color:#93a098;margin-left:3px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:42px 0 16px}.section-heading h2{font:500 21px Georgia,serif;margin:0 0 5px}.section-heading p{color:var(--muted);font-size:11px;margin:0}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recent-card{padding:17px;display:flex;gap:12px;position:relative}.recent-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.purple{background:#eeeafa;color:var(--purple)}.orange{background:#fbf0df;color:var(--orange)}.blue{background:#e6f1f8;color:var(--blue)}.green{background:#e5f1e9;color:var(--green)}.recent-info{min-width:0}.recent-info h3{font-size:13px;margin:3px 0 6px}.recent-info p{font-size:10px;color:var(--muted);margin:0 0 12px}.mini-progress{height:4px;background:#edf1ed;border-radius:5px;width:145px}.mini-progress i{background:#a9cdb7}.recent-info>small{font-size:10px;color:#89968e;display:block;margin-top:7px}.dots{position:absolute;right:12px;top:11px;color:#a5afa9;font-weight:bold}.notes-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.note-list{padding:13px}.list-tools{display:flex;gap:6px;margin-bottom:10px}.search-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:11px;outline-color:var(--green)}.filter-btn{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:0 8px;color:var(--muted)}.note-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-radius:9px;padding:12px 8px}.note-item.selected,.note-item:hover{background:#edf5ef}.note-item>span:nth-child(2){flex:1;min-width:0}.note-item b,.note-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item b{font-size:11px}.note-item small{color:var(--muted);font-size:10px;margin-top:4px}.note-item>span:last-child{color:#a4aea8}.note-color{width:7px;height:7px;border-radius:50%;flex-shrink:0}.editor{min-height:590px;padding:27px 31px}.editor-head{padding-bottom:21px;border-bottom:1px solid var(--line)}.editor-head h2{font:500 26px Georgia,serif;margin:5px 0}.editor-head small{font-size:10px;color:var(--muted)}.sync-text{color:var(--green)}.source-banner{display:flex;align-items:center;gap:10px;background:#f2f7f3;border-radius:8px;padding:10px 12px;font-size:11px;color:#52675c;margin:18px 0}.source-banner small{color:#8a9990}.source-banner .text-btn{margin-left:auto;font-size:11px}.editor-toolbar{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px}.editor-toolbar button{color:#718078;padding:4px 7px;border-radius:5px}.editor-toolbar button:hover{background:#eaf2ed}.editor-toolbar span{flex:1}.editable{outline:none;line-height:1.7;color:#33423a;padding:22px 7px;min-height:360px}.editable h3{font:600 16px Georgia,serif;color:var(--ink);margin:0 0 10px}.editable h3:not(:first-child){margin-top:23px}.editable p,.editable ul{font-size:13px;margin:0 0 15px}.editable ul{padding-left:20px}.timestamp{color:var(--coral);font:11px ui-monospace,monospace;background:#fff0ec;padding:2px 5px;border-radius:4px}.editable mark{background:#fff1bb;padding:1px 3px}.muted-note{color:#abb7b0;font-style:italic}.editor-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#9aa79f}.save-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#67b78e;margin-right:5px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-card{padding:21px}.compare-card.featured{border:2px solid #b6d7c2;padding:20px}.compare-head{display:flex;justify-content:space-between;align-items:center}.quality{background:#e3f1e7}.quality.medium{background:#fbf0dc;color:#aa7927}.quality.low{background:#fae6e1;color:#bf6554}.compare-card h2{font:500 18px Georgia,serif;margin:15px 0 6px}.compare-card>p{color:var(--muted);font-size:10px}.score-ring{width:88px;height:88px;margin:23px auto;border:7px solid #b8dbc5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring strong{font:500 25px Georgia,serif}.score-ring small{color:var(--muted);font-size:9px}.score-ring.amber{border-color:#efd49c}.score-ring.coral{border-color:#f0bdb2}.metric{font-size:10px;margin-top:17px}.metric span{color:var(--muted)}.metric b{float:right;font-size:10px}.metric .progress{clear:both;margin-top:7px}.metric .progress i{background:#7eb596}.insight-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-top:18px}.insight-star{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f9e9dd;color:var(--coral);font-size:18px}.insight-banner div{flex:1}.insight-banner b{font-size:12px}.insight-banner p{color:var(--muted);font-size:11px;margin:4px 0 0}.study-source{display:flex;align-items:center;gap:12px;padding:14px 17px;margin-bottom:18px}.source-thumb{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eeeafa;color:var(--purple);font-size:20px}.study-source h3{margin:4px 0;font:600 14px Georgia,serif}.study-source p{margin:0;color:var(--muted);font-size:10px}.source-ready{margin-left:auto;background:#e5f2e9}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.study-card{padding:20px;text-align:left;transition:.2s}.study-card:hover{border-color:#acd1b9;transform:translateY(-2px)}.study-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:21px;margin-bottom:15px}.study-card h3{font:600 17px Georgia,serif;margin:0 0 7px}.study-card p{font-size:11px;color:var(--muted);min-height:32px;margin:0 0 15px}.study-card .text-btn{font-size:11px}.dashboard{padding:24px;margin-top:18px}.dashboard-head{align-items:center}.dashboard-head h2{font:500 20px Georgia,serif;margin:5px 0 0}.streak{color:var(--coral);background:#fff0e9;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:750}.dash-cols{display:grid;grid-template-columns:150px 1fr 200px;align-items:center;gap:40px;margin-top:25px}.big-score{text-align:center}.score-circle{width:102px;height:102px;margin:auto;border:9px solid #d8ecdf;border-right-color:var(--green);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-circle strong{font:500 28px Georgia,serif}.score-circle small{color:var(--muted);font-size:10px}.big-score p{color:var(--green);font-size:10px}.bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:90px 1fr 25px;gap:10px;align-items:center;font-size:10px}.bar-row span{color:var(--muted)}.bar{height:7px;background:#edf1ed;border-radius:8px}.bar i{background:#8cbda1}.bar-row b{text-align:right}.strengths{display:grid;gap:12px;border-left:1px solid var(--line);padding-left:25px}.strengths>div{display:flex;gap:9px;align-items:center}.strength-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-weight:bold}.strength-mark.up{background:#e4f2e8;color:var(--green)}.strength-mark.down{background:#fff0e8;color:var(--coral)}.strengths b,.strengths small{display:block}.strengths b{font-size:10px}.strengths small{font-size:10px;color:var(--muted);margin-top:3px}.new-pill{font:700 10px system-ui;color:var(--coral);background:#fff0ea;padding:5px 8px;border-radius:13px;vertical-align:middle;letter-spacing:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1d3128;color:#fff;padding:12px 16px;border-radius:9px;font-size:12px;box-shadow:0 7px 20px #0002;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#1c302d55;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal-backdrop.open{display:flex}.modal{position:relative;max-width:510px;width:100%;padding:30px}.modal-close{position:absolute;right:17px;top:14px;color:#86948c;font-size:24px}.modal h2{font:500 27px Georgia,serif;margin:7px 0 8px}.modal-lede{font-size:12px;color:var(--muted);line-height:1.5}.summary-block{border-top:1px solid var(--line);padding:15px 0;font-size:12px}.summary-block ol{padding-left:20px;line-height:1.8;color:#42554a}.summary-block p{color:#42554a;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.study-modal{max-width:560px}.mindmap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.mindmap span{padding:12px;border-radius:8px;background:#edf5ef;color:#496758;font-size:11px}.mindmap span:first-child{grid-column:1/-1;text-align:center;background:#dceee3;color:var(--green);font-weight:bold}.question{background:#f5f8f5;padding:15px;border-radius:9px;font-size:13px;line-height:1.5;margin:18px 0}.quiz-options{display:grid;gap:8px}.quiz-options button{padding:11px;text-align:left;border:1px solid var(--line);border-radius:8px;font-size:11px}.quiz-options button:hover,.quiz-options button.selected{border-color:#91c2a4;background:#eef7f0}.quiz-feedback{font-size:11px;color:var(--green);margin-top:12px;min-height:16px}@media(max-width:900px){.sidebar{width:210px}.capture-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr 1fr}.dash-cols{grid-template-columns:130px 1fr}.strengths{grid-column:1/-1;display:flex;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.compare-grid{grid-template-columns:1fr 1fr}.compare-card:last-child{grid-column:1/-1}.compare-card:last-child .score-ring{margin:15px auto}.study-grid{grid-template-columns:1fr 1fr}.study-card:last-child{grid-column:1/-1}}@media(max-width:680px){.sidebar{position:fixed;z-index:30;left:-260px;top:0;bottom:0;transition:.25s;box-shadow:10px 0 30px #0002}.sidebar.open{left:0}.mobile-menu{display:block;font-size:20px;color:var(--muted)}.topbar{padding:0 18px}.top-actions .icon-btn,.saved-state{display:none}.crumbs{font-size:11px}.content-wrap{padding:29px 16px 55px}.page-intro,.view-header{align-items:flex-start;flex-direction:column;margin-bottom:23px}.page-intro h1,.view-header h1{font-size:29px}.page-intro .btn,.view-header .btn{width:100%}.session-strip{align-items:flex-start;flex-wrap:wrap;gap:12px}.session-progress{order:3;min-width:100%;max-width:none}.session-strip .btn{margin-left:auto}.recorder-card{padding:20px 15px}.waveform{gap:3px}.waveform i{width:4px}.recent-grid,.notes-layout,.compare-grid,.study-grid{grid-template-columns:1fr}.compare-card:last-child,.study-card:last-child{grid-column:auto}.editor{padding:20px 17px}.editor-head{flex-direction:column}.editor-head>div:last-child{width:100%}.source-banner{align-items:flex-start;flex-wrap:wrap}.source-banner .text-btn{margin-left:0}.dash-cols{grid-template-columns:1fr;gap:22px}.bars{width:100%}.strengths{display:grid}.insight-banner{align-items:flex-start;flex-wrap:wrap}.insight-banner .text-btn{margin-left:48px}.modal{padding:25px 20px}.status-pill{font-size:9px}.card-top{align-items:flex-start}.card-top h2{font-size:18px}}

/* Lighthouse authentication layer — uses CSS shapes and gradients, not the reference image. */
.auth-shell{min-height:100vh;background:#050b14;color:#f6f2e9;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 620px;isolation:isolate}.auth-shell[hidden],#app-shell[hidden]{display:none}.lighthouse-scene{position:absolute;inset:0 620px 0 0;overflow:hidden;background:radial-gradient(ellipse at 72% 51%,#283947 0,#101d2a 31%,#070e19 68%,#040812 100%)}.lighthouse-scene:after{content:"";position:absolute;inset:52% -10% -20%;background:linear-gradient(180deg,#101e2a00,#0b1420 48%,#02070d 100%);clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);z-index:3}.stars{position:absolute;inset:0;background-image:radial-gradient(#dbe7ec 1px,transparent 1.5px),radial-gradient(#98b2c2 1px,transparent 1.5px);background-size:83px 91px,137px 119px;background-position:10px 18px,42px 8px;opacity:.35}.mist{position:absolute;left:-20%;width:140%;height:180px;background:radial-gradient(ellipse,#c7d2d222 0,transparent 68%);filter:blur(13px);z-index:2}.mist-one{top:49%;transform:rotate(-7deg);animation:mistDrift 16s ease-in-out infinite alternate}.mist-two{top:63%;transform:rotate(4deg);opacity:.45;animation:mistDrift 21s ease-in-out infinite alternate-reverse}.beacon-beam{position:absolute;left:59%;top:28%;width:95%;height:25%;transform-origin:0 50%;background:linear-gradient(90deg,#ffe6a7b8,#fbe0a725 50%,transparent);clip-path:polygon(0 45%,100% 0,100% 100%);filter:blur(5px);mix-blend-mode:screen;z-index:2;animation:beaconSweep 12s ease-in-out infinite alternate}.beam-two{opacity:.32;filter:blur(17px);animation-delay:-4s}.lighthouse{position:absolute;z-index:4;left:38%;bottom:17%;width:180px;height:300px}.tower{position:absolute;bottom:0;left:62px;width:62px;height:210px;background:linear-gradient(90deg,#77848b,#e8e0c7 42%,#a3a29a 70%,#3f5059);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:24px 0 7px}.tower i{width:11px;height:15px;background:#ffcc74;box-shadow:0 0 10px #ffbe5b;border-radius:2px}.lamp{position:absolute;z-index:2;left:53px;top:0;width:80px;height:78px;border-radius:50% 50% 12px 12px;background:linear-gradient(#26343b 0 14%,#e5c778 15% 64%,#4c5a60 65%);border:5px solid #26343b;box-shadow:0 0 30px #ffd9869c}.lamp span{display:block;width:35px;height:29px;background:#fff3bf;border-radius:50%;margin:17px auto;box-shadow:0 0 22px 9px #ffd67e}.cliff{position:absolute;bottom:-30px;left:-180px;width:560px;height:100px;background:linear-gradient(155deg,#111a24,#050910);clip-path:polygon(0 58%,20% 24%,35% 45%,51% 6%,67% 42%,83% 17%,100% 0,100% 100%,0 100%)}.scene-copy{position:absolute;z-index:5;color:#ede5d5;font:italic 18px/1.35 Georgia,serif;text-shadow:0 2px 13px #000;opacity:.85}.scene-copy em{display:block;width:30px;height:1px;background:#e6d7b8;margin-top:13px}.quote-one{top:20%;left:12%}.quote-two{top:53%;right:8%}.quote-three{bottom:11%;left:10%;font-size:16px}.auth-brand{position:absolute;z-index:8;top:29px;left:38px;display:grid;grid-template-columns:35px auto;align-items:center;column-gap:11px;font:32px Georgia,serif;letter-spacing:-1px}.auth-brand .brand-mark{width:35px;height:35px;border-radius:10px;background:#1c5a4d}.auth-brand small{grid-column:2;color:#7c8795;font:14px system-ui;letter-spacing:.3px;margin-top:-3px}.auth-card{z-index:7;align-self:center;justify-self:center;width:min(520px,calc(100% - 70px));padding:66px 48px 43px;border:1px solid #73849644;border-radius:28px;background:linear-gradient(145deg,#101824dd,#0a1019e8);box-shadow:0 25px 70px #0008;backdrop-filter:blur(18px)}.auth-kicker{margin:0;color:#a6adba;letter-spacing:3px;font-size:13px;font-weight:700}.auth-card h1{font:500 61px Georgia,serif;letter-spacing:-2px;margin:8px 0 13px}.auth-lede{color:#aab0ba;font-size:17px;line-height:1.45;margin:0 0 30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0d;border-radius:15px;padding:2px;margin-bottom:24px}.auth-tabs button{padding:15px;color:#9299a5;border-radius:13px;font-weight:700}.auth-tabs button.active{background:#21473e;color:#f4f6f1;box-shadow:inset 0 0 0 1px #66b49a}.auth-card input{width:100%;background:#ffffff0c;border:1px solid #8995a633;border-radius:13px;padding:17px 18px;color:white;outline:none}.auth-card input:focus{border-color:#70c4a4;box-shadow:0 0 0 3px #70c4a422}.auth-continue,.social-btn{width:100%;margin-top:13px;border-radius:13px;padding:16px;color:#f7faf7;font-weight:750}.auth-continue{background:#397d68}.auth-continue:hover{background:#4b947c}.social-btn{background:#ffffff0b;border:1px solid #8995a633}.social-btn:hover{background:#ffffff16}.google-g{color:#56a3ed;font-size:20px;margin-right:10px}.apple-mark{font-size:18px;margin-right:10px}.auth-or{display:flex;align-items:center;gap:13px;color:#89919d;font-size:11px;margin:20px 0}.auth-or:before,.auth-or:after{content:"";height:1px;background:#8995a633;flex:1}.auth-terms{text-align:center;color:#89919d;line-height:1.6;font-size:11px;margin:33px 0 0}.auth-terms a{color:#77b7a2}.auth-setup{border:1px solid #d6a45c66;background:#d6a45c12;color:#e2be83;font-size:11px;line-height:1.45;padding:10px 12px;border-radius:9px;margin:18px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Recorder honesty and local recovery */
.recording-banner{margin-top:17px;border-radius:8px;background:#edf6ef;color:#527362;font-size:11px;padding:9px 11px}.recording-banner:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#72a688;margin-right:7px}.recording-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.recording-actions .btn{padding:8px 11px;font-size:11px}.live-transcript{margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;max-height:106px;overflow:auto}.transcript-head{display:flex;justify-content:space-between;color:#819087;font-size:10px;font-weight:800;letter-spacing:1px}.transcript-head button{font-size:10px;color:var(--green)}.transcript-empty{color:#9ca9a1;font-size:11px;line-height:1.45;margin:8px 0 0}.capture-health{display:flex;justify-content:center;gap:13px;color:#84958b;font-size:10px;margin-top:16px}.quick-note-popover{position:fixed;z-index:30;left:50%;bottom:28px;transform:translateX(-50%);width:min(360px,calc(100% - 32px));background:white;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 14px 40px #1733262b}.quick-note-popover[hidden]{display:none}.quick-note-popover label{display:block;font:600 13px Georgia,serif;margin-bottom:8px}.quick-note-popover textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;resize:vertical;outline-color:var(--green)}.quick-note-popover>div{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.preview-mode:before{content:"LOCAL PREVIEW · not authenticated";position:fixed;z-index:25;top:9px;right:14px;background:#fff0e8;color:#b45c4c;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:700}
@keyframes beaconSweep{from{transform:rotate(-16deg)}to{transform:rotate(17deg)}}@keyframes mistDrift{from{translate:-2% 0}to{translate:5% 7px}}@media(prefers-reduced-motion:reduce){.beacon-beam,.mist-one,.mist-two{animation:none}.beacon-beam{transform:rotate(2deg)}}
@media(max-width:900px){.auth-shell{display:block}.lighthouse-scene{inset:0;background:radial-gradient(ellipse at 65% 34%,#293d4b 0,#101d2b 37%,#050a13 76%)}.auth-brand{top:20px;left:20px;font-size:25px}.auth-brand .brand-mark{width:31px;height:31px}.auth-brand small{font-size:11px}.lighthouse{left:21%;bottom:35%;transform:scale(.8);transform-origin:bottom left}.scene-copy{display:none}.auth-card{position:absolute;bottom:0;left:0;width:100%;padding:28px 22px calc(25px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;border-bottom:0}.auth-card h1{font-size:42px;margin:4px 0 8px}.auth-lede{font-size:14px;margin-bottom:18px}.auth-terms{margin-top:20px}.desktop-only{display:none}.beacon-beam{left:31%;top:25%;width:110%;height:19%}.live-transcript{max-height:94px}}
@media(max-width:680px){.recording-actions{justify-content:stretch}.recording-actions .btn{flex:1}.capture-health{flex-wrap:wrap;gap:5px 10px}.recorder-card{padding:18px 16px}.waveform{margin:20px 0 5px}}

.social-ico{width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:middle}

/* ---- Onboarding & profile ---- */
.onboarding{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,14,20,.62);backdrop-filter:blur(6px)}
.onboarding[hidden]{display:none}
.onboarding-card{width:min(460px,100%);padding:30px 28px;max-height:92vh;overflow:auto}
.ob-progress{display:flex;gap:8px;justify-content:center;margin-bottom:18px}
.ob-dot{width:34px;height:5px;border-radius:3px;background:#d9e0d5}
.ob-dot.active{background:#3f7a63}
.ob-step h2{font-family:Georgia,'Times New Roman',serif;margin:.15em 0 .1em;font-size:1.5rem;color:#1f2a24}
.ob-sub{color:#6b7a71;margin:0 0 16px}
.ob-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;background:#e7ede6;color:#3f7a63;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;margin:8px auto 14px}
.ob-avatar img{width:100%;height:100%;object-fit:cover}
.ob-avatar.sm{width:52px;height:52px;font-size:1rem;margin:0}
.ob-label{display:block;font-size:.86rem;font-weight:600;color:#3a4a41;margin:12px 0 0}
.ob-label input,.ob-label select{width:100%;margin-top:6px;padding:11px 13px;border:1px solid #d3ddd3;border-radius:11px;font:inherit;background:#fbfcfa;color:#1f2a24;box-sizing:border-box}
.ob-label input:focus,.ob-label select:focus{outline:2px solid rgba(63,122,99,.33);border-color:#3f7a63}
.ob-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}
.ob-right{display:flex;gap:8px;align-items:center}
.module-add{display:flex;gap:8px;margin:10px 0}
.module-add input{flex:1;padding:10px 12px;border:1px solid #d3ddd3;border-radius:11px;font:inherit;background:#fbfcfa;color:#1f2a24}
.module-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.module-chip{display:inline-flex;align-items:center;gap:7px;background:#eef3ec;border:1px solid #dce6db;color:#2b3a32;border-radius:999px;padding:6px 8px 6px 13px;font-size:.9rem}
.module-chip button{border:none;background:#cddccf;color:#2b3a32;width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:1;font-size:.95rem;padding:0}
.module-chip button:hover{background:#b9cbbc}
.btn.text{background:none;border:none;color:#3f7a63;cursor:pointer;padding:8px 10px;font:inherit;font-weight:600}
.btn.danger{color:#b0402f;border-color:#e6c3bc}
.profile-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:40px 18px;overflow:auto;background:rgba(8,14,20,.55);backdrop-filter:blur(5px)}
.profile-backdrop[hidden]{display:none}
.profile-panel{position:relative;width:min(480px,100%);padding:26px 24px}
.pf-head{display:flex;align-items:center;gap:14px;margin:2px 0 10px}
.pf-name{font-family:Georgia,'Times New Roman',serif;margin:0;font-size:1.35rem;color:#1f2a24}
.pf-email{margin:2px 0 0;color:#6b7a71;font-size:.9rem}
.pf-section{border-top:1px solid #e7ece5;padding:16px 0 4px}
.pf-section h3{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7a71;margin:0 0 8px}
.pf-section .btn.primary{margin-top:14px}
@media(max-width:680px){.onboarding-card,.profile-panel{padding:22px 18px}.profile-backdrop{padding:16px 12px}}

/* ---- Compact social sign-in row ---- */
.social-row{display:flex;gap:10px;margin-top:2px}
.social-row .social-btn.icon-only{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 0;gap:0}
.social-row .social-btn.icon-only .social-ico{width:22px;height:22px}

/* ---- Subtle sign-in loading state (overrides the old yellow notice) ---- */
.auth-setup{color:#93a4b0;background:none;border:none;font-size:.82rem;text-align:center;padding:6px 0;margin-top:8px;letter-spacing:0}
.social-btn:disabled,.auth-continue:disabled{opacity:.5;cursor:progress}

/* ---- Auth layout fix: full-bleed lighthouse scene + floating glass card ---- */
.auth-shell{display:block}
.lighthouse-scene{inset:0}
.auth-card{position:absolute;top:50%;right:6%;left:auto;transform:translateY(-50%);width:min(460px,calc(100% - 48px));margin:0}
.lighthouse{left:14%;bottom:12%;transform:scale(1.25);transform-origin:bottom left;z-index:4}
.beacon-beam{left:19%;top:26%}
.beam-two{left:19%}
@media(max-width:860px){
  .auth-card{top:auto;bottom:0;right:0;left:0;transform:none;width:100%;border-radius:26px 26px 0 0}
  .lighthouse{left:50%;bottom:auto;top:9%;transform:translateX(-50%) scale(.9);transform-origin:top center}
  .beacon-beam{left:44%;top:20%}
  .beam-two{left:44%}
}

.pf-legal{margin:0 0 12px;font-size:.85rem;color:#8aa0ad}
.pf-legal a{color:#7fb79f;text-decoration:none}