:root{--bg:#0b0b0d;--surface:#17171b;--surface-2:#222228;--line:#ffffff14;--text:#f5f5f7;--muted:#a0a0ab;--faint:#6c6c78;--danger:#ff5a5f;--radius:22px;--display:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar:calc(64px + var(--safe-bottom));--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--morph:cubic-bezier(.3, 1.35, .5, 1);--spring-linear:linear(0, .021, .076, .154, .246, .344, .443, .538, .628, .708, .78, .841, .893, .936, .97, .996, 1.016, 1.03, 1.039, 1.044, 1.046, 1.046, 1.043, 1.04, 1.036, 1.032, 1.027, 1.023, 1.018, 1.014, 1.011, 1.008, 1.006, 1.003, 1.002, 1.001, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html{background:var(--bg);overscroll-behavior:none}@media (display-mode:standalone){html{min-height:min(100lvh, calc(100% + env(safe-area-inset-top)))}}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;font:17px/1.4 system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--text);outline-offset:2px}input,textarea{font:inherit;color:inherit;font-size:17px}.serif{font-family:ui-serif,New York,Iowan Old Style,Georgia,serif}h1,h2{font-family:var(--display);letter-spacing:-.01em}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.splash{background:var(--bg);min-height:100dvh}.icon-button{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);background:#28282e80;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 .5px #ffffff24,0 8px 24px #00000059}.haptic-host{flex:none;display:inline-grid;position:relative}.haptic-host>button{grid-area:1/1}.haptic-host.wide{width:100%;display:grid}.haptic-switch{z-index:1;opacity:0;cursor:pointer;clip-path:inset(0 round 999px);width:100%;height:100%;margin:0;position:absolute;inset:0}.haptic-host:active>.round-button:not(:disabled),.haptic-host:active>.icon-button,.icon-button.glass:active{transform:scale(.92)}.icon-button{transition:transform .25s var(--spring)}.round-button{background:var(--text);width:60px;height:60px;color:var(--bg);transition:transform .2s var(--spring), opacity .2s;border-radius:50%;flex:none;place-items:center;display:grid}.round-button:active:not(:disabled){transform:scale(.92)}.primary-button,.secondary-button,.danger-button{min-height:52px;transition:transform .15s var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:flex}.primary-button{background:var(--text);width:100%;color:var(--bg)}.secondary-button{background:var(--surface-2)}.danger-button{background:var(--danger);color:#fff}.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.98)}.link-button{color:var(--muted);font-size:15px}.text-input{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;width:100%;min-height:52px;padding:0 16px}.switch{appearance:none;cursor:pointer;background:#39393d;border-radius:16px;flex:none;width:51px;height:31px;transition:background .2s;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000004d}.switch:checked{background:#34c759}.switch:checked:after{transform:translate(20px)}@supports selector(::thumb){.switch{appearance:auto;accent-color:#34c759;background:0 0;width:auto;height:auto}.switch:after{content:none}}.dot{background:var(--c);border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.dot-lg{width:36px;height:36px;box-shadow:inset 0 -4px 10px #00000026}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.centered{justify-content:center}.chip{background:var(--surface-2);white-space:nowrap;border-radius:19px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:15px;transition:background .15s,color .15s;display:inline-flex}.chip.is-on{background:var(--text);color:var(--bg)}.chip small{color:var(--faint);font-size:13px}.chip-add{color:var(--muted)}.chip-input input{background:0 0;border:0;outline:0;width:120px}.chip-input.is-editing{box-shadow:inset 0 0 0 1.5px var(--text);padding-right:4px}.chip-remove{width:30px;height:30px;color:var(--danger);border-radius:50%;place-items:center;display:grid}.row-chevron{color:var(--faint);margin-left:auto}.chip-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px}.tags-editor h2{font-size:24px}.tags-editor>p{margin:6px 0 4px;font-size:15px}.tags-editor h3{margin:22px 0 12px;font-size:16px;font-weight:600}.app{position:fixed;inset:0;overflow:hidden}.app:before,.details:before{content:"";z-index:5;height:calc(var(--safe-top) + 6px);background:linear-gradient(var(--bg) 70%, transparent);pointer-events:none;position:absolute;inset:0 0 auto}.app-scroll{overscroll-behavior-y:contain;scrollbar-width:none;height:100%;padding:calc(var(--safe-top) + 12px) 20px calc(var(--tabbar) + 24px);overflow-y:auto}.app-scroll::-webkit-scrollbar{display:none}.app-content{max-width:560px;margin:0 auto}.page{animation:fade-in .25s var(--ease)}.page-header{padding:16px 0 20px}.page-header h1{font-size:34px;font-weight:700;line-height:1.15}.status-pill{z-index:5;top:calc(var(--safe-top) + 8px);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:13px;position:fixed;left:50%;translate:-50%}.tabbar{z-index:10;height:var(--tabbar);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-top:.5px solid var(--line);background:#0b0b0dd1;justify-content:space-around;display:flex;position:absolute;inset:auto 0 0}.tabbar .tab{flex:1}.tabbar button{color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.tabbar [aria-current=page]{color:var(--text)}.card{border-radius:var(--radius);background:var(--surface);padding:20px}.section{margin-top:28px}.section-title{color:var(--muted);margin-bottom:10px;font-size:15px;font-weight:600}.section-title.sticky{top:var(--safe-top);z-index:1;background:linear-gradient(var(--bg) 70%, transparent);padding:8px 0;position:sticky}.label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:24px 0 10px;font:600 13px system-ui,sans-serif}.empty{color:var(--faint);padding:4px 2px}.empty-state{text-align:center;color:var(--muted);gap:20px;padding:40px 8px;display:grid}.banner{background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:14px 16px;font-size:15px;display:flex}.banner span:not(.dot){flex:1}.today{flex-direction:column;align-items:center;display:flex}.week{justify-content:space-between;width:100%;padding:8px 0 4px;display:flex}.week-day{color:var(--faint);flex:1;justify-items:center;gap:8px;font-size:12px;font-weight:600;display:grid}.week-day:disabled{opacity:1}.week-day.is-today{color:var(--text)}.week-empty{background:var(--surface-2);border-radius:50%;width:30px;height:30px;display:block}.week-day.is-today .week-empty{box-shadow:inset 0 0 0 1.5px var(--faint)}.today-title{text-align:center;max-width:300px;margin:36px 0 28px;font-size:32px;font-weight:400;line-height:1.12}.checkin-ring{aspect-ratio:1;width:min(72vw,270px);transition:transform .25s var(--spring);border-radius:50%;place-items:center;margin-bottom:20px;display:grid;position:relative}.checkin-ring:active,.checkin-ring-host:active>.checkin-ring{transform:scale(.96)}.ring{filter:saturate(1.1);background:conic-gradient(from 200deg,#ff4d5e,#ffc93c,#34e0a1,#4d8dff,#ff4d5e);border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 22px),#000 calc(100% - 21px));mask:radial-gradient(farthest-side,#0000 calc(100% - 22px),#000 calc(100% - 21px))}.ring:after{content:"";background:inherit;filter:blur(22px);opacity:.45;border-radius:50%;position:absolute;inset:0}.ring-center{justify-items:center;gap:10px;font-size:15px;font-weight:600;display:grid}.ring-plus{background:var(--text);width:58px;height:58px;color:var(--bg);border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 30px #ffffff1f}.streak{background:var(--surface);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:14px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.today .section,.today .banner{align-self:stretch}.shape-icon{display:inline-block}.list{border-radius:var(--radius);background:var(--surface);overflow:hidden}.entry-row{text-align:left;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.entry-row+.entry-row{border-top:.5px solid var(--line)}.entry-row:active{background:var(--surface-2)}.entry-text{flex:1;min-width:0;display:grid}.entry-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.entry-row time{color:var(--faint);font-variant-numeric:tabular-nums;font-size:14px}.insights .label{margin-top:0}.mix{border-radius:7px;gap:3px;height:14px;margin-bottom:16px;display:flex;overflow:hidden}.filters{scrollbar-width:none;gap:8px;margin:20px -20px 0;padding:0 20px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.group{border-radius:var(--radius);background:var(--surface);overflow:hidden}.row{text-align:left;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;display:flex}a.row{color:inherit;text-decoration:none}.row+.row{border-top:.5px solid var(--line)}.row>svg{color:var(--muted);flex:none}.row-text{flex:1;justify-items:start;gap:2px;display:grid}.row-text span{color:var(--muted);font-size:14px}.row-wrap{flex-direction:column;align-items:stretch}.reminder-list{gap:8px;margin-bottom:14px;display:grid}.reminder-row{align-items:center;gap:10px;display:flex}.reminder-time{background:var(--surface-2);border-radius:16px;flex:1;justify-content:space-between;align-items:baseline;padding:12px 16px;display:flex;position:relative}.reminder-time strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:600}.reminder-part{color:var(--muted);font-size:14px}.reminder-time:active{background:#2b2b33}.reminder-remove{width:32px;height:32px;color:var(--danger);background:#ff5a5f29;border-radius:50%;place-items:center;display:grid}.reminder-add{min-height:48px;color:var(--muted);border:1px dashed #ffffff29;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.days-summary{color:var(--muted);margin:4px 0 10px;font-size:14px}.days-summary.is-warning{color:#ffb84d}.days{justify-content:space-between;display:flex}.days button{background:var(--surface-2);width:38px;height:38px;color:var(--muted);border-radius:50%;font-size:14px;font-weight:600}.days .is-on{background:var(--text);color:var(--bg)}.footnote{text-align:center;color:var(--faint);margin-top:32px;font-size:13px}.spin{animation:1s linear infinite spin}.flow{z-index:20;background:var(--bg);animation:slide-up .38s var(--ease);position:fixed;inset:0}@supports (view-transition-name:none){.flow{animation:none}}::view-transition-group(checkin){animation-duration:.55s;animation-timing-function:var(--spring-linear)}::view-transition-old(checkin){object-fit:contain;height:100%}::view-transition-new(checkin){object-fit:contain;height:100%}.picker,.details{height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex;position:relative}.picker-header,.sheet-header{z-index:3;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative}.picker-search{border:0;border-radius:22px;outline:0;flex:1;min-width:0;height:44px;padding:0 16px}.search-results{z-index:3;scrollbar-width:none;gap:8px;padding:4px 16px 12px;display:flex;position:relative;overflow-x:auto}.search-results button{background:var(--c);color:#000000d9;border-radius:20px;flex:none;padding:8px 16px;font-weight:600}.search-results p{color:var(--faint)}.quadrant-step{padding:12px 24px calc(var(--safe-bottom) + 24px);flex-direction:column;flex:1;align-items:center;display:flex}.quadrant-step h1{text-align:center;max-width:330px;animation:fade-in .6s var(--ease);font-size:26px;font-weight:400;line-height:1.2}.orbs{aspect-ratio:1;view-transition-name:checkin;width:min(88vw,380px);margin:auto;position:relative}.orb{aspect-ratio:1;background:radial-gradient(circle at 40% 32%, var(--light), var(--deep) 78%);width:54%;box-shadow:0 0 50px color-mix(in srgb, var(--deep) 40%, transparent), inset 0 -14px 30px #00000026;color:#000000b8;animation:orb-in .6s var(--ease) both, breathe 7s ease-in-out infinite;animation-delay:calc(var(--i) * 50ms), calc(var(--i) * -1.7s);border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.6,0,.3,1),opacity .4s;display:grid;position:absolute}.orb:first-child{top:2%;left:2%}.orb:nth-child(2){top:2%;right:2%}.orb:nth-child(3){bottom:2%;left:2%}.orb:nth-child(4){bottom:2%;right:2%}.orb-hit{border-radius:50%;position:absolute;inset:0}.orb .haptic-switch{clip-path:circle(50%)}.orb span{text-align:center;font-size:16px;line-height:1.15}.orb:active{transform:scale(.95)}.orbs.is-returning .orb{animation:.25s ease-out both melt,7s ease-in-out infinite breathe}.quadrant-step:has(.is-returning) h1{animation-duration:.25s}.orb-ghosts{z-index:2;pointer-events:none;animation:.18s ease-out forwards ghost-out;position:fixed;inset:0}.orb-ghosts span{background:radial-gradient(circle at 40% 32%, var(--light), var(--deep) 78%);box-shadow:0 0 50px color-mix(in srgb, var(--deep) 40%, transparent);border-radius:50%;animation:.18s ease-out forwards ghost-swell;position:absolute}.picker-field{touch-action:none;contain:strict;cursor:grab;outline:0;position:absolute;inset:0;overflow:hidden}.picker-field:active{cursor:grabbing}.bubble{transform-origin:50%;will-change:transform;contain:layout style;place-items:center;display:grid;position:absolute;top:0;left:0}.bubble.is-centered{z-index:2!important}.bubble-shape{width:125%;height:125%;fill:var(--c);transition:transform .35s var(--spring);position:absolute;top:-12.5%;left:-12.5%}.bubble:active .bubble-shape{transform:scale(.96)}.bubble[data-intro] .bubble-shape{animation:bubble-in .7s var(--spring) both;animation-delay:var(--delay)}.bubble-label{white-space:nowrap;color:#000c;letter-spacing:-.01em;pointer-events:none;font-weight:600;line-height:1;position:relative}.bubble[data-intro] .bubble-label{animation:.5s both fade-in;animation-delay:calc(var(--delay) + .12s)}.bubble .haptic-switch{clip-path:circle(50%)}.picker-veil{z-index:2;height:calc(var(--safe-top) + 72px);pointer-events:none;background:linear-gradient(#0b0b0dd9,#0b0b0d66 55%,#0000);position:absolute;inset:0 0 auto}.picker-footer{z-index:3;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 10px);min-height:76px;transition:transform .3s var(--spring);background:#18181cc7;border-radius:38px;align-items:center;gap:14px;padding:10px 10px 10px 22px;display:flex;position:absolute}.picker-footer.is-ready:active{transform:scale(.98)}.picker-footer>.haptic-switch{clip-path:inset(0 round 38px)}.picker-footer>div{min-width:0;animation:footer-in .35s var(--ease);flex:1;gap:1px;display:grid}.picker-footer strong{font-size:17px;font-weight:600}.picker-footer span{color:#ffffffdb;font-size:14px;line-height:1.3}.picker-footer .round-button{width:56px;height:56px;transition:transform .35s var(--spring), background-color .3s, color .3s}.round-button.is-muted:disabled{opacity:1;color:#ffffff73;background:#ffffff1a}::view-transition-group(hero){animation-duration:.6s;animation-timing-function:cubic-bezier(.3,1.2,.5,1);animation-timing-function:var(--spring-linear)}::view-transition-old(hero){height:100%;animation-duration:.3s}::view-transition-new(hero){height:100%;animation-duration:.3s}::view-transition-old(root){animation:.35s var(--ease) both vt-recede}::view-transition-new(root){animation:.4s var(--ease) 50ms both fade-in}.details-hero h1,.details-hero .chips,.note-card,.tag-group,.sheet-footer{animation:rise .55s var(--ease) both}.details-hero h1{animation-delay:80ms}.details-hero .chips{animation-delay:.13s}.tag-group{animation-delay:.18s}.note-card{animation-delay:.24s}.sheet-footer{animation-delay:.28s}.details{--collapse:0;animation:fade-in .3s var(--ease)}.shape{fill:var(--c);flex:none;display:block;position:relative}.shape>svg{width:125%;height:125%;position:absolute;top:-12.5%;left:-12.5%}.details{padding-top:0}.flow>.details{z-index:5;background:rgb(11 11 13/calc(1 - var(--pull,0)));position:absolute;inset:0}.details.is-pulling .sheet-header,.details.is-pulling .details-hero>:not(.hero-shape),.details.is-pulling .tag-group,.details.is-pulling .note-card,.details.is-pulling .sheet-footer{opacity:calc(1 - var(--pull) * 2.2);transform:translateY(calc(var(--pull) * 70px));animation:none}.details.is-pulling:before{opacity:calc(1 - var(--pull) * 2)}.details.is-pulling .hero-shape{opacity:1;transform:translate(calc(var(--pull) * var(--tx)), calc(var(--pull) * var(--ty))) scale(calc(1 + var(--pull) * (var(--ts) - 1)));animation:none}.bubble.is-stood-in{opacity:0}.details:before{height:calc(var(--safe-top) + 64px);background:linear-gradient(var(--bg) 45%, transparent)}.details>.sheet-header{z-index:6;top:var(--safe-top);position:absolute;left:0;right:0}.mini-shape{width:36px;height:36px;opacity:calc((var(--collapse) - .5) * 2);transform:scale(calc(.6 + var(--collapse) * .4))}.details-scroll{overscroll-behavior:contain;padding:calc(var(--safe-top) + 64px) 20px 24px;flex:1;overflow-y:auto}.details-hero{text-align:center;justify-items:center;gap:14px;padding:4px 0 18px;display:grid}.hero-shape{view-transition-name:hero;width:170px;height:170px;filter:drop-shadow(0 18px 50px color-mix(in srgb, var(--c) 45%, transparent));opacity:calc(1 - var(--collapse));transform:scale(calc(1 - var(--collapse) * .4))}@supports not (view-transition-name:none){.hero-shape{animation:pop .6s var(--spring) both}}.details-hero h1{font-size:38px;font-weight:400;line-height:1.05;display:grid}.details-hero h1 span{color:var(--c)}.chip-overlay{opacity:0;position:absolute;inset:0}.details-hero .chip{min-height:34px;font-size:14px;position:relative}.note-card{background:var(--surface);border-radius:22px;margin:24px 0 8px;padding:16px 18px;display:block}.note-card textarea{resize:none;field-sizing:content;background:0 0;border:0;outline:0;width:100%;min-height:72px;display:block}.tag-group h2{margin:22px 0 12px;font:600 17px system-ui,-apple-system,sans-serif}.tag-group .chip-add,.tag-section .chip-add{justify-content:center;width:38px;padding:0}.sheet-footer{padding:12px 20px calc(var(--safe-bottom) + 12px)}.primary-button.pill{border-radius:28px;min-height:56px;font-size:17px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:88dvh;padding:12px 20px calc(var(--safe-bottom) + 20px);background:var(--surface);animation:slide-up .35s var(--ease);border-radius:28px 28px 0 0;position:relative;overflow-y:auto}.grabber{background:var(--surface-2);border-radius:3px;width:36px;height:5px;margin:0 auto 8px;display:block}.sheet-close{width:34px;height:34px;position:absolute;top:14px;right:14px}.entry-detail{text-align:center;justify-items:center;gap:6px;padding:16px 0 8px;display:grid}.entry-detail h2{color:var(--c);font-size:30px}.entry-detail .chips{margin-top:10px}.entry-note{background:var(--surface-2);text-align:left;white-space:pre-wrap;border-radius:16px;justify-self:stretch;margin-top:14px;padding:14px 16px}.notion-link{color:var(--muted);margin-top:12px;text-decoration:none}.sheet-actions{grid-template-columns:1fr auto;gap:10px;margin-top:20px;display:grid}.install{gap:14px;padding:16px 0 0;display:grid}.install h2{padding-right:40px;font-size:24px}.install ol{gap:14px;padding:8px 0;list-style:none;display:grid}.install li{align-items:center;gap:14px;display:flex}.install li svg{vertical-align:-3px}.step{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.toast{z-index:40;left:50%;bottom:calc(var(--tabbar) + 16px);background:var(--surface-2);width:max-content;max-width:calc(100% - 40px);animation:toast-in .3s var(--spring);border-radius:16px;padding:12px 18px;font-size:15px;position:fixed;translate:-50%;box-shadow:0 10px 30px #0006}.saved{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;place-content:center;justify-items:center;gap:18px;animation:1.4s ease-in both fade-out;display:grid;position:fixed;inset:0}.saved-bubble{color:#000c;width:130px;height:130px;filter:drop-shadow(0 20px 50px color-mix(in srgb, var(--c) 55%, transparent));animation:pop .5s var(--spring) both;place-items:center;display:grid}.saved-bubble>*{grid-area:1/1}.saved-bubble .shape{width:100%;height:100%}.saved p{font-size:22px}.login{min-height:100dvh;padding:var(--safe-top) 28px var(--safe-bottom);text-align:center;align-content:center;justify-items:center;gap:10px;display:grid}.login h1{font-size:34px}.login form{gap:10px;width:100%;max-width:360px;margin-top:24px;display:grid}.login-row{gap:10px;display:flex}.login .round-button{width:52px;height:52px}.login .error{min-height:24px;color:var(--danger);font-size:15px}.login-mark{grid-template-columns:repeat(2,30px);gap:6px;margin-bottom:12px;display:grid}.login-mark span{border-radius:50%;height:30px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{0%,65%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.3)}}@keyframes footer-in{0%{opacity:0;transform:translateY(4px)}}@keyframes melt{0%{filter:blur(5px)}}@keyframes ghost-out{to{opacity:0}}@keyframes ghost-swell{to{filter:blur(6px);transform:scale(1.12)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes vt-recede{to{opacity:0;transform:scale(.94)}}@keyframes pop{0%{opacity:0;scale:.4}}@keyframes toast-in{0%{opacity:0;translate:-50% 20px}}@keyframes orb-in{0%{opacity:0;filter:brightness(.35);scale:.85}}@keyframes breathe{50%{scale:1.035}}@keyframes spin{to{rotate:360deg}}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.picker-header .grabber{background:#ffffff47;margin:0}.insights-top{justify-content:space-between;align-items:center;gap:8px;padding:4px 0 18px;display:flex}.segmented{border-radius:24px;flex:none;grid-template-columns:repeat(3,44px);height:48px;padding:4px;display:grid;position:relative}.segmented-thumb{width:44px;height:40px;transition:translate .45s var(--spring);background:#ffffff24;border-radius:20px;position:absolute;top:4px;left:4px}.segmented .haptic-host,.segmented button{height:40px;color:var(--muted);place-items:center;font-size:15px;font-weight:600;display:grid;position:relative}.segmented [aria-selected=true]{color:var(--text)}.stepper{border-radius:24px;flex:1;align-items:center;min-width:0;max-width:230px;height:48px;padding:0 4px;display:flex}.stepper button{width:36px;height:40px;color:var(--text);place-items:center;display:grid}.stepper button:disabled{opacity:.25}.stepper-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:.04em;text-transform:uppercase;min-width:0;animation:fade-in .3s var(--ease);flex:1;font-size:13px;font-weight:600;overflow:hidden}.insight-cards{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;margin:0 -20px;padding:0 20px;scroll-padding:0 20px;display:flex;overflow-x:auto}.insight-cards::-webkit-scrollbar{display:none}.insight-card{background:var(--surface);scroll-snap-align:center;scroll-snap-stop:always;width:100%;min-height:430px;animation:rise .5s var(--ease) both;border-radius:28px;flex:none;padding:22px 20px 20px}.insight-card h2{margin-bottom:18px;font-size:26px;font-weight:500}.insight-empty{text-align:center;padding:120px 0}.pager{justify-content:center;gap:8px;padding:14px 0 4px;display:flex}.pager button{background:var(--surface-2);width:7px;height:7px;transition:width .35s var(--spring), background .2s;border-radius:4px}.pager [aria-selected=true]{background:var(--muted);width:22px}.bubbles{aspect-ratio:1;width:100%;position:relative}.bubble-host{transform-origin:0 0;width:100%;height:100%;animation:.4s both fade-in;position:absolute;top:0;left:0}.share-bubble{background:radial-gradient(circle at 35% 25%, var(--light), var(--deep) 85%);color:#000000c7;border-radius:50%;place-items:center;font-size:64px;font-weight:600;transition:opacity .3s,filter .3s;display:grid}.share-bubble.is-dim{opacity:.35;filter:saturate(.5)}.bubble-host:active .share-bubble{filter:brightness(1.08)}.trend{width:100%;display:block;overflow:visible}.trend-grid{stroke:#ffffff0f}.trend-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;animation:draw 1s var(--ease) both}.trend-labels{text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:600;display:grid}.trend-labels small{color:var(--faint);font-weight:500;display:block}.legend{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.legend-host{display:grid}.legend-pill{background:var(--surface-2);border-radius:18px;place-items:center;height:36px;transition:opacity .2s;display:grid}.legend-pill.is-off{opacity:.35}.mood-map{width:100%;display:block}.mood-map circle{transition:r .5s var(--spring);cursor:pointer}.mood-map .is-picked{stroke:var(--text);stroke-width:.8px}.map-axis{stroke:#ffffff14;stroke-width:.4px}.map-caption{text-align:center;min-height:24px;margin-top:12px;font-size:16px}.moves{gap:12px;display:grid}.moves h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:12px;font-size:13px;font-weight:600}.move-row{grid-template-columns:96px 1fr 28px;align-items:center;gap:12px;font-size:15px;display:grid}.move-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-row small{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}.mix-bar{border-radius:5px;gap:2px;height:10px;display:flex;overflow:hidden}.mix-bar>span{transform-origin:0;animation:grow .6s var(--ease) both}.focus-title{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.focus-title .icon-button{margin-left:auto}.icon-button.small{width:32px;height:32px}.mood-cards{gap:10px;display:grid}.mood-card{text-align:left;background:radial-gradient(120% 140% at 100% 50%, color-mix(in srgb, var(--c) 28%, transparent), transparent 65%), var(--surface);min-height:120px;transition:transform .25s var(--spring);border-radius:28px;align-items:center;gap:16px;padding:18px 22px;display:flex}.mood-card:active{transform:scale(.98)}.mood-card-text{flex:1;gap:2px;min-width:0;display:grid}.mood-card-text strong{color:var(--c);font-size:19px;font-weight:600}.mood-card-text span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.mood-card-text time{color:var(--faint);font-size:14px}.mood-card-shape{width:76px;height:76px}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes grow{0%{transform:scaleX(0)}}