/* DIARY2-START (10-27): the chat-first home in the AZLOOK2 look (glass, glow, dark + light, skeletons, reduced motion).
   Scoped to body.home2 with dz- classes so the rest of the site (site.css) is untouched. Fonts are self-hosted (CSP). */
@font-face{font-family:"Inter";src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700;font-display:swap}
body.home2{
  --z-display:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--z-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --z-r-sm:10px;--z-r-md:14px;--z-r-lg:20px;--z-r-xl:28px;--z-ease:cubic-bezier(.2,.8,.2,1);
  --z-bg:#05070d;--z-bg-2:#0a0f1a;--z-surface:rgba(17,24,39,.62);--z-surface-solid:#0f1626;--z-surface-2:rgba(255,255,255,.04);
  --z-line:rgba(148,170,204,.14);--z-line-2:rgba(148,170,204,.24);--z-fg:#eef3fb;--z-fg-2:#b6c2d6;--z-fg-3:#8d99b1;
  --z-b1:#5ef0d8;--z-b2:#29cfff;--z-b3:#4a7dff;--z-brand:linear-gradient(135deg,var(--z-b1),var(--z-b2) 48%,var(--z-b3));
  --z-glow:0 0 0 1px rgba(94,240,216,.18),0 10px 40px -10px rgba(41,207,255,.45);--z-on-brand:#03111d;--z-ok:#3ddc97;--z-bad:#ff8a96;
  --z-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 50px -24px rgba(0,0,0,.7);
  --z-aurora:radial-gradient(60% 50% at 20% 0%,rgba(41,207,255,.16),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(94,240,216,.12),transparent 60%),radial-gradient(60% 60% at 50% 100%,rgba(74,125,255,.10),transparent 70%);
  color-scheme:dark;background:var(--z-bg);background-image:var(--z-aurora);background-attachment:fixed;color:var(--z-fg);font:400 16px/1.6 var(--z-text)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) body.home2{
  --z-bg:#f7f8fb;--z-bg-2:#fff;--z-surface:rgba(255,255,255,.78);--z-surface-solid:#fff;--z-surface-2:rgba(10,20,40,.035);
  --z-line:rgba(15,23,42,.09);--z-line-2:rgba(15,23,42,.16);--z-fg:#0b1220;--z-fg-2:#3b4659;--z-fg-3:#5d6779;--z-on-brand:#031321;--z-b2:#0a9fd0;--z-bad:#c62839;
  --z-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 40px -22px rgba(15,23,42,.25);
  --z-aurora:radial-gradient(60% 50% at 20% 0%,rgba(41,207,255,.14),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(94,240,216,.14),transparent 60%);color-scheme:light}}
