:root{--bg:#0b0908;--surface-1:#15110e;--surface-2:#1e1814;--surface-3:#261e18;--hairline:#2a221c;--hairline-2:#382c24;--ink:#ece2d2;--ink-soft:#c9bca8;--ink-mid:#93887a;--ink-low:#6a6058;--ink-dim:#4a423c;--amber:oklch(80% .1 70);--amber-soft:oklch(80% .1 70/.18);--amber-line:oklch(80% .1 70/.4);--sage:oklch(74% .05 165);--sage-soft:oklch(74% .05 165/.2);--rust:oklch(70% .1 35);--sans:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Instrument Serif", "Newsreader", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius-sm:8px;--radius:14px;--radius-lg:22px;--ease:cubic-bezier(.22, .61, .36, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.56s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;margin:0;font-size:15.5px;font-weight:300;line-height:1.75}body{background:#0b0908;min-height:100vh;overflow-x:hidden}.mood-layer{pointer-events:none;z-index:0;opacity:0;transition:opacity .9s var(--ease);position:fixed;inset:0}.mood-layer--active{opacity:1}.mood-home{background:linear-gradient(oklch(12% .07 290) 0%,oklch(15% .08 295) 28%,oklch(13% .07 300) 48%,oklch(8% .04 295) 70%,#0b0908 100%)}.mood-home:before{content:"";opacity:.95;background:radial-gradient(circle at 50% 32%,oklch(95% .13 92) 0%,oklch(88% .18 72) 18%,oklch(76% .22 48) 34%,oklch(64% .22 22) 50%,oklch(54% .22 5) 64%,oklch(46% .22 350) 78%,oklch(38% .2 325) 92%,#0000 100%);border-radius:50%;width:520px;height:520px;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);-webkit-mask:linear-gradient(#000 0 50%,#0000 50% 50.6%,#000 50.6% 53.2%,#0000 53.2% 54.4%,#000 54.4% 58%,#0000 58% 59.6%,#000 59.6% 64%,#0000 64% 66.2%,#000 66.2% 71.5%,#0000 71.5% 74.2%,#000 74.2% 80.5%,#0000 80.5% 84%,#000 84% 91%,#0000 91% 95%,#000 95% 100%);mask:linear-gradient(#000 0 50%,#0000 50% 50.6%,#000 50.6% 53.2%,#0000 53.2% 54.4%,#000 54.4% 58%,#0000 58% 59.6%,#000 59.6% 64%,#0000 64% 66.2%,#000 66.2% 71.5%,#0000 71.5% 74.2%,#000 74.2% 80.5%,#0000 80.5% 84%,#000 84% 91%,#0000 91% 95%,#000 95% 100%)}.mood-home:after{content:"";background:radial-gradient(560px 400px at 50% 70%,oklch(65% .2 22/.32),#0000 65%),radial-gradient(720px 220px at 50% 88%,oklch(52% .18 25/.36),#0000 70%),linear-gradient(#0000 70%,oklch(7% .04 295/.55) 84%,oklch(4% .02 290/.85) 100%);position:absolute;inset:0}.mood-journal{background:radial-gradient(420px 720px at 105% 38%,oklch(58% .11 55/.34),#0000 60%),radial-gradient(900px 1100px at 18%,oklch(36% .07 175/.62),#0000 60%),radial-gradient(640px 800px at 28% 85%,oklch(32% .07 160/.45),#0000 65%),radial-gradient(1200px 620px at 50% -10%,oklch(26% .06 165/.6),#0000 72%),radial-gradient(820px 320px at 50% 108%,oklch(42% .09 50/.32),#0000 70%),radial-gradient(140% 110%,#0000 50%,oklch(18% .06 180/.45) 100%)}.mood-journal:after{content:"";filter:blur(24px);opacity:.85;background:linear-gradient(90deg,oklch(16% .05 175/.55) 0%,#0000 5%,oklch(20% .06 168/.4) 9%,#0000 14%,oklch(18% .05 172/.3) 17%,#0000 24% 76%,oklch(18% .05 172/.3) 82%,#0000 86%,oklch(22% .06 165/.45) 92%,#0000 96%,oklch(16% .05 175/.5) 100%);position:absolute;inset:0}.mood-journal:before{content:"";opacity:.95;z-index:1;background:repeating-linear-gradient(108deg,#0000 0 14px,oklch(88% .02 200/.06) 14px 15px) 0 0/100% 260px,repeating-linear-gradient(#0000 0 140px,oklch(85% .04 200/.03) 140px 141px) 0 0/100% 100%,repeating-linear-gradient(#0000 0 230px,oklch(85% .04 200/.022) 230px 231px) 0 0/100% 100%;animation:11s linear infinite rain;position:absolute;inset:0}@keyframes rain{0%{background-position:0 0,0 0,0 0}to{background-position:70px 260px,0 0,0 0}}.mood-trends{background:radial-gradient(900px 600px at 80% -10%,oklch(28% .05 50/.35),#0000 60%),radial-gradient(700px 500px at -10% 110%,oklch(22% .04 290/.35),#0000 60%)}.shell{z-index:1;position:relative}h1,h2,h3{letter-spacing:-.005em;color:var(--ink);margin:0;font-weight:300}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--amber-soft);color:var(--ink)}.shell{max-width:720px;padding:0 28px calc(80px + env(safe-area-inset-bottom));padding-left:max(28px, env(safe-area-inset-left));padding-right:max(28px, env(safe-area-inset-right));margin:0 auto}.brand{padding:calc(36px + env(safe-area-inset-top)) 0 22px;align-items:baseline;gap:10px;display:flex}.brand__mark{background:var(--amber);width:8px;height:8px;box-shadow:0 0 24px var(--amber-soft);border-radius:50%;transform:translateY(-2px)}.brand__word{font-family:var(--serif);letter-spacing:.01em;color:var(--ink-soft);font-size:22px;font-style:italic}.nav{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(20% .01 60/.5);border-radius:999px;gap:4px;width:fit-content;margin:0 0 32px;padding:6px;display:flex}.nav__item{letter-spacing:.01em;color:var(--ink-mid);cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;padding:8px 16px;font-size:13px}.nav__item:hover{color:var(--ink-soft)}.nav__item--active{color:var(--ink);background:var(--surface-2)}.entry-head{padding:6px 0 28px}.entry-head__date{font-family:var(--serif);color:var(--ink);margin:0 0 8px;font-size:38px;font-style:italic;line-height:1.1}.entry-head__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-low);align-items:center;gap:10px;font-size:12px;display:flex}.save-dot{background:var(--ink-dim);width:6px;height:6px;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:50%}.save-dot--saving{background:var(--amber);animation:pulse 1.6s var(--ease) infinite}.save-dot--saved{background:var(--sage)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--amber-soft);opacity:.55}50%{opacity:1;box-shadow:0 0 0 6px #0000}}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-low);margin-bottom:14px;font-size:11px}.journal{margin:0 0 44px;position:relative}.journal__field{resize:none;width:100%;min-height:240px;color:var(--ink);font-family:"Nunito", var(--sans);letter-spacing:.005em;caret-color:var(--amber);background:0 0;border:0;outline:none;padding:4px 0 16px;font-size:20px;font-weight:400;line-height:1.65;display:block;overflow:hidden}.journal__field::placeholder{color:var(--ink-dim);font-style:italic}.journal__rule{background:linear-gradient(to right, transparent, var(--hairline) 12%, var(--hairline) 88%, transparent);height:1px}.outreach{margin:0 0 44px}.stepper{justify-content:center;align-items:center;gap:22px;padding:12px 0 8px;display:flex}.stepper__num{font-family:var(--serif);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-size:52px;line-height:.95}.stepper__num--sm{min-width:52px;color:var(--ink-soft);font-size:34px}.stepper__btn{appearance:none;border:1px solid var(--hairline-2);background:var(--surface-1);color:var(--ink-soft);cursor:pointer;width:48px;height:48px;transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform .12s var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.stepper__btn:hover,.stepper__btn:focus-visible{color:var(--amber);background:var(--surface-2);border-color:var(--amber-line);outline:none}.stepper__btn:active{transform:scale(.94)}.stepper__btn--sm{width:40px;height:40px;font-size:18px}.stepper__caption{color:var(--ink-low);text-align:center;max-width:340px;margin:4px auto 0;font-size:13px;line-height:1.55}.stepper__caption b{color:var(--ink-soft);font-weight:500}.disclosure{color:var(--ink-low);cursor:pointer;min-height:40px;transition:color var(--dur) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;margin:18px auto 0;padding:10px 14px;font-size:13px;display:flex}.disclosure:hover,.disclosure:focus-visible{color:var(--ink-soft);outline:none}.disclosure__chev{width:8px;height:8px;transition:transform var(--dur) var(--ease);border-bottom:1px solid;border-right:1px solid;display:inline-block;transform:rotate(45deg)translate(-2px,-2px)}.disclosure--open .disclosure__chev{transform:rotate(225deg)translate(-2px,-2px)}.collapse{transition:grid-template-rows var(--dur-slow) var(--ease), opacity var(--dur-slow) var(--ease);opacity:0;grid-template-rows:0fr;display:grid}.collapse--open{opacity:1;grid-template-rows:1fr}.collapse__inner{overflow:hidden}.replies{border-top:1px dashed var(--hairline);margin-top:14px;padding-top:18px}.replies__caption{color:var(--ink-low);text-align:center;max-width:320px;margin:8px auto 0;font-size:13px;line-height:1.55}.replies__caption em{color:var(--ink-mid);font-style:italic}.voice{margin:0 0 44px}.voice--top{border-bottom:1px solid var(--hairline);margin:6px 0 36px;padding:0 0 28px}.voice--top .label{margin-bottom:12px}.record-row{align-items:center;gap:18px;display:flex}.record-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hairline-2);width:fit-content;transition:all var(--dur) var(--ease);background:oklch(18% .01 50/.85);border-radius:999px;align-items:center;gap:16px;margin-top:48px;margin-left:auto;margin-right:auto;padding:14px 18px 14px 14px;display:flex;position:sticky;bottom:24px;box-shadow:0 18px 40px -18px #0009,0 0 0 1px oklch(30% .02 60/.3)}.record-dock:hover{border-color:var(--amber-line)}.record-dock__label{color:var(--ink-mid);letter-spacing:.02em;padding-right:6px;font-size:13px}.record-dock__label--short{display:none}body:has(.journal__field:focus) .record-dock{opacity:0;pointer-events:none}.record-dock__time{font-family:var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:14px}.record-btn{appearance:none;cursor:pointer;background:var(--surface-2);border:0;border:1px solid var(--hairline-2);width:56px;height:56px;color:var(--ink-soft);transition:all var(--dur) var(--ease);border-radius:50%;position:relative}.record-btn:hover{background:var(--surface-3);border-color:var(--amber-line);color:var(--amber)}.record-btn__dot{background:var(--rust);width:12px;height:12px;transition:all var(--dur) var(--ease);border-radius:50%;margin:0 auto}.record-btn--rec .record-btn__dot{background:var(--amber);border-radius:3px;animation:1.4s ease-in-out infinite rec}@keyframes rec{0%,to{opacity:.55}50%{opacity:1}}.record-time{font-family:var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:18px}.record-hint{color:var(--ink-low);font-size:13px}.notes{flex-direction:column;gap:10px;margin-top:22px;display:flex}.note{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);align-items:center;gap:14px;padding:12px 14px;display:flex}.note:hover{border-color:var(--hairline-2);background:var(--surface-2)}.note__play{appearance:none;cursor:pointer;background:var(--surface-2);width:36px;height:36px;color:var(--ink-soft);transition:all var(--dur) var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.note__play:hover{background:var(--amber-soft);color:var(--amber)}.note__wave{flex:1;align-items:center;gap:2px;height:28px;display:flex}.note__wave i{background:var(--ink-dim);border-radius:1px;flex:1;display:block}.note__meta{color:var(--ink-low);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:right;min-width:60px;font-size:12px}.home{flex-direction:column;gap:36px;padding:32px 0 24px;display:flex}.home__hero{flex-direction:column;gap:10px;display:flex}.home__welcome{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);max-width:540px;margin:0;font-size:44px;font-style:italic;line-height:1.08}.home__welcome em{color:var(--amber);font-style:italic;font-weight:400}.home__greeting-sub{color:var(--ink-mid);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.home__cta{border:1px solid var(--hairline-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;min-height:92px;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform .14s var(--ease);-webkit-tap-highlight-color:transparent;background:linear-gradient(oklch(20% .012 55/.55),oklch(14% .008 55/.55));justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;box-shadow:0 14px 32px -18px #0000008c}.home__cta:hover,.home__cta:focus-visible{border-color:var(--amber-line);outline:none}.home__cta:hover .home__cta-arrow,.home__cta:focus-visible .home__cta-arrow{color:var(--amber);transform:translate(4px)}.home__cta:active{transform:scale(.995)}.home__cta-body{flex:1;min-width:0}.home__cta-title{font-family:var(--serif);color:var(--ink);font-size:26px;font-style:italic;line-height:1.15}.home__cta-sub{color:var(--ink-low);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:11.5px}.home__cta-arrow{font-family:var(--serif);color:var(--ink-mid);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;font-size:28px;font-style:italic}.home__quote{text-align:center;max-width:480px;margin:8px auto 0}.home__quote-text{font-family:var(--serif);color:var(--ink-soft);letter-spacing:.005em;font-size:18px;font-style:italic;line-height:1.6}.home__quote-attr{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-top:14px;font-size:11px}.home__quiet-foot{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:12px;display:flex}.home__quiet-foot a,.home__quiet-foot button{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;padding:6px 4px;font-family:inherit;font-size:12px}.home__quiet-foot a:hover,.home__quiet-foot button:hover,.home__quiet-foot a:focus-visible,.home__quiet-foot button:focus-visible{color:var(--ink-mid);outline:none}.btn{appearance:none;cursor:pointer;letter-spacing:.02em;color:var(--ink);background:var(--surface-2);border:1px solid var(--hairline-2);transition:all var(--dur) var(--ease);border-radius:999px;padding:10px 20px;font-family:inherit;font-size:13px}.btn:hover{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber)}.btn--ghost{border-color:var(--hairline);color:var(--ink-soft);background:0 0}.archive-head{padding:8px 0 28px}.archive-head h1{font-family:var(--serif);margin-bottom:8px;font-size:42px}.archive-head p{color:var(--ink-mid);font-size:14px}.month{margin-bottom:36px}.month__label{font-family:var(--serif);color:var(--ink-low);letter-spacing:.04em;border-bottom:1px solid var(--hairline);margin-bottom:8px;padding-bottom:12px;font-size:14px;font-style:italic}.day-row{border-bottom:1px solid var(--hairline);cursor:pointer;transition:padding-left var(--dur) var(--ease), background var(--dur) var(--ease);grid-template-columns:64px 1fr auto;align-items:baseline;gap:22px;padding:18px 0;display:grid}.day-row:hover{padding-left:8px}.day-row__date{font-family:var(--serif);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:22px;font-style:italic}.day-row__date small{font-family:var(--sans);letter-spacing:.16em;color:var(--ink-low);text-transform:uppercase;margin-top:2px;font-size:10px;font-style:normal;display:block}.day-row__preview{color:var(--ink-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.day-row__meta{color:var(--ink-low);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;font-size:11.5px;display:flex}.tag-effort{color:var(--ink-soft);align-items:baseline;gap:4px;display:inline-flex}.tag-effort b{font-family:var(--serif);color:var(--ink);margin-right:4px;font-size:18px;font-weight:400}.tag-mic{color:var(--amber)}.back-link{color:var(--ink-low);cursor:pointer;transition:color var(--dur) var(--ease);align-items:center;gap:8px;padding:12px 0;font-size:13px;display:inline-flex}.back-link:hover{color:var(--ink-soft)}.entry-detail__date{font-family:var(--serif);color:var(--ink);margin:14px 0 8px;font-size:48px;line-height:1.05}.entry-detail__meta{color:var(--ink-low);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--hairline);gap:24px;margin-bottom:40px;padding-bottom:26px;font-size:12px;display:flex}.entry-detail__meta b{color:var(--ink);font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:16px;font-weight:400}.entry-detail__body{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;margin-bottom:44px;font-size:22px;line-height:1.6}.entry-detail__body p+p{margin-top:22px}.trends-head h1{font-family:var(--serif);margin:8px 0 28px;font-size:42px}.stat-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:44px;display:grid;overflow:hidden}.stat-tile{background:var(--bg);padding:22px 18px}.stat-tile__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-low);margin-bottom:10px;font-size:10.5px}.stat-tile__value{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:38px;line-height:1}.stat-tile__sub{color:var(--ink-low);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.chart-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);padding:28px 24px 20px}.chart-card h3{font-family:var(--serif);color:var(--ink-soft);margin-bottom:4px;font-size:18px;font-style:italic}.chart-card p{color:var(--ink-low);letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px;font-size:12px}.view{animation:fadeUp var(--dur-slow) var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hairline-2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink-dim)}::-webkit-scrollbar-track{background:0 0}@media (width<=640px){html,body,#root{font-size:15px}.shell{padding-top:0;padding-bottom:calc(96px + env(safe-area-inset-bottom));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.brand{padding:calc(20px + env(safe-area-inset-top)) 0 14px}.brand__word{font-size:20px}.nav{margin:0 0 24px}.nav__item{padding:8px 14px;font-size:12.5px}.home{gap:20px;min-height:calc(100dvh - 260px);padding:16px 0}.home__welcome{font-size:36px;line-height:1.1}.home__greeting-sub{font-size:12px}.home__cta{min-height:84px;padding:20px}.home__cta-title{font-size:22px}.home__cta-sub{font-size:11px}.home__cta-arrow{font-size:24px}.home__quote{margin-top:auto}.home__quote-text{font-size:16.5px}.home__quiet-foot{margin-top:10px}.mood-home:before{opacity:.45;filter:blur(2px);width:260px;height:260px;top:96%;-webkit-mask:none;mask:none}.mood-home:after{background:radial-gradient(320px 200px at 50% 96%,oklch(62% .18 22/.22),#0000 65%),radial-gradient(420px 140px at 50% 105%,oklch(50% .16 25/.26),#0000 70%),linear-gradient(#0000 64%,oklch(7% .04 295/.55) 86%,oklch(4% .02 290/.85) 100%)}.entry-head__date{font-size:30px}.journal__field{min-height:220px;font-size:19px;line-height:1.65}.stepper{gap:18px}.stepper__num{min-width:60px;font-size:44px}.stepper__num--sm{min-width:44px;font-size:28px}.archive-head h1{font-size:34px}.day-row{grid-template-columns:52px 1fr;gap:16px;padding:16px 0}.day-row__meta{grid-column:1/-1;padding-top:4px;font-size:10.5px}.day-row__date{font-size:19px}.entry-detail__date{font-size:36px}.entry-detail__body{font-size:19px}.entry-detail__meta{flex-wrap:wrap;gap:16px}.trends-head h1{font-size:34px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-tile__value{font-size:32px}.chart-card{padding:22px 16px 16px}.record-dock{bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);margin:0;position:fixed;left:50%;right:auto;transform:translate(-50%)}.record-dock__label--long{display:none}.record-dock__label--short{display:inline}:is(body:has(.journal__field:focus) .record-dock,body:has(.disclosure--open) .record-dock){opacity:0;pointer-events:none;transform:translate(-50%)translateY(140%)}}@media (prefers-reduced-motion:reduce){.mood-journal:before,.view,.save-dot--saving,.record-btn--rec .record-btn__dot{animation:none}}