:root{--surface: #ffffff;--ink: #111111;--fill: #f4f4f5;--hairline: #ececee;--muted: #626269;--destructive: #d33;--radius: 12px;--radius-lg: 14px;--today-icon-frame: #7c4de0;--today-icon-peg-1: #e8467c;--today-icon-peg-2: #f59e0b;--today-icon-rule: #0e9bd8;--today-icon-day: #14a06c;--settings-icon-gear: #4d4d55;--settings-icon-hub: #97979f}[data-feature-color=amber]{--feature-accent: #9e5800;--feature-tint: #fff0d1}[data-feature-color=orange]{--feature-accent: #a34200;--feature-tint: #ffeadf}[data-feature-color=coral]{--feature-accent: #a53f32;--feature-tint: #ffe5e1}[data-feature-color=red]{--feature-accent: #b42f35;--feature-tint: #ffe3e5}[data-feature-color=rose]{--feature-accent: #b63c64;--feature-tint: #ffe3ec}[data-feature-color=pink]{--feature-accent: #a83c78;--feature-tint: #ffe3f3}[data-feature-color=magenta]{--feature-accent: #94398c;--feature-tint: #fae5fb}[data-feature-color=plum]{--feature-accent: #783f86;--feature-tint: #f4e6fa}[data-feature-color=violet]{--feature-accent: #7554c9;--feature-tint: #eee7ff}[data-feature-color=indigo]{--feature-accent: #4e5fb8;--feature-tint: #e8ebff}[data-feature-color=periwinkle]{--feature-accent: #5361a8;--feature-tint: #e9ecff}[data-feature-color=blue]{--feature-accent: #0f69ad;--feature-tint: #dff1ff}[data-feature-color=sky]{--feature-accent: #006f9e;--feature-tint: #def3ff}[data-feature-color=cyan]{--feature-accent: #007382;--feature-tint: #d9f5f7}[data-feature-color=teal]{--feature-accent: #007566;--feature-tint: #d9f5ef}[data-feature-color=emerald]{--feature-accent: #16734a;--feature-tint: #dcf5e8}[data-feature-color=green]{--feature-accent: #237545;--feature-tint: #dcf5e5}[data-feature-color=lime]{--feature-accent: #587300;--feature-tint: #edf5d8}[data-feature-color=olive]{--feature-accent: #687000;--feature-tint: #f0f2d6}[data-feature-color=gold]{--feature-accent: #8a6300;--feature-tint: #fff1c9}[data-feature-color=bronze]{--feature-accent: #8a551f;--feature-tint: #f7e8d9}[data-feature-color=cocoa]{--feature-accent: #76513d;--feature-tint: #f3e8e2}[data-feature-color=slate]{--feature-accent: #52616f;--feature-tint: #e8edf1}[data-feature-color=charcoal]{--feature-accent: #54545c;--feature-tint: #e9e9ed}@media(prefers-color-scheme:dark){:root{--surface: #0f0f10;--ink: #f2f2f4;--fill: #232326;--hairline: #232326;--muted: #b8b8c0;--destructive: #e0443e;--today-icon-frame: #a887ff;--today-icon-peg-1: #ff7aa8;--today-icon-peg-2: #ffc14d;--today-icon-rule: #52c1f5;--today-icon-day: #3ed69b;--settings-icon-gear: #c6c6ce;--settings-icon-hub: #7a7a82}[data-feature-color=amber]{--feature-accent: #f2ad46;--feature-tint: #3b2c18}[data-feature-color=orange]{--feature-accent: #ff9a62;--feature-tint: #40271d}[data-feature-color=coral]{--feature-accent: #ff958a;--feature-tint: #402523}[data-feature-color=red]{--feature-accent: #ff8b91;--feature-tint: #402124}[data-feature-color=rose]{--feature-accent: #ff8eaf;--feature-tint: #40232d}[data-feature-color=pink]{--feature-accent: #f38bd1;--feature-tint: #3d2337}[data-feature-color=magenta]{--feature-accent: #e48be4;--feature-tint: #38233a}[data-feature-color=plum]{--feature-accent: #d39ae8;--feature-tint: #33253d}[data-feature-color=violet]{--feature-accent: #b9a0ff;--feature-tint: #2d263e}[data-feature-color=indigo]{--feature-accent: #aab5ff;--feature-tint: #242a43}[data-feature-color=periwinkle]{--feature-accent: #b8c0ff;--feature-tint: #292d43}[data-feature-color=blue]{--feature-accent: #6ebcff;--feature-tint: #1a3042}[data-feature-color=sky]{--feature-accent: #73c8f2;--feature-tint: #1b3340}[data-feature-color=cyan]{--feature-accent: #55ccd8;--feature-tint: #193538}[data-feature-color=teal]{--feature-accent: #57d3bd;--feature-tint: #193731}[data-feature-color=emerald]{--feature-accent: #65d6a1;--feature-tint: #1b382a}[data-feature-color=green]{--feature-accent: #6fd39a;--feature-tint: #1b3526}[data-feature-color=lime]{--feature-accent: #a9d55c;--feature-tint: #2b381c}[data-feature-color=olive]{--feature-accent: #bdcb67;--feature-tint: #30351d}[data-feature-color=gold]{--feature-accent: #e8bd4f;--feature-tint: #3a3019}[data-feature-color=bronze]{--feature-accent: #d9a06a;--feature-tint: #38291e}[data-feature-color=cocoa]{--feature-accent: #d5a38a;--feature-tint: #352821}[data-feature-color=slate]{--feature-accent: #aab8c4;--feature-tint: #293139}[data-feature-color=charcoal]{--feature-accent: #b8b8c2;--feature-tint: #2e2e34}}:root{color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink)}#root{max-width:640px;margin:0 auto;padding:16px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}h1,h2,h3{letter-spacing:-.3px}button{min-height:44px;min-width:44px;font-size:1rem;font-family:inherit;color:inherit;background:none;border:none;border-radius:var(--radius);cursor:pointer}textarea,input,select{font-size:1rem;width:100%;padding:12px;font-family:inherit;background:var(--fill);color:var(--ink);border:none;border-radius:var(--radius);outline-color:var(--ink)}textarea::placeholder,input::placeholder{color:var(--muted)}.screen-title{font-size:1.35rem;font-weight:600;margin:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;font-size:1.55rem;line-height:1}.icon-button svg{width:22px;height:22px}.primary-icon-button{background:var(--ink);color:var(--surface);border-radius:999px}.quiet-icon-button{color:var(--muted);border-radius:999px}.icon-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.icon-button:disabled{cursor:default;opacity:.35}.disclosure>summary{list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--muted)}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"›";font-size:1.25rem;transition:transform .15s ease}.disclosure[open]>summary:after{transform:rotate(90deg)}.archive-disclosure{margin-top:12px}.streak-chip{background:var(--fill);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.scale{display:flex;gap:4px;align-items:center;margin:8px 0}.scale .scale-label{width:56px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.scale button{font-size:1.5rem;filter:grayscale(1);opacity:.45;transition:transform .15s,opacity .15s,filter .15s}.scale button[aria-pressed=true]{filter:none;opacity:1;transform:scale(1.15)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tag-row button{background:var(--fill);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.85rem;min-height:44px}.tag-row button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.tag{background:var(--fill);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--muted);margin-right:6px;display:inline-block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.save-bar{position:fixed;left:0;right:0;max-width:640px;margin:0 auto;bottom:max(calc(56px + env(safe-area-inset-bottom)),var(--kb-inset, 0px));padding:8px 16px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hairline)}.save-bar .photo-icon-button[aria-pressed=true]{background:var(--fill);color:var(--ink)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:10px 18px;border-radius:999px;font-weight:600;animation:toast-pulse .35s ease-out;z-index:10}@keyframes toast-pulse{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.banner{background:var(--fill);color:var(--ink);border-left:3px solid var(--destructive);padding:10px 12px;border-radius:var(--radius);margin-bottom:8px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;border-top:1px solid var(--hairline);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);z-index:5}.tabs button{flex:1;width:auto;border-radius:0;color:var(--muted)}.tabs button[aria-current=page]{color:var(--ink)}.tabs button[data-feature-color][aria-current=page]{color:var(--feature-accent)}.tabs button:not([aria-current=page]) :is([data-icon=today],[data-icon=settings]){opacity:.45}.screen{animation:screen-fade .18s ease}.screen[data-feature-color] :is(h1,h2,h3){color:var(--feature-accent)}.screen[data-feature-color] .card{border:1px solid var(--feature-accent)}.screen[data-feature-color] :is(input,textarea,select){background:var(--surface);border:1px solid var(--feature-accent);outline-color:var(--feature-accent)}.screen[data-feature-color] .primary-icon-button,.screen[data-feature-color] .progress span{background:var(--feature-accent)}.screen[data-feature-color] .experiment-card strong{color:var(--feature-accent)}.screen[data-feature-color] .segmented button[aria-pressed=true]{color:var(--feature-accent);border:1px solid var(--feature-accent)}.screen[data-feature-color] .weekday-grid input:checked+span{background:var(--feature-accent);color:var(--surface)}.screen[data-feature-color] .save-bar{border-top-color:var(--feature-accent)}@keyframes screen-fade{0%{opacity:0;transform:translateY(4px)}}.day-header{position:sticky;top:0;background:var(--surface);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:12px 0 4px;margin:0;z-index:2}.timeline{list-style:none;padding:0;margin:0}.entry{position:relative;border-bottom:1px solid var(--hairline);overflow:hidden}.entry-content{padding:12px 0;background:var(--surface);transition:transform .2s ease;touch-action:pan-y}.entry.open .entry-content{transform:translate(-128px)}.entry time{font-size:.75rem;color:var(--muted)}.entry img{max-width:100%;border-radius:var(--radius);margin-top:6px;display:block}.entry-faces{margin-right:6px}.entry-actions{position:absolute;right:0;top:0;bottom:0;display:flex;transform:translate(100%);transition:transform .2s ease}.entry.open .entry-actions{transform:translate(0)}.entry-actions button{border-radius:0;padding:0 16px;font-size:.85rem;font-weight:600;min-width:64px}.entry-actions .edit{background:var(--ink);color:var(--surface)}.entry-actions .delete{background:var(--destructive);color:#fff}@media(hover:hover){.entry .entry-actions{transform:none;opacity:0;pointer-events:none;transition:opacity .15s}.entry:hover .entry-actions,.entry:focus-within .entry-actions{opacity:1;pointer-events:auto}.entry.open .entry-content{transform:none}}.empty,.muted{color:var(--muted)}.card{display:block;width:100%;background:var(--fill);border-radius:var(--radius-lg);padding:14px;margin:10px 0;text-align:left}.primary{background:var(--ink);color:var(--surface);padding:0 18px;font-weight:650}.destructive-text{color:var(--destructive)}.status-chip{background:var(--fill);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:.78rem;text-transform:capitalize}.progress-count{font-size:1.6rem}.progress{height:7px;background:var(--hairline);border-radius:999px;overflow:hidden;margin:10px 0}.progress span{display:block;height:100%;background:var(--ink);border-radius:inherit}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--muted);font-size:.78rem}.metric{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:var(--radius);background:var(--surface)}.metric svg,.experiment-meta-row svg,.section-heading svg,.history-outcome svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.metric strong{color:var(--ink);font-size:.9rem}.experiment-action-card{display:grid;gap:8px}.experiment-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-limit-chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:650}.experiment-actions{flex-wrap:wrap;justify-content:flex-end}.earlier-completion-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--hairline)}.earlier-completion-form label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:650}.destructive-icon-button{color:var(--destructive)}.experiment-meta-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:36px;color:var(--muted);font-size:.82rem}.section-heading{display:flex;align-items:center;gap:8px;font-size:1rem}.field-row{display:flex;gap:8px;align-items:center;margin:8px 0}.field-row>label{flex:1;min-width:0}.experiment-form label,.experiment-form fieldset{display:block;margin:12px 0}.experiment-form fieldset{border:0;padding:0}.experiment-icon-picker{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;min-width:0;margin:8px 0 12px;color:var(--feature-accent)}.experiment-icon-current{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--feature-accent);border-radius:999px}.experiment-icon-current svg,.experiment-icon-choice svg,.experiment-icon-more svg{width:22px;height:22px}.experiment-icon-suggestions{display:flex;gap:4px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px}.experiment-icon-choice,.experiment-icon-more{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;color:var(--feature-accent);background:var(--surface);border:1px solid var(--hairline);border-radius:999px}.experiment-icon-choice:hover,.experiment-icon-more:hover,.experiment-icon-choice[aria-pressed=true]{border-color:var(--feature-accent)}.experiment-icon-choice[aria-pressed=true]{box-shadow:0 0 0 2px var(--feature-accent)}.experiment-icon-more{position:sticky;right:0;z-index:1;margin-left:4px;color:var(--surface);background:var(--feature-accent);border-color:var(--feature-accent);border-radius:var(--radius)}.experiment-icon-browser{grid-column:1 / -1;display:grid;gap:8px}.experiment-icon-browser label{margin:0}.experiment-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:280px;overflow-y:auto;padding:3px}.number-field{position:relative}.number-field input{padding-right:68px}.number-field input:disabled{opacity:.5}.field-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;pointer-events:none}.target-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:12px 0}.experiment-form .target-row>label{margin:0}.forever-toggle{position:relative}.forever-toggle input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.forever-toggle span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;color:var(--feature-accent);border:1px solid var(--feature-accent);border-radius:999px;font-size:.85rem;font-weight:650;white-space:nowrap}.forever-toggle input:checked+span{color:var(--surface);background:var(--feature-accent)}.forever-toggle input:focus-visible+span{outline:2px solid var(--feature-accent);outline-offset:2px}.time-list{display:grid;gap:8px}.time-list .field-row{margin:0}.time-list input[type=time]{display:block;min-width:0;max-width:100%}.time-actions{display:flex;justify-content:flex-end}.time-actions .icon-button{background:var(--fill);border-radius:999px}.additional-settings{margin:12px 0;border-top:1px solid var(--hairline)}.reminder-preview{margin-top:20px}.reminder-preview-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.reminder-preview-heading svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reminder-agenda{list-style:none;display:grid;gap:8px;margin:0;padding:0}.reminder-date{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;min-height:64px;padding:8px;background:var(--fill);border-radius:var(--radius)}.reminder-date-badge{display:grid;gap:2px;text-align:center;padding-right:10px;border-right:1px solid var(--hairline)}.reminder-date-badge span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.reminder-date-badge strong{font-size:.9rem}.reminder-times{display:flex;gap:6px;flex-wrap:wrap}.reminder-times time{background:var(--surface);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:650}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekday-grid label{margin:0;text-align:center}.weekday-grid input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.weekday-grid span{display:grid;place-items:center;min-height:44px;border-radius:999px;background:var(--fill);font-size:.75rem}.weekday-grid input:checked+span{background:var(--ink);color:var(--surface)}.experiment-list{display:grid;gap:8px}.experiment-card{display:flex;justify-content:space-between;align-items:center;min-height:72px;color:var(--ink)}.experiment-card span:first-child{display:grid;gap:3px}.experiment-card small{color:var(--muted)}.experiment-title{display:flex!important;align-items:center;gap:10px;min-width:0}.experiment-title-copy{display:grid;gap:3px;min-width:0}.experiment-content-icon{flex:0 0 auto;width:36px;height:36px;padding:6px;color:var(--feature-accent);border:1px solid currentColor;border-radius:999px}.experiment-detail-title .experiment-content-icon{width:42px;height:42px;padding:7px}.experiment-history{list-style:none;padding:0}.experiment-history li{display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:8px;border-bottom:1px solid var(--hairline);padding:8px 0}.experiment-history li.focused{border-color:var(--ink);background:var(--fill)}.experiment-history time{display:block;color:var(--muted);font-size:.75rem}.history-outcome{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--fill);color:var(--muted)}.history-outcome.completed{color:var(--ink)}.history-content p{margin:4px 0 0}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--fill);border-radius:var(--radius);padding:3px;margin-bottom:12px}.segmented button[aria-pressed=true]{background:var(--surface);font-weight:650}.quick-thought h2{margin-top:0;font-size:1rem}.quick-thought textarea{margin-bottom:4px}.quick-thought .scale{margin:2px 0}.quick-thought .scale button{font-size:1.25rem}.quick-thought .icon-actions{justify-content:space-between;margin-top:4px}.quick-thought .photo-icon-button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.today-modules{display:grid;gap:24px;margin-top:8px}.today-module+.today-module{border-top:1px solid var(--hairline);padding-top:24px}.module-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.module-heading h2{margin:0;font-size:1.1rem}.module-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--fill);color:var(--ink)}.today-module[data-feature-color] .module-icon{color:var(--feature-accent);border:1px solid var(--feature-accent)}.today-module[data-feature-color] .module-heading h2{color:var(--feature-accent)}.today-module[data-feature-color] .card{border:1px solid var(--feature-accent)}.today-module[data-feature-color] :is(input,textarea,select){background:var(--surface);border:1px solid var(--feature-accent);outline-color:var(--feature-accent)}.today-module[data-feature-color] .primary-icon-button{background:var(--feature-accent)}.today-module[data-feature-color] .today-experiment strong{color:var(--feature-accent)}.today-module[data-feature-color] .daily-limit-chip{border:1px solid var(--feature-accent);color:var(--feature-accent)}.today-module[data-feature-color] .progress span{background:var(--feature-accent)}.today-module[data-feature-color] .today-experiment.due{box-shadow:inset 3px 0 0 var(--feature-accent)}.module-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.today-experiment.due{box-shadow:inset 3px 0 0 var(--ink)}.today-screen>.header-row{margin-bottom:8px}.today-screen .today-modules{gap:16px;margin-top:4px}.today-screen .today-module+.today-module{padding-top:16px}.today-screen .module-heading{gap:8px;margin-bottom:8px}.today-screen .module-icon{width:32px;height:32px}.today-screen .module-navigation-button{margin-left:auto;color:var(--feature-accent);border:1px solid currentColor;border-radius:999px}.today-screen .quick-thought{margin:6px 0;padding:10px 12px}.today-screen .quick-thought textarea{min-height:56px;padding:9px 10px;margin-bottom:0}.today-screen .quick-thought .scale{min-height:44px;margin:0}.today-screen .quick-thought .icon-actions{margin-top:0}.today-screen .experiment-list{gap:6px}.today-screen .today-experiment{margin:0;padding:12px}.today-screen .today-experiment .header-row{margin-bottom:0}.today-screen .today-experiment .experiment-title{gap:8px}.today-screen .today-experiment .progress{margin:6px 0}.today-screen .today-experiment>.muted{margin:4px 0}.today-screen .earlier-completion-form{gap:8px;padding-top:8px}.device-list{list-style:none;padding:0}.device-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);min-height:52px}.feature-color-settings{display:grid;gap:8px}.feature-color-row{display:grid;min-height:48px;gap:10px;padding:12px;border-radius:var(--radius-lg)}.feature-color-row[data-feature-color]{border:1px solid var(--feature-accent)}.feature-color-row>span{color:var(--feature-accent);font-weight:650}.color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px;width:100%}.color-swatch{width:32px;height:32px;min-width:32px;min-height:32px;justify-self:center;border-radius:999px;background:var(--feature-accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--hairline)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(1.08)}@media(max-width:420px){.experiment-action-row{align-items:flex-start}.earlier-completion-form{grid-template-columns:1fr}.earlier-completion-form .icon-actions{justify-content:flex-start}}