:root[data-theme=light] body.home2{--z-bg:#f7f8fb;--z-bg-2:#fff;--z-surface:rgba(255,255,255,.78);--z-surface-solid:#fff;--z-surface-2:rgba(10,20,40,.035);--z-line:rgba(15,23,42,.09);--z-line-2:rgba(15,23,42,.16);--z-fg:#0b1220;--z-fg-2:#3b4659;--z-fg-3:#5d6779;--z-on-brand:#031321;--z-b2:#0a9fd0;--z-bad:#c62839;--z-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 40px -22px rgba(15,23,42,.25);--z-aurora:radial-gradient(60% 50% at 20% 0%,rgba(41,207,255,.14),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(94,240,216,.14),transparent 60%);color-scheme:light}
body.home2 a{color:inherit}
.dz-wrap{width:min(1180px,100% - 32px);margin:0 auto}
.dz-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* top bar */
.dz-top{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--z-line);background:color-mix(in srgb,var(--z-bg) 74%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.dz-top-in{display:flex;align-items:center;gap:16px;min-height:64px}
.dz-top .wordmark.sm{font-size:26px;padding-top:12px}
.dz-nav{display:flex;gap:2px;margin-left:8px}.dz-nav a{padding:8px 12px;border-radius:var(--z-r-sm);color:var(--z-fg-2);text-decoration:none;font:500 14px/1 var(--z-text)}.dz-nav a:hover{color:var(--z-fg);background:var(--z-surface-2)}
.dz-sp{flex:1}
@media (max-width:860px){.dz-nav{display:none}}
/* buttons, chips */
.dz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--z-r-md);border:1px solid var(--z-line-2);background:var(--z-surface-2);color:var(--z-fg);font:600 14px/1 var(--z-text);text-decoration:none;cursor:pointer;transition:transform 140ms var(--z-ease),background 140ms,border-color 140ms,box-shadow 140ms,filter 140ms;white-space:nowrap}
.dz-btn:hover{border-color:var(--z-fg-3)}.dz-btn:active{transform:scale(.98)}.dz-btn:focus-visible,.dz-chip:focus-visible,.dz-icon:focus-visible,.dz-what>summary:focus-visible{outline:2px solid var(--z-b2);outline-offset:2px}
.dz-btn.primary{background:var(--z-brand);color:var(--z-on-brand);border:0;box-shadow:var(--z-glow)}.dz-btn.primary:hover{filter:brightness(1.06)}
.dz-btn.ghost{background:transparent;border-color:transparent}.dz-btn.ghost:hover{background:var(--z-surface-2)}
.dz-btn.lg{min-height:52px;padding:0 24px;font-size:16px;border-radius:var(--z-r-lg)}.dz-btn.sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:var(--z-r-sm)}
.dz-btn.block{width:100%}.dz-btn[disabled]{opacity:.55;cursor:default;transform:none}
.dz-btn svg,.dz-icon svg{width:18px;height:18px;flex:none}
.dz-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--z-line-2);background:var(--z-surface-2);color:var(--z-fg-2);font:500 14px/1 var(--z-text);cursor:pointer;transition:all 140ms var(--z-ease)}
.dz-chip:hover,.dz-chip[aria-pressed=true]{color:var(--z-fg);border-color:var(--z-b2);background:rgba(41,207,255,.10)}
.dz-mood{min-width:44px;min-height:44px;padding:0 10px;font-size:20px;justify-content:center}
.dz-mood[aria-pressed=true]{box-shadow:0 0 0 3px rgba(41,207,255,.18)}
.dz-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--z-r-md);border:1px solid var(--z-line);background:var(--z-surface-2);color:var(--z-fg-2);cursor:pointer;transition:all 140ms var(--z-ease)}
.dz-icon:hover{color:var(--z-fg);border-color:var(--z-line-2)}
.dz-icon.rec{color:var(--z-on-brand);background:var(--z-brand);border-color:transparent;box-shadow:var(--z-glow);animation:dz-pulse 1.4s ease-in-out infinite}
@keyframes dz-pulse{50%{box-shadow:0 0 0 8px rgba(41,207,255,.12),var(--z-glow)}}
/* hero + the box */
.dz-hero{padding:clamp(40px,8vh,88px) 0 28px;text-align:center}
.dz-eyebrow{font:600 12px/1 var(--z-text);letter-spacing:.16em;text-transform:uppercase;color:var(--z-b2);margin:0 0 14px}
.dz-h1{font:700 clamp(40px,6.4vw,68px)/1.02 var(--z-display);letter-spacing:-.04em;margin:0}
.dz-grad{background:var(--z-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz-sub{color:var(--z-fg-2);font-size:clamp(16px,1.6vw,18px);margin:14px auto 28px;max-width:560px}
.dz-box{position:relative;max-width:820px;margin:0 auto;padding:10px;text-align:left;border-radius:var(--z-r-xl);background:var(--z-surface);border:1px solid var(--z-line);box-shadow:var(--z-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.dz-box::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--z-brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}
.dz-prompt{margin:8px 14px 0;font:500 13px/1.4 var(--z-text);color:var(--z-b2)}.dz-prompt[hidden]{display:none}
.dz-box textarea{display:block;width:100%;min-height:104px;max-height:40vh;border:0;background:transparent;color:var(--z-fg);font:400 18px/1.5 var(--z-text);resize:none;padding:14px 14px 6px}
.dz-box textarea:focus{outline:none}.dz-box textarea::placeholder{color:var(--z-fg-3)}
.dz-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px}
.dz-moods{display:flex;gap:6px;flex-wrap:wrap}
.dz-save{margin-left:auto}
.dz-live{min-height:1.4em;margin:4px 14px 6px;font-size:13px;color:var(--z-fg-3)}
.dz-live.err{color:var(--z-bad)}
.dz-try{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;max-width:820px}
.dz-try>span{font-size:13px;color:var(--z-fg-3)}
.dz-fine{margin:16px 0 0;color:var(--z-fg-3);font-size:13px}
@media (max-width:560px){.dz-bar{gap:6px}.dz-moods{order:3;width:100%;justify-content:space-between}.dz-mood{flex:1}.dz-save{margin-left:auto}.dz-box textarea{font-size:17px;min-height:96px}}
/* the keep-it sheet (inside the box after Save) */
.dz-sheet{margin:6px;padding:18px;border-radius:var(--z-r-lg);background:var(--z-surface-solid);border:1px solid var(--z-line-2);animation:dz-rise .35s var(--z-ease) both}
.dz-sheet[hidden]{display:none}
.dz-sheet h2{font:700 20px/1.25 var(--z-display);letter-spacing:-.02em;margin:0 0 4px}
.dz-sheet p{margin:0 0 14px;color:var(--z-fg-2);font-size:14px}
.dz-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--z-fg-3);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.dz-or::before,.dz-or::after{content:"";flex:1;height:1px;background:var(--z-line-2)}
.dz-email{display:flex;gap:8px;flex-wrap:wrap}
.dz-input{flex:1 1 220px;min-width:0;min-height:48px;padding:12px 14px;border-radius:var(--z-r-md);border:1px solid var(--z-line-2);background:var(--z-surface-2);color:var(--z-fg);font:400 16px/1.4 var(--z-text)}
.dz-input:focus{outline:none;border-color:var(--z-b2);box-shadow:0 0 0 4px rgba(41,207,255,.15)}
.dz-legal{margin:12px 0 0!important;font-size:12px!important;color:var(--z-fg-3)!important}.dz-legal a{color:var(--z-fg-2)}
.dz-ts{margin-top:10px}.dz-ts:empty{display:none}
.dz-sent{display:flex;gap:12px;align-items:flex-start}.dz-sent .dz-dot{flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--z-ok);box-shadow:0 0 12px var(--z-ok)}
.dz-g{width:20px;height:20px}
.dz-gbtn{background:#fff;color:#1f1f1f;border:1px solid #dadce0;box-shadow:var(--z-glow)}.dz-gbtn:hover{background:#f8f9fa;border-color:#c6c9cf}
/* skeleton */
.dz-skel{position:relative;overflow:hidden;background:var(--z-surface-2);border-radius:var(--z-r-md);min-height:52px}
.dz-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:dz-shimmer 1.4s infinite}
@keyframes dz-shimmer{to{transform:translateX(100%)}}
/* trust row */
.dz-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:34px auto 0;padding:0;list-style:none;color:var(--z-fg-2);font-size:14px}
.dz-trust li{display:inline-flex;align-items:center;gap:8px}.dz-trust svg{width:18px;height:18px;color:var(--z-b2)}
/* What diary.com does */
.dz-what{max-width:1180px;margin:44px auto 64px}
.dz-what>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:0 auto;padding:12px 20px;border-radius:999px;border:1px solid var(--z-line-2);background:var(--z-surface);color:var(--z-fg);font:600 15px/1 var(--z-text);cursor:pointer}
.dz-what>summary::-webkit-details-marker{display:none}.dz-what>summary svg{width:18px;height:18px;transition:transform 240ms var(--z-ease)}.dz-what[open]>summary svg{transform:rotate(180deg)}
.dz-what-in{margin-top:28px;animation:dz-rise .4s var(--z-ease) both}
.dz-h2{font:700 clamp(26px,3.4vw,36px)/1.1 var(--z-display);letter-spacing:-.03em;margin:0 0 6px;text-align:center}
.dz-lead{color:var(--z-fg-2);text-align:center;margin:0 auto 22px;max-width:640px}
.dz-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.dz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dz-grid{grid-template-columns:1fr}}
.dz-tile{display:flex;gap:12px;align-items:flex-start;padding:20px;border-radius:var(--z-r-lg);background:var(--z-surface);border:1px solid var(--z-line);box-shadow:var(--z-shadow);text-decoration:none;transition:transform 240ms var(--z-ease),border-color 240ms,box-shadow 240ms}
.dz-tile:hover{transform:translateY(-2px);border-color:var(--z-line-2);box-shadow:var(--z-shadow),var(--z-glow)}
.dz-tile .ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(41,207,255,.10);color:var(--z-b2);border:1px solid rgba(41,207,255,.18)}.dz-tile .ic svg{width:20px;height:20px}
.dz-tile b{display:block;font:600 16px/1.3 var(--z-display)}.dz-tile small{display:block;color:var(--z-fg-3);font-size:13.5px;line-height:1.45;margin-top:3px}
.dz-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 8px}
.dz-plan{padding:12px 16px;border-radius:var(--z-r-md);border:1px solid var(--z-line);background:var(--z-surface-2);font-size:14px;color:var(--z-fg-2)}.dz-plan b{color:var(--z-fg)}
.dz-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0}
.dz-faq{max-width:760px;margin:30px auto 0}
.dz-faq details{border-bottom:1px solid var(--z-line);padding:12px 4px}.dz-faq summary{cursor:pointer;font-weight:600}.dz-faq p{color:var(--z-fg-2);margin:8px 0 0}
@keyframes dz-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* site-wide pieces that live on this page */
body.home2 .ask-fab{display:none!important}
body.home2 .foot{background:var(--z-bg-2);border-top:1px solid var(--z-line)}
body.home2 .foot-grid a:not(.wordmark),body.home2 .foot-base,body.home2 .foot-base a,body.home2 .muted{color:var(--z-fg-2)}
body.home2 .foot-grid a:not(.wordmark):hover{color:var(--z-fg)}body.home2 .foot h3,body.home2 .nl-box label{color:var(--z-b2)}body.home2 .foot-tag{color:var(--z-fg-3)}
body.home2 .nl-row input{background:var(--z-surface-2);color:var(--z-fg);border-color:var(--z-line-2)}
body.home2 .foot-base{border-top-color:var(--z-line)}
@media (prefers-reduced-motion:reduce){body.home2 *,body.home2 *::before,body.home2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* the network strip (net.js) is drawn for a dark band: keep its band dark in light mode too */
body.home2 #bronet-strip{background:#0a0f1a;color-scheme:dark}
body.home2 [hidden]{display:none!important}