:root{--bg:#f7f7fc;--surface:#fff;--surface2:#f0efff;--text:#22243a;--muted:#71748a;--primary:#6c63ff;--primary2:#554cd8;--border:#e3e4ef;--danger:#c8445d;--shadow:0 16px 45px rgba(48,42,110,.12)}
:root[data-theme="dark"]{--bg:#12131d;--surface:#1c1e2b;--surface2:#27293a;--text:#f5f5fb;--muted:#a8aabd;--border:#34374a;--shadow:0 18px 50px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(108,99,255,.14),transparent 33%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:72px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:800}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff}.top-actions,.hero-actions,.form-row,.search-row,.section-row,.calendar-toolbar,.card-actions,.note-toolbar{display:flex;gap:12px;align-items:center}.primary-btn,.secondary-btn,.icon-btn,.nav-btn,.text-btn,.forgot-link,.note-toolbar button{border:0;border-radius:12px;padding:11px 16px}.primary-btn{background:var(--primary);color:#fff;font-weight:750}.primary-btn:hover{background:var(--primary2)}.secondary-btn,.icon-btn,.note-toolbar button{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.icon-btn{width:42px;height:42px;padding:0}.text-btn,.forgot-link{background:transparent;color:var(--primary);padding:4px}.full{width:100%}.landing{min-height:calc(100vh - 130px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:70px clamp(24px,7vw,110px)}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}.hero-copy h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.95;margin:18px 0}.hero-copy h1 span{color:var(--primary)}.hero-copy p{font-size:1.2rem;line-height:1.7;color:var(--muted);max-width:620px}.phone-preview{max-width:410px;margin:auto;width:100%;padding:14px;border-radius:42px;background:#171825;box-shadow:var(--shadow)}.phone-screen{min-height:570px;border-radius:31px;padding:28px;background:linear-gradient(180deg,#fafaff,#eae8ff);color:#24243b}.preview-top{display:flex;justify-content:space-between}.status-dot{width:9px;height:9px;border-radius:50%;background:#46c98d}.preview-input,.preview-answer,.preview-card{padding:18px;border-radius:18px;background:#fff;margin-top:18px;box-shadow:0 10px 25px rgba(66,61,140,.09)}.preview-input{border:2px solid #d9d5ff}.preview-answer p,.preview-card small{color:#77768c}.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{padding:24px 14px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:7px}.nav-btn{text-align:left;background:transparent;color:var(--muted)}.nav-btn:hover,.nav-btn.active{background:var(--surface2);color:var(--primary);font-weight:750}.content{padding:35px clamp(18px,4vw,58px);overflow:hidden}.panel{max-width:1180px;margin:auto}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:2rem;margin:3px 0}.muted{color:var(--muted);margin:0}.composer,.agenda-card,.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.composer form{display:grid;gap:12px}input,textarea,select{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,99,255,.12)}textarea{min-height:120px;resize:vertical}.form-row>*{flex:1}.recent-section{margin-top:28px}.section-row{justify-content:space-between}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:16px}.memory-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;overflow:hidden}.memory-card h3{margin:0 0 8px 0}.memory-meta{font-size:.82rem;color:var(--muted)}.memory-card p{white-space:pre-wrap;line-height:1.55}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:.78rem;padding:5px 8px;border-radius:999px;background:var(--surface2);color:var(--primary)}.card-actions{margin-top:16px;flex-wrap:wrap}.card-actions button{border:0;background:var(--surface2);color:var(--text);padding:7px 10px;border-radius:9px}.card-actions .delete-btn{color:var(--danger)}.search-row{margin:18px 0}.search-row input{flex:1}.search-row select{max-width:260px}.agenda-item{padding:12px 0;border-bottom:1px solid var(--border)}.agenda-date{font-size:.78rem;color:var(--primary);font-weight:800}.empty,.notice{padding:16px;border-radius:12px;background:var(--surface2);color:var(--muted)}.notice.error{background:#fff0f3;color:#a32740}.notice.success{background:#eefbf5;color:#267a59}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:16px 0 24px}.month-day,.month-head{min-height:80px;padding:8px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.month-head{min-height:auto;text-align:center;color:var(--muted);font-size:.8rem}.month-day.outside{opacity:.38}.month-day.has-event{border-color:var(--primary)}.day-dot{width:7px;height:7px;background:var(--primary);border-radius:50%;display:inline-block;margin:2px}.calendar-toolbar{justify-content:center}.timeline{border-left:2px solid var(--border);margin-left:14px;padding-left:24px}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-31px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--primary)}.modal-backdrop{position:fixed;inset:0;background:rgba(12,12,22,.62);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(460px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:28px;position:relative;box-shadow:var(--shadow)}.modal.wide{width:min(680px,100%)}.modal form{display:grid;gap:11px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--text);font-size:1.6rem}.auth-switch{text-align:center;color:var(--muted)}footer{padding:20px clamp(20px,4vw,56px);display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border)}footer a{color:var(--primary)}
@media(max-width:900px){.landing{grid-template-columns:1fr}.phone-preview{display:none}.app{grid-template-columns:1fr}.sidebar{position:sticky;top:72px;z-index:10;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--border);padding:10px}.nav-btn{white-space:nowrap}.dashboard-grid{grid-template-columns:1fr}.content{padding-top:24px}}
@media(max-width:620px){.form-row,.search-row{align-items:stretch;flex-direction:column}.search-row select{max-width:none}.month-day{min-height:56px;font-size:.8rem}.landing{padding-top:45px}.hero-copy h1{font-size:3.4rem}.top-actions{gap:7px}.secondary-btn{padding:10px}}

.export-menu{display:grid;gap:4px}.export-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.export-chevron{transition:transform .18s ease}.export-toggle[aria-expanded="true"] .export-chevron{transform:rotate(180deg)}.export-submenu{display:grid;gap:4px;padding-left:12px}.export-subitem{font-size:.9rem;padding-top:9px;padding-bottom:9px}
/* Light and dark appearance themes */
:root[data-theme="light"]{--bg:#f7f6ff;--surface:#ffffff;--surface2:#efedff;--text:#24213b;--muted:#706d87;--primary:#6c63ff;--primary2:#5148d6;--border:#dfdcf2;--danger:#c8445d;--shadow:0 18px 48px rgba(67,55,154,.13);--card-muted:rgba(39,34,69,.70);--card-icon:#6c63ff}
:root[data-theme="dark"]{--bg:#05050c;--surface:#0d0c18;--surface2:#17152a;--text:#f4f1ff;--muted:#aaa4c3;--primary:#9b7cff;--primary2:#7657e8;--border:#2b2744;--danger:#e2758a;--shadow:0 20px 58px rgba(0,0,0,.48);--card-muted:rgba(244,241,255,.72);--card-icon:#c3afff}
body{background:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),radial-gradient(circle at 8% 48%,color-mix(in srgb,var(--primary2) 10%,transparent),transparent 28%),var(--bg)}
.logo-mark{background:linear-gradient(145deg,var(--primary),var(--primary2));color:#fff;border-radius:50%}.topbar,.sidebar{background:color-mix(in srgb,var(--surface) 94%,transparent)}
:root[data-theme="light"] .vault-card{background:linear-gradient(145deg,#eeeaff,#dcd6ff)}
:root[data-theme="light"] .gratitude-card{background:linear-gradient(145deg,#f4eaff,#eadcff)}
:root[data-theme="light"] .wins-card{background:linear-gradient(145deg,#e8f1ff,#dce7ff)}
:root[data-theme="light"] .goals-card{background:linear-gradient(145deg,#edeaff,#dedaff)}
:root[data-theme="light"] .future-card{background:linear-gradient(145deg,#eee7ff,#e2d8ff)}
:root[data-theme="light"] .timeline-card{background:linear-gradient(145deg,#f7edff,#eadfff)}
:root[data-theme="light"] .letters-card{background:linear-gradient(145deg,#f3e8ff,#e8dbff)}
:root[data-theme="light"] .notes-card{background:linear-gradient(145deg,#eaeaff,#dedfff)}
:root[data-theme="light"] .lessons-card{background:linear-gradient(145deg,#edeaff,#dfdcff)}
:root[data-theme="light"] .search-card{background:linear-gradient(145deg,#e8ebff,#dadeff)}
:root[data-theme="light"] .export-card{background:linear-gradient(145deg,#f0eaff,#e3dbff)}
:root[data-theme="light"] .settings-card-home{background:linear-gradient(145deg,#ecebfa,#dfdeef)}
:root[data-theme="dark"] .vault-card{background:linear-gradient(145deg,#241d48,#100d22)}
:root[data-theme="dark"] .gratitude-card{background:linear-gradient(145deg,#31204b,#150d25)}
:root[data-theme="dark"] .wins-card{background:linear-gradient(145deg,#17284d,#090f24)}
:root[data-theme="dark"] .goals-card{background:linear-gradient(145deg,#24204f,#100e26)}
:root[data-theme="dark"] .future-card{background:linear-gradient(145deg,#2c1e50,#130c27)}
:root[data-theme="dark"] .timeline-card{background:linear-gradient(145deg,#33204c,#160d24)}
:root[data-theme="dark"] .letters-card{background:linear-gradient(145deg,#301d45,#160c21)}
:root[data-theme="dark"] .notes-card{background:linear-gradient(145deg,#191b3f,#0b0c20)}
:root[data-theme="dark"] .lessons-card{background:linear-gradient(145deg,#202047,#0e0d23)}
:root[data-theme="dark"] .search-card{background:linear-gradient(145deg,#18284b,#090f22)}
:root[data-theme="dark"] .export-card{background:linear-gradient(145deg,#2b2048,#130e24)}
:root[data-theme="dark"] .settings-card-home{background:linear-gradient(145deg,#201c39,#0e0c1c)}
.home-hero{text-align:center;padding:30px 0 22px}.home-hero h1{font-size:clamp(2.3rem,5vw,4rem);margin:4px 0 8px;letter-spacing:-.035em}.home-hero p{color:var(--muted);margin:0}.home-sigil{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;color:var(--primary);font-size:1.3rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{min-height:160px;text-align:left;border:1px solid var(--border);border-radius:20px;padding:20px;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,filter .18s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);filter:brightness(1.07)}.feature-card strong{font-size:1.15rem;margin-top:16px}.feature-card small{color:var(--card-muted);margin-top:5px;line-height:1.35}.feature-icon{font-size:1.65rem;color:var(--card-icon)}
.vault-card{background:linear-gradient(145deg,#28382f,#18211c)}.gratitude-card{background:linear-gradient(145deg,#4b3c2d,#211b17)}.wins-card{background:linear-gradient(145deg,#29443d,#17231f)}.goals-card{background:linear-gradient(145deg,#313c4b,#1a2029)}.future-card{background:linear-gradient(145deg,#3b3448,#211d29)}.timeline-card{background:linear-gradient(145deg,#4a3f2e,#231f18)}.letters-card{background:linear-gradient(145deg,#45322f,#251b1a)}.notes-card{background:linear-gradient(145deg,#303b3a,#1b2221)}.lessons-card{background:linear-gradient(145deg,#344333,#1d251d)}.search-card{background:linear-gradient(145deg,#2e3841,#1a2025)}.export-card{background:linear-gradient(145deg,#37342c,#201e1a)}.settings-card-home{background:linear-gradient(145deg,#323434,#1c1e1e)}
.intro-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;margin-bottom:18px;line-height:1.65}.quote-line{color:var(--primary);font-style:italic}.example-lessons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.example-lessons>div{background:var(--surface2);border-radius:14px;padding:14px}.example-lessons span{color:var(--primary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.example-lessons p{margin:8px 0 0}.status-pill{display:inline-block;background:var(--surface2);padding:5px 9px;border-radius:999px;margin-top:8px;color:var(--primary)}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:135px}.example-lessons{grid-template-columns:1fr}}

.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:cover;display:block;box-shadow:0 5px 16px rgba(31,20,70,.25)}

.ai-insight {
  display: grid;
  gap: .3rem;
  margin: .85rem 0;
  padding: .8rem .9rem;
  border: 1px solid rgba(124, 92, 255, .22);
  border-radius: 14px;
  background: rgba(124, 92, 255, .07);
}
.ai-insight strong { font-size: .9rem; }
.ai-insight span { line-height: 1.45; }
.ai-insight small { opacity: .75; }

.ai-processing { opacity: .82; }
.ai-error { border-color: rgba(185, 28, 28, .24); }
.ai-error strong { color: #991b1b; }