@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-vietnamese-wght-normal-ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-wght-normal-Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f1e6;--surface:#fffdf8;--surface-2:#eef1e8;--line:#e4e0d2;--text:#2e513e;--text-soft:#5d7963;--muted:#8a978a;--accent:#5d7963;--accent-ink:#fffdf8;--selected:#2e513e;--selected-ink:#f5f1e6;--gold:#bfa879;--wing:#a7b7a1;--danger:#a4573f;--mood-m3:#5f7a92;--mood-m2:#7f97ac;--mood-m1:#a9bcc9;--mood-0:#8ead96;--mood-p1:#e2cf98;--mood-p2:#d3b66e;--mood-p3:#bf9a45;--level-0:#c8dccb;--level-1:#e6dcb9;--level-2:#d3b66e;--level-3:#b08445;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #2e513e0d, 0 6px 18px -10px #2e513e2e;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.16s;--medium:.24s;--font:"Quicksand Variable", "Quicksand", system-ui, sans-serif;--font-display:"Cormorant Garamond", Georgia, serif;--nav-h:64px;--fs:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-text="2"]{--fs:1.18}:root[data-text="3"]{--fs:1.36}:root[data-theme=noturno]{--bg:#1d362b;--surface:#24443a;--surface-2:#2b4f42;--line:#355a4b;--text:#f5f1e6;--text-soft:#c8dccb;--muted:#94ab9b;--accent:#a7b7a1;--accent-ink:#1d362b;--selected:#f5f1e6;--selected-ink:#1d362b;--shadow:0 1px 2px #0003, 0 8px 22px -12px #00000080;--level-0:#4d6e5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip}@media (width<=767px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:calc(16px * var(--fs));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color var(--medium) var(--ease), color var(--medium) var(--ease);margin:0;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:root:not([data-theme=noturno]) .on-dark,:root[data-theme=noturno] .on-light{display:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}img{max-width:100%;display:block}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.topbar{z-index:10;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__logo{width:auto;height:50px}.content{width:100%;max-width:640px;margin:0 auto;padding:4px 16px 24px}.page{animation:page-in var(--medium) var(--ease) both}.home__aside,.home__delete{margin-top:14px}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottomnav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.navlink{font-size:calc(12px * min(var(--fs), 1.15));color:var(--muted);transition:color var(--fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:flex}.navlink svg{width:24px;height:24px;transition:transform var(--fast) var(--ease)}.navlink.active{color:var(--text)}.navlink.active svg{transform:translateY(-1px)scale(1.06)}.sidenav{display:none}.greeting{margin:8px 0 18px}.greeting h1{font-family:var(--font-display);font-weight:600;font-size:calc(34px * var(--fs));margin:0;line-height:1.05}.greeting p{color:var(--text-soft);text-transform:lowercase;margin:4px 0 0;font-weight:500}.page-title{align-items:center;gap:8px;margin:6px 0 16px;display:flex}.page-title h1{font-family:var(--font-display);font-weight:600;font-size:calc(32px * var(--fs));margin:0;line-height:1.1}.back{width:40px;height:40px;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-8px;display:grid}.back:hover{background:var(--surface-2)}.muted{color:var(--muted)}.soft{color:var(--text-soft)}.small{font-size:calc(14px * var(--fs))}.center{text-align:center}.stack{gap:14px;display:grid}.grid-2{align-items:start;gap:14px;display:grid}.grid-2>*,.stack>*{min-width:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.card__title{font-size:calc(17px * var(--fs));margin:0;font-weight:700}.card__more{font-size:calc(14px * var(--fs));color:var(--text-soft);white-space:nowrap;font-weight:600;text-decoration:none}.card__more:hover{color:var(--text)}.card__done{color:var(--gold);font-size:calc(14px * var(--fs));font-weight:700}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.row>span,.row>div:first-child{min-width:0}.row>:last-child:not(:first-child),.card__head>.card__more{margin-left:auto}.row+.row{margin-top:14px}.row__label{font-weight:600}.divider{background:var(--line);border:0;height:1px;margin:14px 0}.seg{background:var(--surface-2);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{min-height:40px;font-size:calc(14px * var(--fs));color:var(--text-soft);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:0;border-radius:999px;padding:0 10px;font-weight:600}.seg button:active{transform:scale(.96)}.seg button[aria-pressed=true]{background:var(--selected);color:var(--selected-ink)}.seg--wide{width:100%}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);min-height:38px;font-size:calc(15px * var(--fs));color:var(--text-soft);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--selected);border-color:var(--selected);color:var(--selected-ink)}.chip--add{color:var(--muted);border-style:dashed}.chip-input{min-height:38px;width:calc(170px * var(--fs));border:1.5px solid var(--accent);background:var(--surface);border-radius:999px;outline:none;max-width:100%;padding:0 14px}.mood{gap:10px;display:grid}.mood__dots{grid-template-columns:repeat(7,1fr);align-items:center;gap:6px;display:grid}.mood__dot{aspect-ratio:1;background:var(--c);opacity:.45;width:100%;max-width:48px;transition:opacity var(--fast) var(--ease), transform var(--medium) var(--ease), box-shadow var(--fast) var(--ease);border:0;border-radius:50%;justify-self:center;position:relative;transform:scale(.82)}.mood__dot:hover{opacity:.75}.mood__dot[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--c);transform:scale(1)}.mood__ends{font-size:calc(13px * var(--fs));color:var(--muted);justify-content:space-between;font-weight:600;display:flex}.mood__label{text-align:center;min-height:22px;transition:color var(--fast);font-weight:700}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper__btn{background:var(--surface-2);width:40px;height:40px;color:var(--text);transition:transform var(--fast) var(--ease), background-color var(--fast);border:0;border-radius:50%;place-items:center;display:grid}.stepper__btn:active{transform:scale(.9)}.stepper__value{min-width:calc(70px * var(--fs));text-align:center;font-size:calc(20px * var(--fs));font-variant-numeric:tabular-nums;font-weight:700}.stepper__value.empty{color:var(--muted);font-weight:600;font-size:calc(16px * var(--fs))}.stepper__value--edit{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:5px;cursor:text;background:0 0;border:0;border-radius:10px;padding:4px 6px}.stepper__value--edit:hover{background:var(--surface-2)}.stepper__edit{justify-content:center;align-items:center;gap:4px;min-width:70px;display:inline-flex}.stepper__input{border:1.5px solid var(--accent);background:var(--surface);width:64px;min-height:38px;font-size:calc(18px * var(--fs));text-align:center;border-radius:10px;outline:none;padding:0 8px;font-weight:700}.stepper__unit{color:var(--text-soft);font-weight:700}.water{gap:12px;display:grid}.water__drops{flex-wrap:wrap;gap:6px;display:flex}.drop{width:30px;height:36px;transition:transform var(--medium) var(--ease);background:0 0;border:0;padding:0}.drop:active{transform:scale(.9)}.drop svg{width:100%;height:100%;overflow:visible}.drop__outline{fill:none;stroke:var(--line);stroke-width:1.8px;stroke-linejoin:round;transition:stroke var(--fast)}.drop__water{fill:var(--wing)}.drop.has-water .drop__outline{stroke:var(--wing)}:root[data-theme=noturno] .drop__water{fill:var(--text-soft)}:root[data-theme=noturno] .drop.has-water .drop__outline{stroke:var(--text-soft)}.water__info{color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.water__cup{background:var(--surface-2);font-size:calc(12px * var(--fs));color:var(--text-soft);vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-weight:700;display:inline-block}.water__actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.water__actions .btn--ghost{padding-left:0}.water__type{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.water__type .input{width:calc(110px * var(--fs));min-height:40px}.btn{background:var(--selected);min-height:46px;color:var(--selected-ink);transition:transform var(--fast) var(--ease), opacity var(--fast);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;--rest-opacity:.5;cursor:default}.btn--soft{background:var(--surface-2);color:var(--text)}.btn--ghost{color:var(--text-soft);background:0 0}.btn--danger{color:var(--danger);background:0 0}.btn--block{width:100%}.btn--sm{min-height:38px;font-size:calc(14px * var(--fs));padding:0 14px}.confirm{animation:page-in var(--fast) var(--ease) both;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.confirm__text{font-size:calc(14px * var(--fs));color:var(--danger);font-weight:700}.confirm__detail{font-size:calc(12px * var(--fs));color:var(--muted);font-weight:600;display:block}.confirm__yes{background:var(--danger);color:#fff}.icon-btn{color:var(--text-soft);padding:0 10px}.day-delete{justify-content:center;padding:4px 0 8px;display:flex}.weight-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.weight-input .input{width:calc(130px * var(--fs));min-height:40px}.cycle-bar{background:var(--surface-2);border-radius:99px;height:8px;margin-top:14px;overflow:hidden}.cycle-bar>div{height:100%;transition:width var(--medium) var(--ease);background:#d9a79e;border-radius:99px}.organize{gap:10px;display:grid}.organize__item{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:opacity var(--medium) var(--ease), box-shadow var(--fast), transform var(--fast) var(--ease);align-items:center;gap:8px;padding:10px 10px 10px 4px;display:flex}.organize__item.is-hidden{opacity:.55}.organize__item.is-dragging{z-index:1;transform:scale(1.02);box-shadow:0 12px 28px -12px #2e513e73}.organize__grip{width:40px;height:48px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;display:grid}.organize__grip svg{stroke-width:3.2px}.organize__item.is-dragging .organize__grip{cursor:grabbing;color:var(--text)}.organize__text{flex:1;min-width:0}.organize__name{font-weight:700}.organize__hint{font-size:calc(13px * var(--fs));color:var(--muted);font-weight:600}.organize__arrows{gap:2px;display:grid}.organize__arrows button{background:var(--surface-2);width:34px;height:24px;color:var(--text-soft);border:0;border-radius:8px;place-items:center;display:grid}.organize__arrows button:disabled{opacity:.3}.organize__eye{background:var(--surface-2);width:44px;height:44px;color:var(--text);transition:background-color var(--fast), color var(--fast);border:0;border-radius:50%;place-items:center;display:grid}.organize__eye[aria-pressed=false]{color:var(--muted);background:0 0}.organize__eye:disabled{opacity:.4}.links{flex-wrap:wrap;gap:8px 20px;display:flex}.reminder-list{transition:opacity var(--medium) var(--ease);gap:16px;display:grid}.reminder-list.is-paused{opacity:.5}.reminder__count{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.reminder__times{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.input.time-input{width:calc(128px * var(--fs));text-align:center;min-height:42px;padding:6px 10px;font-weight:700}.input.time-input:disabled{opacity:.45}.text-size{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.text-size button{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:84px;color:var(--text-soft);transition:border-color var(--fast), background-color var(--fast), color var(--fast), transform var(--fast) var(--ease);align-content:end;justify-items:center;gap:4px;padding:10px 6px;display:grid}.text-size button:active{transform:scale(.97)}.text-size button[aria-pressed=true]{border-color:var(--selected);background:var(--selected);color:var(--selected-ink)}.text-size__sample{font-family:var(--font-display);font-weight:600;line-height:1}.text-size__label{font-size:calc(13px * var(--fs));font-weight:700}.field{gap:6px;display:grid}.field label{font-size:calc(14px * var(--fs));color:var(--text-soft);font-weight:700}.input,.textarea{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:46px;transition:border-color var(--fast);outline:none;padding:10px 14px}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:110px;line-height:1.5}.fields-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fields-2>*,.fields-2 .input{min-width:0}.switch{background:var(--line);width:50px;height:30px;transition:background-color var(--fast) var(--ease);border:0;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform var(--medium) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.reveal{transition:grid-template-rows var(--medium) var(--ease);grid-template-rows:0fr;display:grid}.reveal>*{overflow:hidden}.reveal.open{grid-template-rows:1fr}.sync{font-size:calc(13px * var(--fs));color:var(--muted);transition:opacity var(--medium) var(--ease);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sync__dot{background:var(--wing);border-radius:50%;width:7px;height:7px}.sync--saving .sync__dot{background:var(--gold);animation:1s ease-in-out infinite pulse}.sync--offline .sync__dot{background:var(--muted)}.sync--error .sync__dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--gold) 16%, var(--surface));font-size:calc(14px * var(--fs));color:var(--text);gap:10px;padding:12px 14px;display:flex}.stats{grid-template-columns:repeat(auto-fit, minmax(calc(92px * var(--fs)), 1fr));gap:10px;display:grid}.stat{border-radius:var(--radius-sm);background:var(--surface-2);padding:12px}.stat__value{overflow-wrap:anywhere;font-size:calc(20px * var(--fs));font-variant-numeric:tabular-nums;font-weight:700}.stat__label{font-size:calc(12px * var(--fs));color:var(--muted);font-weight:600}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--font);font-size:calc(11px * var(--fs));fill:var(--muted);font-weight:600}.range{margin-bottom:12px}.list{display:grid}.list__item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list__item:last-child{border-bottom:0}.list__item>:first-child{overflow-wrap:anywhere;min-width:0}.topics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.topic{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--fast) var(--ease);gap:10px;padding:16px;text-decoration:none;display:grid}.topic:active{transform:scale(.98)}.topic__icon{background:var(--surface-2);width:40px;height:40px;color:var(--text-soft);border-radius:12px;place-items:center;display:grid}.topic__icon svg{width:22px;height:22px}.topic__name{font-weight:700}.topic__hint{font-size:calc(13px * var(--fs));color:var(--muted);font-weight:600}.cal__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal__month{font-weight:700}.cal__month:first-letter{text-transform:uppercase}.cal__grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal__wd{text-align:center;font-size:calc(12px * var(--fs));color:var(--muted);padding-bottom:2px;font-weight:700}.cal__day{aspect-ratio:1;background:var(--surface-2);font-size:calc(14px * var(--fs));color:var(--text);transition:transform var(--fast) var(--ease);border:0;border-radius:12px;place-items:center;font-weight:700;text-decoration:none;display:grid;position:relative}.cal__day:active{transform:scale(.94)}.cal__day.has-mood{background:var(--c);color:#24483a}.cal__day.today{box-shadow:0 0 0 2px var(--text)}.cal__day.selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--gold);transform:scale(1.04)}.cal__day.today.selected{box-shadow:0 0 0 2px var(--text), 0 0 0 4px var(--gold)}.cal__day.future{opacity:.4;pointer-events:none}.cal__num{transition:transform var(--fast) var(--ease);line-height:1}.cal__day.has-marks .cal__num{transform:translateY(-5px)}.cal__marks{color:var(--text-soft);--mark-ink:var(--surface-2);justify-content:center;gap:2px;display:flex;position:absolute;bottom:5px;left:0;right:0}.cal__day.has-mood .cal__marks{color:#24483ac7;--mark-ink:var(--c)}.mark{width:calc(9px * min(var(--fs), 1.12));height:calc(9px * min(var(--fs), 1.12));flex:none;display:block}.mark--period{color:#b5675a}.cal__day.predicted{box-shadow:inset 0 0 0 1.5px #d9a79e}.sum__lines{display:grid}.sum__line{grid-template-columns:calc(112px * var(--fs)) 1fr;border-bottom:1px solid var(--line);font-size:calc(15px * var(--fs));gap:10px;padding:9px 0;display:grid}.sum__line:last-child{border-bottom:0}.sum__label{color:var(--muted);font-weight:600;font-size:calc(14px * var(--fs))}.sum__value{gap:2px;font-weight:600;display:grid}.sum__mood{align-items:center;gap:8px;display:inline-flex}.sum__mood i{background:var(--c);border-radius:50%;width:12px;height:12px;display:inline-block}.sum__tags{color:var(--text-soft);font-weight:500;font-size:calc(14px * var(--fs))}.sum__note{border-radius:var(--radius-sm);background:var(--surface-2);white-space:pre-wrap;font-size:calc(15px * var(--fs));margin:12px 0 0;padding:12px 14px}.legend{font-size:calc(13px * var(--fs));color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-weight:600;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--c);border-radius:4px;width:12px;height:12px;display:inline-block}.legend--marks{--mark-ink:var(--surface);color:var(--text-soft)}.legend--marks .mark{width:12px;height:12px}.legend__mark{display:inline-flex}.legend .legend__ring{background:0 0;border-radius:4px}.legend__ring--today{box-shadow:inset 0 0 0 2px var(--text)}.legend__ring--selected{box-shadow:inset 0 0 0 2px var(--gold)}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login__box{text-align:center;gap:18px;width:100%;max-width:360px;display:grid}.login__logo{width:min(300px,78vw);margin:0 auto 8px}.screens{display:contents}.intro{z-index:100;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:fixed;inset:0}.intro__bg{background:var(--bg);transition:opacity .9s var(--ease);position:absolute;inset:0}.intro__logo{transform-origin:50%;width:min(300px,72vw);transition:transform 1.2s cubic-bezier(.65, 0, .25, 1), opacity .5s var(--ease);will-change:transform;position:relative}.intro__logo img{width:100%;height:auto;display:block}.intro.is-moving .intro__bg,.intro.is-fading .intro__bg,.intro.is-fading .intro__logo{opacity:0}[data-intro] [data-intro-target]{visibility:hidden}[data-intro=playing] .login__rest{opacity:0;transform:translateY(12px)}[data-intro=landing] .login__rest{animation:rise-in .7s var(--ease) both}[data-intro=landing] .login__name{animation-delay:.45s}[data-intro=landing] .field.login__rest{animation-delay:.6s}[data-intro=landing] .btn.login__rest{animation-delay:.72s}[data-intro=landing] p.login__rest{animation-delay:.84s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:var(--rest-opacity,1);transform:none}}.login__brand{justify-items:center;gap:6px;display:grid}.login__symbol{width:min(200px,52vw);height:auto}.login__name{width:min(300px,78vw);height:auto}.splash{width:min(200px,52vw);height:auto;animation:page-in var(--medium) var(--ease) both}.error{color:var(--danger);font-size:calc(14px * var(--fs));font-weight:600}@media (width>=768px){.app{padding-bottom:24px;padding-left:88px}.bottomnav{display:none}.sidenav{z-index:20;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;width:88px;padding:20px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidenav__logo{width:52px;margin-bottom:18px}.sidenav__logo-full{display:none}.sidenav .navlink{border-radius:16px;width:72px;height:64px}.sidenav .navlink.active{background:var(--surface-2)}.topbar{padding-left:24px;padding-right:24px}.topbar__logo{display:none}.content{max-width:920px;padding:8px 24px 32px}.grid-2{grid-template-columns:1fr 1fr}.topics{grid-template-columns:repeat(3,1fr)}.greeting h1{font-size:calc(40px * var(--fs))}}@media (width>=1100px){.app{padding-left:248px}.sidenav{align-items:stretch;width:248px;padding:28px 16px}.sidenav__logo{display:none}.sidenav__logo-full{width:190px;margin:0 8px 26px;display:block}.sidenav .navlink{width:auto;height:48px;font-size:calc(15px * var(--fs));flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px}.content{max-width:1080px;padding:8px 40px 40px}.home{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.home__aside{grid-area:1/2/span 2;margin-top:0;position:sticky;top:72px}.home__delete{grid-column:1}.topics{grid-template-columns:repeat(4,1fr)}}@media (width<=420px){:root[data-text="3"] .fields-2{grid-template-columns:1fr}}@media (width<=520px){:is(:root[data-text="2"] .seg:has(>:nth-child(4)),:root[data-text="3"] .seg:has(>:nth-child(4))){border-radius:22px;grid-template-columns:repeat(2,1fr);grid-auto-flow:row}}:root[data-text="3"] .seg button{padding:0 6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}