:root{font-family:system-ui,sans-serif;color:#142c44;background:#f2f6fb}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:780px;margin:auto;background:#fff;padding:clamp(20px,5vw,48px);border-radius:18px;box-shadow:0 12px 40px #142c4410}h1{font-size:2rem}h2{font-size:1.2rem;margin-top:30px}p{line-height:1.6}a{color:#006acc}label{display:block;margin:16px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:12px;border:1px solid #9babbc;border-radius:7px;font:inherit;margin-top:6px}button{background:#006acc;color:#fff;border:0;border-radius:7px;padding:11px 16px;font:inherit;cursor:pointer;margin:4px 4px 4px 0}button:disabled{opacity:.5;cursor:wait}.check{line-height:1.7}.item{border-bottom:1px solid #dce4ee;padding:14px 0;overflow-wrap:anywhere}#message{font-weight:600;min-height:24px}textarea{resize:vertical}[hidden]{display:none!important}:focus-visible{outline:3px solid #f6ad2b;outline-offset:3px}
/* Account access and dashboard */
.account-page{background:#f5f7fb;color:#152b44;padding:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header,.site-footer{max-width:1160px;margin:auto;display:flex;align-items:center;padding:28px 32px;gap:24px}.site-header{justify-content:space-between}.brand{text-decoration:none;font-size:30px;font-weight:850;letter-spacing:-1.5px;color:#1474ce}.brand span{color:#253e56}.brand .brand-dot{color:#f59a36}.header-link{font-size:13px;font-weight:600;text-decoration:none;color:#52667a}.account-shell{max-width:1080px;display:grid;grid-template-columns:.9fr 1.1fr;padding:0;border:1px solid #e2e8f0;border-radius:26px;overflow:hidden;box-shadow:0 20px 70px #203e6610;margin:20px auto 0}.welcome-panel{padding:48px;background:linear-gradient(145deg,#e6f3ff,#f2f8ff 65%,#fff2e5);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#57748e}.welcome-panel h1{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-1.5px;margin:12px 0}.welcome-panel>p{font-size:15px;color:#5a7084;max-width:300px}.bubble-art{height:145px;width:230px;position:relative;margin:30px 0 12px}.bubble{display:block;position:absolute;font-size:32px;font-weight:750;letter-spacing:-1px;padding:14px 30px;border-radius:23px;box-shadow:0 12px 25px #2673bd1c}.bubble.blue{background:#1678d3;color:white;transform:rotate(-7deg);top:5px;left:0;border-bottom-left-radius:5px}.bubble.orange{background:#ffb866;color:#543b23;transform:rotate(7deg);right:0;bottom:9px;border-bottom-right-radius:5px}.benefits{list-style:none;padding:12px 0;margin:0;color:#405d77;font-size:13px;line-height:2.5}.benefits li:before{content:'✓';display:inline-block;margin-right:12px;color:#1274c7;font-weight:bold}.adults-note{font-size:11px;color:#71869a;margin-top:32px}.account-content{padding:40px 48px;min-width:0;background:white}.auth-tabs{display:flex;padding:5px;background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:30px}.auth-tabs a{flex:1;text-align:center;padding:10px 5px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:650;color:#63778b}.auth-tabs a[aria-current]{background:#fff;color:#126ec1;box-shadow:0 2px 6px #203e6610}.account-content #login h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:12px 0}.muted{color:#6d7e90;font-size:14px;line-height:1.65}.account-content label{font-size:13px;font-weight:600;margin:22px 0 8px}.account-content input:not([type=checkbox]),.account-content select,.account-content textarea{background:#fbfcfe;border:1px solid #d8e1ec;border-radius:10px;padding:14px;font-size:14px;color:#243e58}.account-content input::placeholder{color:#97a5b4}.account-content .check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;font-weight:400;color:#687b8e;margin:20px 0}.check input{accent-color:#1678d3;flex-shrink:0;margin:4px 0}.account-content a{color:#136fbf}.account-content button,.primary-link{border-radius:10px;background:#1478cf;font-size:13px;font-weight:650;padding:13px 18px}.account-content .full-button{display:flex;width:100%;align-items:center;justify-content:center;gap:15px;margin:0}.privacy-note{text-align:center;color:#7a8b9b;font-size:11px;margin:20px 0}.account-footer{border-top:1px solid #e9eef4;padding-top:22px;margin-top:28px;font-size:12px;line-height:1.7;color:#7a8b9b}.account-footer span{display:block;font-size:10px;margin-top:8px}.site-footer{justify-content:center;font-size:11px;color:#8998a8;flex-wrap:wrap;padding:26px 20px}.site-footer a{color:#788b9d;text-decoration:none}.verify-card{border-top:1px solid #e3eaf1;margin-top:24px;padding-top:4px}.verify-card button{margin-top:15px!important}#code{letter-spacing:8px;font-size:24px;font-variant-numeric:tabular-nums}#message:empty{display:none}#message:not(:empty){padding:12px 14px;background:#eef6ff;border:1px solid #d7e9fb;border-radius:10px;font-size:13px;line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere}.signed-in .account-shell{grid-template-columns:280px 1fr}.signed-in .welcome-panel{padding:32px}.signed-in .welcome-panel h1{font-size:28px}.signed-in .bubble-art{transform:scale(.8);transform-origin:left center;width:220px}.chat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.account-content .primary-link{color:white;text-decoration:none}#closeAccount,#logout{background:#edf3f9;color:#42617d}#history:empty:after{content:'Your recent conversations will appear here.'}#reports:empty:after{content:'No reports yet.'}#history:empty,#reports:empty{padding:18px;background:#f6f9fc;color:#7890a5;font-size:13px;border-radius:10px}.account-content h2{font-size:19px}.account-content .item{font-size:13px}.account-content .item button{display:block;margin-top:10px}
@media(max-width:760px){.site-header{padding:20px}.brand{font-size:26px}.account-shell,.signed-in .account-shell{display:block;margin:8px 16px 0;border-radius:20px}.welcome-panel{display:none}.account-content{padding:28px 24px}.account-content #login h2{font-size:25px}.site-footer{gap:15px}.header-link{font-size:12px}}@media(prefers-reduced-motion:no-preference){.account-content button,.primary-link{transition:background .15s,box-shadow .15s}.account-content button:hover,.primary-link:hover{background:#0965b6;box-shadow:0 4px 12px #1478cf20}}

/* Reuse the homepage palette, typography and header rather than a separate brand. */
body.account-page.index-page{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:radial-gradient(1100px 540px at 12% -6%,rgba(1,127,254,.10),transparent 65%),radial-gradient(900px 480px at 88% -4%,rgba(24,182,106,.08),transparent 60%),var(--bg)}
.account-page.index-page .account-shell{margin-top:48px;border-radius:var(--radius-xl);border-color:var(--line);box-shadow:var(--shadow-soft)}
.account-page.index-page .welcome-panel{background:linear-gradient(145deg,rgba(1,127,254,.055),rgba(24,182,106,.035)),white;justify-content:center;gap:14px}
.account-badge{display:inline-flex;border:1px solid rgba(24,182,106,.22);color:#147c49;background:rgba(24,182,106,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;margin:12px 0}
.account-page.index-page .welcome-panel h1{font-weight:900;letter-spacing:-1.4px;font-size:38px}.welcome-panel h1 span{color:var(--blue)}
.account-page.index-page .account-content a{color:var(--blue-deep)}.account-page.index-page .account-content .primary-link{color:white}
.account-page.index-page .account-content button,.account-page.index-page .primary-link{background:linear-gradient(135deg,var(--blue),var(--blue-deep));border-radius:var(--radius-sm);box-shadow:0 8px 18px -10px rgba(1,127,254,.5)}
.account-page.index-page #closeAccount,.account-page.index-page #logout{background:var(--soft-blue);color:var(--blue-deep);box-shadow:none}
.account-page.index-page .auth-tabs{border:1px solid var(--line);background:#f5f8fc;border-radius:16px}.account-page.index-page .auth-tabs a[aria-current]{color:var(--blue);border-radius:12px}
.account-page.index-page .eyebrow{color:var(--muted)}.account-page.index-page .muted,.account-page.index-page .welcome-panel>p{color:var(--muted)}
@media(max-width:760px){.account-page.index-page .account-shell{margin:24px 16px 0}.account-page.index-page .duck-header{grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:6px}.account-page.index-page #logo{padding:0}.account-page.index-page #logo .logo{width:100%;max-width:220px;height:auto}.account-page.index-page .index-nav{display:flex}.account-page.index-page .index-nav a{padding:8px;font-size:12px}}

body.account-page.index-page.account-embedded{background:white}.account-embedded .duck-sticky,.account-embedded .welcome-panel,.account-embedded .site-footer{display:none!important}.account-page.index-page.account-embedded .account-shell{display:block;margin:0;border:0;border-radius:0;box-shadow:none;width:100%;max-width:none}.account-embedded .account-content{padding:24px}.account-embedded .account-footer{margin-top:24px}

@media(max-width:760px){.account-embedded .account-content{padding:18px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.account-embedded input:not([type=checkbox]),.account-embedded select,.account-embedded textarea{font-size:16px}.account-embedded .item,.account-embedded #status{overflow-wrap:anywhere}.account-embedded button,.account-embedded .primary-link{min-height:44px}}