@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root,html[data-mode=light]{color-scheme:light;--background: #FFFFFF;--foreground: #37352F;--card: #FFFFFF;--popover: #FFFFFF;--muted: #F7F7F5;--muted-foreground: #6F6E69;--accent: #EFEFED;--border: #E9E9E7;--input: #E3E2E0;--input-border: #8F8E8A;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236F6E69%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");--ring: #7D7C78;--primary: #FCCD27;--primary-hover: #F5C211;--primary-foreground: #191917;--destructive: #C4403B;--destructive-foreground: #FFFFFF;--success: #3D7A57;--success-foreground: #FFFFFF;--sidebar: #F7F7F5;--sidebar-foreground: #5F5E5B;--sidebar-hover: #EFEFED;--sidebar-active: #E9E9E7;--segment-active: #FFFFFF;--avatar: #E9E9E7;--shadow-xs: 0 1px 2px rgb(15 15 15 / 5%);--shadow-lg: 0 0 0 1px rgb(15 15 15 / 5%), 0 3px 6px rgb(15 15 15 / 8%), 0 9px 24px rgb(15 15 15 / 14%);--shadow-fab: 0 1px 3px rgb(15 15 15 / 14%), 0 8px 20px rgb(15 15 15 / 16%);--c-default: #37352F;--c-default-bg: #F1F1EF;--c-gray: #6F6E69;--c-gray-bg: #F1F1EF;--c-brown: #8C5A44;--c-brown-bg: #F4EEEE;--c-orange: #A55509;--c-orange-bg: #FBECDD;--c-green: #3C7856;--c-green-bg: #EDF3EC;--c-blue: #2B6F96;--c-blue-bg: #E7F3F8;--c-purple: #7E5A9E;--c-purple-bg: #F6F3F9;--c-pink: #AD3F7A;--c-pink-bg: #FAF1F5;--c-red: #BE3E39;--c-red-bg: #FDEBEC}html[data-mode=dark]{color-scheme:dark;--background: #191919;--foreground: #E3E2E0;--card: #202020;--popover: #252525;--muted: #202020;--muted-foreground: #9B9A97;--accent: #2C2C2C;--border: #2F2F2F;--input: #373737;--input-border: #727170;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%239B9A97%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");--ring: #8A8986;--primary-hover: #FFD84D;--destructive: #FF7369;--destructive-foreground: #191919;--success: #5DBB8A;--success-foreground: #191919;--sidebar: #202020;--sidebar-foreground: #9B9A97;--sidebar-hover: #2A2A2A;--sidebar-active: #2F2F2F;--segment-active: #3A3A3A;--avatar: #373737;--shadow-xs: 0 1px 2px rgb(0 0 0 / 30%);--shadow-lg: 0 0 0 1px rgb(255 255 255 / 6%), 0 3px 6px rgb(0 0 0 / 30%), 0 9px 24px rgb(0 0 0 / 40%);--shadow-fab: 0 1px 3px rgb(0 0 0 / 40%), 0 8px 20px rgb(0 0 0 / 45%);--c-default: #E3E2E0;--c-default-bg: #2F2F2F;--c-gray: #9B9A97;--c-gray-bg: #2F2F2F;--c-brown: #C59885;--c-brown-bg: #4A3228;--c-orange: #E0A575;--c-orange-bg: #5C3B23;--c-green: #5DBB8A;--c-green-bg: #253D30;--c-blue: #59A8DB;--c-blue-bg: #143A4E;--c-purple: #B38BDD;--c-purple-bg: #3C2D49;--c-pink: #E183B2;--c-pink-bg: #4E2C3C;--c-red: #FF7A71;--c-red-bg: #522E2A}@media(prefers-contrast:more){html[data-mode]{--border: var(--muted-foreground);--muted-foreground: var(--foreground);--sidebar-foreground: var(--foreground)}}:root{--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Vazirmatn", monospace;--text-micro: 10px;--text-tiny: 11px;--text-caption: 12px;--text-small: 13px;--text-ui: 14px;--text-body: 15px;--text-input: 16px;--text-subtitle: 18px;--text-title: 20px;--text-heading: 24px;--text-display: 28px;--text-hero: 34px;--z-sticky: 10;--z-bulk: 15;--z-toast: 40;--z-skip: 50;--z-popover: 60;--z-banner: 70;--z-drag: 100;--z-overlay: 200;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .4s;--ease-out: cubic-bezier(.2, .8, .2, 1);--page-gutter: 16px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--space-card: 16px;--space-row: 12px;--space-inset-block: 12px;--space-inset-inline: 16px;--space-hero: 24px;--space-dialog: 24px;--control-h: 40px;--target-min: 32px;--side-w: 248px;--side-w-collapsed: 72px;--side-w-rail: 80px;--detail-w: 380px;--rail-w: 320px;--rail-folded: 56px;--tabbar-h: 64px;--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-safe-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-bottom, 0px));--app-height: var(--tg-viewport-stable-height, 100dvh)}@media(min-width:600px){:root{--space-card: 20px;--page-gutter: 32px}}@media(min-width:1440px){:root{--page-gutter: 48px}}@media(min-width:1024px){:root{--space-hero: 40px}}@media(pointer:coarse){:root{--control-h: 44px;--target-min: 44px}html[data-mode] :is(.select,.input--mono,.add-row__input,.checklist__text,.detail__description--rich .editor){font-size:var(--text-input)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--background)}body{margin:0;min-block-size:100dvh;background:var(--background);color:var(--foreground);font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-input);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html[lang=fa] body{line-height:1.8}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}@media(hover:hover){a:hover{text-decoration-color:currentColor}}button,input,select,textarea{font:inherit;color:inherit}:is(input,textarea)[dir=auto]:placeholder-shown{direction:inherit}img,svg{display:block}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted-foreground)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.icon{inline-size:1.25em;block-size:1.25em;flex:none}.item-emoji{line-height:1}.icon--inline{display:inline-block;inline-size:1.15em;block-size:1.15em;margin-inline:.1em;vertical-align:-.2em}.icon--inline:first-child{margin-inline-start:0}html[dir=rtl] .icon--dir{transform:scaleX(-1)}.mascot{display:inline-grid;place-items:center;flex:none}.mascot img{inline-size:100%;block-size:100%}.mascot__dark,html[data-mode=dark] .mascot__light{display:none}html[data-mode=dark] .mascot__dark{display:block}.mascot--sm{inline-size:32px;block-size:32px}.mascot--md{inline-size:88px;block-size:88px}.mascot--lg{inline-size:144px;block-size:144px}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:var(--avatar);color:var(--foreground);font-weight:600}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.avatar--sm{inline-size:28px;block-size:28px;font-size:var(--text-small)}.avatar--md{inline-size:40px;block-size:40px;font-size:var(--text-input)}.avatar--lg{inline-size:56px;block-size:56px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:var(--control-h);padding-block:6px;padding-inline:14px;border:1px solid var(--input);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-xs);font-size:var(--text-body);font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}@media(hover:hover){.btn:hover{background:var(--accent)}}.btn:active{transform:scale(.98)}.btn .icon{inline-size:18px;block-size:18px}.btn--primary{background:var(--primary);border-color:transparent;color:var(--primary-foreground)}@media(hover:hover){.btn--primary:hover{background:var(--primary-hover)}}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn--danger{color:var(--destructive)}.btn--destructive{background:var(--destructive);border-color:transparent;color:var(--destructive-foreground)}@media(hover:hover){.btn--destructive:hover{background:color-mix(in srgb,var(--destructive) 90%,#000)}}.btn--small{min-block-size:32px;padding-inline:10px;font-size:var(--text-ui)}.btn--block{inline-size:100%}.icon-btn{display:inline-grid;place-items:center;inline-size:var(--control-h);block-size:var(--control-h);flex:none;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted-foreground);cursor:pointer}@media(hover:hover){.icon-btn:hover{background:var(--accent);color:var(--foreground)}}.icon-btn[aria-pressed=true]{background:var(--accent);color:var(--foreground)}.icon-btn:disabled,.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.select{--select-gap: 10px;inline-size:100%;min-block-size:var(--control-h);padding-block:0;padding-inline:12px calc(var(--select-gap) + 24px);border:1px solid var(--input-border);border-radius:var(--radius-md);-webkit-appearance:none;appearance:none;background:var(--background) var(--select-chevron) no-repeat;background-position:calc(100% - var(--select-gap)) 50%;background-size:16px 16px;box-shadow:var(--shadow-xs);color:var(--foreground);font-size:var(--text-body);cursor:pointer}[dir=rtl] .select{background-position:var(--select-gap) 50%}.select:disabled{opacity:.5;cursor:default}.seg{display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:3px;border:0;border-radius:var(--radius-md);background:var(--accent);min-inline-size:0}.seg__option{position:relative;flex:1 1 auto}.seg__input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.seg__option span{display:grid;place-items:center;min-block-size:calc(var(--control-h) - 6px);padding-inline:12px;border-radius:var(--radius-sm);color:var(--sidebar-foreground);font-size:var(--text-ui);font-weight:500;white-space:nowrap}@media(hover:hover){.seg__option:hover span{color:var(--foreground)}}.seg__input:checked+span{background:var(--segment-active);color:var(--foreground);box-shadow:var(--shadow-xs)}.seg__input:focus-visible+span{outline:2px solid var(--ring);outline-offset:1px}.badge{display:inline-block;padding-inline:6px;border-radius:var(--radius-sm);background:var(--accent);color:var(--foreground);font-size:var(--text-caption);font-weight:500}.card{padding:var(--space-card);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}.card__title,.section-title{margin-block-end:4px;font-size:var(--text-input);font-weight:600}.section-title{margin-block:12px 0}.list{margin:0;padding:0;list-style:none}.list__item{display:flex;align-items:center;gap:12px;padding-block:var(--space-row)}.list__item+.list__item{border-block-start:1px solid var(--border)}.list.card,.danger-zone{padding-block:calc(var(--space-card) - var(--space-row));padding-inline:var(--space-card)}.page{display:flex;flex-direction:column;gap:16px;inline-size:100%;max-inline-size:880px;margin-inline:auto;padding:16px var(--page-gutter) 40px}.page--narrow{max-inline-size:720px}.page-header{display:flex;align-items:flex-start;gap:8px;min-block-size:48px}.page-header__back{margin-inline-start:-8px}.page-header__titles{flex:1;min-inline-size:0}.page-header__title{font-size:26px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}html[lang=en] .page-header__title{letter-spacing:-.02em}.page-header__title:focus{outline:none}.page-header__subtitle,.page__aside,.page__footnote{color:var(--muted-foreground)}.page__aside{margin-block-start:-12px;font-size:var(--text-ui)}.page__footnote{font-size:var(--text-small);text-align:center}.skeleton__bar,.skeleton__dot,.skeleton__line,.canvas-skeleton,.img-wait,.login-code[data-phase=loading] .qr{background:linear-gradient(90deg,var(--accent) 35%,color-mix(in srgb,var(--accent),var(--muted-foreground) 16%) 50%,var(--accent) 65%) var(--accent);background-size:300% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}:root[dir=rtl] :is(.skeleton__bar,.skeleton__dot,.skeleton__line,.canvas-skeleton,.img-wait){animation-direction:reverse}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton{display:flex;flex-direction:column;padding-block:8px}.skeleton__row{display:flex;align-items:center;gap:12px;min-block-size:52px;border-block-end:1px solid var(--border)}.skeleton__dot,.skeleton__line{border-radius:var(--radius-sm)}.skeleton__dot{inline-size:22px;block-size:22px;border-radius:50%}.skeleton__line{block-size:12px}.skeleton__line--0{inline-size:72%}.skeleton__line--1{inline-size:54%}.skeleton__line--2{inline-size:64%}.skeleton__line--3{inline-size:46%}.skeleton:not(:has(.skeleton__row)){display:grid;gap:12px}.skeleton__bar{display:block;block-size:14px;border-radius:var(--radius-sm)}.skeleton--page .skeleton__bar:nth-child(1){block-size:28px;inline-size:38%}.skeleton--page .skeleton__bar:nth-child(2){block-size:32px;inline-size:56%;margin-block-end:8px}.skeleton--page .skeleton__bar:nth-child(n+3){block-size:44px}.skeleton--page .skeleton__bar:nth-child(4){inline-size:92%}.skeleton--page .skeleton__bar:nth-child(6){inline-size:84%}.skeleton--note{max-inline-size:720px;margin-inline:auto;inline-size:100%;padding-block-start:40px}.skeleton--note .skeleton__bar:nth-child(1){block-size:48px;inline-size:48px;border-radius:var(--radius-md)}.skeleton--note .skeleton__bar:nth-child(2){block-size:36px;inline-size:60%}.skeleton--note .skeleton__bar:nth-child(3){block-size:12px;inline-size:28%;margin-block-end:16px}.skeleton--note .skeleton__bar:nth-child(5){inline-size:94%}.skeleton--note .skeleton__bar:nth-child(6){inline-size:82%}.skeleton--note .skeleton__bar:nth-child(7){margin-block-start:14px}.skeleton--note .skeleton__bar:nth-child(8){inline-size:88%}.skeleton--note .skeleton__bar:nth-child(9){inline-size:56%}.skeleton--detail .skeleton__bar:nth-child(1){block-size:28px;inline-size:72%}.skeleton--detail .skeleton__bar:nth-child(2){block-size:28px;inline-size:48%;margin-block-end:8px}.skeleton--detail .skeleton__bar:nth-child(n+3):nth-child(-n+6){block-size:36px}.skeleton--detail .skeleton__bar:nth-child(4){inline-size:88%}.skeleton--detail .skeleton__bar:nth-child(7){margin-block-start:12px}.skeleton--detail .skeleton__bar:nth-child(8){inline-size:66%}.skeleton--canvas{display:flex;flex-wrap:wrap;gap:24px;padding-block-start:16px}.skeleton--canvas .skeleton__bar:nth-child(1){flex-basis:100%;block-size:22px;max-inline-size:30%}.skeleton--canvas .skeleton__bar:nth-child(n+2){block-size:120px;inline-size:200px;border-radius:var(--radius-md)}.skeleton--canvas .skeleton__bar:nth-child(3){block-size:84px;margin-block-start:48px}.skeleton--board{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:var(--page-gutter)}.skeleton--board .skeleton__bar:nth-child(1){grid-column:1 / -1;block-size:28px;inline-size:30%;margin-block-end:4px}.skeleton--board .skeleton__bar:nth-child(n+2):nth-child(-n+4){block-size:18px;inline-size:60%}.skeleton--board .skeleton__bar:nth-child(n+5){block-size:72px;border-radius:var(--radius-md)}.skeleton--board .skeleton__bar:nth-child(n+8){block-size:56px}.skeleton--settings .skeleton__bar:nth-child(1){block-size:28px;inline-size:40%;margin-block-end:8px}.skeleton--settings .skeleton__bar:nth-child(2n){block-size:12px;inline-size:26%;margin-block-start:8px}.skeleton--settings .skeleton__bar:nth-child(odd):not(:first-child){block-size:40px}.skeleton--card{justify-items:center;padding-block:40px}.skeleton--card .skeleton__bar:nth-child(1){block-size:64px;inline-size:64px;border-radius:var(--radius-lg)}.skeleton--card .skeleton__bar:nth-child(2){block-size:22px;inline-size:50%}.skeleton--card .skeleton__bar:nth-child(3){inline-size:70%}.skeleton--card .skeleton__bar:nth-child(4){block-size:40px;inline-size:40%;margin-block-start:12px;border-radius:var(--radius-md)}.skeleton--lines{gap:8px;padding-block:4px}.skeleton--lines .skeleton__bar{block-size:12px}.skeleton--lines .skeleton__bar:nth-child(2){inline-size:86%}.skeleton--lines .skeleton__bar:nth-child(3){inline-size:60%}.skeleton--calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.skeleton--calendar .skeleton__bar:nth-child(1){grid-column:1 / -1;block-size:24px;inline-size:30%;margin-block-end:6px}.skeleton--calendar .skeleton__bar:nth-child(n+2){block-size:72px;border-radius:var(--radius-sm)}@media(max-width:599px){.skeleton--calendar .skeleton__bar:nth-child(n+2){block-size:44px}.skeleton--board{grid-template-columns:minmax(0,1fr) minmax(0,.4fr)}.skeleton--board .skeleton__bar:nth-child(3n+4){display:none}}.login-code[data-phase=loading] .qr svg{visibility:hidden}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding-block:40px;padding-inline:16px;text-align:center}.empty__title{margin-block-start:10px;font-size:var(--text-subtitle);font-weight:600}.empty__text{max-inline-size:42ch;color:var(--muted-foreground);font-size:var(--text-body)}.empty__action{margin-block-start:12px}.empty--sm{gap:4px;padding-block:20px}.empty--sm .empty__text{font-size:var(--text-ui)}.illo{display:inline-grid;flex:none;inline-size:200px;block-size:160px;color:#000}html[data-mode=dark] .illo{color:#e3e2e0}.illo svg{inline-size:100%;block-size:100%}.illo--sm{inline-size:120px;block-size:96px}.illo--xs{inline-size:64px;block-size:52px}@media(min-width:900px){.empty>.illo--md{inline-size:240px;block-size:192px}}.illo .ko{fill:var(--background)}.illo .ko-s{stroke:var(--background)}.illo .mo-blink,.illo .mo-tw{transform-box:fill-box;transform-origin:center}.illo .mo-blink{animation:yg-blink 6s ease-in-out infinite}.illo .mo-tw{animation:yg-twinkle 2.4s ease-in-out infinite}.illo .mo-spin{animation:yg-spin 24s linear infinite}.illo .mo-tick{animation:yg-spin 8s linear infinite}.illo .mo-flutter{animation:yg-flutter 2.6s ease-in-out infinite}.illo .mo-bob{animation:yg-bob 3s ease-in-out infinite}.illo .mo-sway{animation:yg-sway 3.4s ease-in-out infinite}.illo .mo-sweep{animation:yg-sweep 4s ease-in-out infinite}.illo .mo-jiggle{animation:yg-jiggle 3.8s ease-in-out infinite}.illo .mo-wave{animation:yg-wave 3.8s ease-in-out infinite}.illo .mo-lift{animation:yg-lift 3.8s ease-in-out infinite}.illo .mo-retry{animation:yg-retry 3.8s ease-in-out infinite}.illo .mo-marks{animation:yg-marks 3.8s ease-in-out infinite}.illo .mo-flicker{animation:yg-flicker 1.4s ease-in-out infinite}.illo .mo-drop{animation:yg-drop 3s ease-in infinite}.illo .mo-grain{animation:yg-grain 1.8s ease-in infinite}.illo .mo-rise{animation:yg-rise 2.8s ease-out infinite backwards}.illo .mo-drift{animation:yg-drift 3.2s ease-in-out infinite}.illo .mo-d1{animation-delay:.6s}.illo .mo-d2{animation-delay:1.2s}.illo .mo-d3{animation-delay:1.8s}.illo .mo-d4{animation-delay:2.4s}.illo .mo-d5{animation-delay:3s}.illo .mo-d6{animation-delay:3.6s}.illo .mo-d7{animation-delay:4.2s}@keyframes yg-blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes yg-twinkle{50%{transform:scale(.55);opacity:.55}}@keyframes yg-spin{to{transform:rotate(360deg)}}@keyframes yg-flutter{50%{transform:scaleX(.92) skewY(3deg)}}@keyframes yg-bob{50%{transform:translateY(-3px)}}@keyframes yg-sway{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes yg-sweep{25%{transform:translate(-4px) rotate(-3deg)}75%{transform:translate(4px) rotate(3deg)}}@keyframes yg-jiggle{0%,24%,to{transform:none}4%{transform:rotate(-4deg)}8%{transform:rotate(4deg)}12%{transform:rotate(-3deg)}16%{transform:rotate(3deg)}20%{transform:rotate(-1deg)}}@keyframes yg-wave{0%,44%,to{transform:none}8%{transform:rotate(-8deg)}18%{transform:rotate(6deg)}28%{transform:rotate(-8deg)}38%{transform:rotate(3deg)}}@keyframes yg-lift{0%,50%,to{transform:none}15%,35%{transform:rotate(-7deg)}}@keyframes yg-retry{30%,to{transform:rotate(360deg)}}@keyframes yg-marks{0%,44%,to{opacity:0}4%,34%{opacity:1}}@keyframes yg-flicker{30%{transform:scale(.98,1.05)}65%{transform:scale(1.01,.97)}}@keyframes yg-drop{45%{transform:translateY(18px);opacity:0}46%{transform:none;opacity:0}70%{opacity:1}}@keyframes yg-grain{0%{transform:translateY(-8px);opacity:0}20%{opacity:1}85%{transform:translateY(8px);opacity:1}to{transform:translateY(9px);opacity:0}}@keyframes yg-rise{0%{transform:translateY(3px);opacity:0}30%{opacity:1}to{transform:translateY(-8px);opacity:0}}@keyframes yg-drift{50%{transform:translateY(-4px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.illo *{animation:none!important}}.note{padding:var(--space-inset-block) var(--space-inset-inline);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);font-size:var(--text-ui)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--foreground);font-weight:600;font-size:var(--text-body);text-decoration:none}.brand__name{white-space:nowrap}.ws-chip{display:inline-flex;align-items:center;gap:8px;min-inline-size:0;max-inline-size:100%;min-block-size:40px;padding-inline:6px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-weight:600;white-space:nowrap;cursor:pointer}@media(hover:hover){.ws-chip:hover{background:var(--sidebar-hover)}}.ws-chip__name{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-align:start;text-overflow:ellipsis}.ws-chip .ws-chip__switch{margin-inline-start:auto;inline-size:16px;block-size:16px;color:var(--muted-foreground)}.user-chip{display:flex;align-items:center;gap:10px;min-block-size:40px;padding-inline:6px;border-radius:var(--radius-md);color:var(--foreground);text-decoration:none}@media(hover:hover){.user-chip:hover{background:var(--sidebar-hover)}}.user-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.nav{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.nav__item{display:flex;align-items:center;gap:10px;min-block-size:36px;padding-inline:10px;border-radius:var(--radius-md);color:var(--sidebar-foreground);font-size:var(--text-body);font-weight:500;text-decoration:none}@media(hover:hover){.nav__item:hover{background:var(--sidebar-hover);color:var(--foreground)}}.nav__item[aria-current=page]{background:var(--sidebar-active);color:var(--foreground)}.nav__item .icon{inline-size:20px;block-size:20px}.nav__item .icon--active,.nav__item[aria-current=page] .icon--idle{display:none}.nav__item[aria-current=page] .icon--active{display:block}.nav__short{display:none}.nav__heading{margin-block:16px 4px;padding-inline:10px;color:var(--muted-foreground);font-size:var(--text-caption);font-weight:500}.skip-link{position:absolute;inset-block-start:8px;inset-inline-start:8px;z-index:var(--z-skip);padding:8px 12px;border-radius:var(--radius-md);background:var(--foreground);color:var(--background);transform:translateY(-200%)}.skip-link:focus{transform:none}.shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "tabs";min-block-size:var(--app-height)}.sidebar{grid-area:side;display:none}.topbar{grid-area:top;position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:calc(8px + var(--safe-top)) 8px;padding-inline:12px;background:color-mix(in srgb,var(--background) 90%,transparent);backdrop-filter:blur(12px);border-block-end:1px solid var(--border)}.main{grid-area:main;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-inline-size:0}.main:focus{outline:none}.pane--page{min-inline-size:0}.tabs__bar.tabs__bar--solo{display:none}@media(min-width:1024px){html[data-tabs]:not([data-pane]) body:not(.on-tabs){--tabstrip-h: 43px}html[data-tabs]:not([data-pane]) body:not(.on-tabs) .tabs__bar--solo{position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:flex;grid-column:1 / -1;block-size:var(--tabstrip-h)}html[data-tabs]:not([data-pane]) body:is(.on-board,.on-canvas):not(.on-tabs) .main{grid-template-rows:auto minmax(0,1fr)}}.tabs__bar{display:flex;min-inline-size:0;align-items:flex-end;gap:4px;padding-block-start:calc(6px + var(--safe-top));padding-inline:8px;border-block-end:1px solid var(--border);background:var(--sidebar)}.tabs__strip{display:flex;align-items:flex-end;gap:2px;min-inline-size:0;overflow-x:auto;scrollbar-width:none}.tabs__item{display:flex;flex:0 1 auto;align-items:center;inline-size:240px;min-inline-size:88px;block-size:36px;margin-block-end:-1px;border:1px solid transparent;border-block-end:0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--muted-foreground)}@media(hover:hover){.tabs__item:hover{background:var(--sidebar-hover)}}.tabs__item[data-active]{border-color:var(--border);background:var(--background);color:var(--foreground);font-weight:600;box-shadow:inset 0 2px 0 var(--primary)}.tabs__item[data-active][data-split] .tabs__title:not([data-focused]){color:var(--muted-foreground);font-weight:400}.tabs__item[data-dragged]{opacity:.6;cursor:grabbing}.tabs__item[data-split]{inline-size:400px;min-inline-size:168px}.tabs__tab{display:flex;flex:1;align-items:center;gap:6px;min-inline-size:0;block-size:100%;padding-inline:12px 4px;border:0;border-radius:inherit;background:none;color:inherit;font:inherit;font-size:var(--text-ui);text-align:start;cursor:pointer}.tabs__tab:focus-visible{outline-offset:-2px}.tabs__title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs__title+.tabs__title{padding-inline-start:6px;border-inline-start:1px solid var(--border)}.tabs__title[data-focused]{font-weight:600}.tabs__item[data-split] .tabs__title{flex:1 1 0}.tabs__icon{flex:none;inline-size:14px;block-size:14px}.tabs__close{inline-size:24px;block-size:24px;margin-inline-end:4px;opacity:0}.tabs__close .icon{inline-size:14px;block-size:14px}.tabs__item[data-active] .tabs__close,.tabs__item:hover .tabs__close,.tabs__item:focus-within .tabs__close{opacity:1}.tabs__new{flex:none;inline-size:32px;block-size:32px;margin-block-end:2px}.tabs__new[aria-disabled]{opacity:.4;cursor:default}.pane--detail,.rail,.sidebar__scrim{display:none}.tabbar{grid-area:tabs;position:sticky;inset-block-end:0;z-index:var(--z-sticky);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;min-block-size:var(--tabbar-h);padding-block-end:var(--safe-bottom);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(12px);border-block-start:1px solid var(--border)}.tabbar__pill{position:absolute;inset-block-start:8px;inset-inline-start:calc(var(--tab, 0) * 25%);display:flex;justify-content:center;inline-size:25%;block-size:32px;pointer-events:none;transition:inset-inline-start .36s var(--ease-out)}.tabbar__pill:before{content:"";inline-size:56px;border-radius:16px;background:var(--accent)}.tabbar .nav__item{position:relative;flex-direction:column;justify-content:flex-start;gap:8px;min-block-size:var(--tabbar-h);padding-block:12px 4px;padding-inline:2px;border-radius:var(--radius-lg);color:var(--muted-foreground);font-size:var(--text-caption);line-height:1.3;text-align:center;transition:color var(--dur-base)}.tabbar .nav__item:focus-visible{outline-offset:-4px}@media(hover:hover){.tabbar .nav__item:hover{background:transparent;color:var(--foreground)}}.tabbar .nav__item .icon{flex:none;inline-size:24px;block-size:24px;transition:transform var(--dur-fast) var(--ease-out)}.tabbar .nav__item:active .icon{transform:scale(.88)}.tabbar .nav__item[aria-current=page]{background:transparent;color:var(--foreground);font-weight:600}.tabbar .nav__item[aria-current=page] .icon--active{animation:tab-pop .34s var(--ease-out)}@keyframes tab-pop{0%{transform:scale(.7)}55%{transform:scale(1.14)}}.tabbar .nav__label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}.fab{position:fixed;inset-inline-end:16px;inset-block-end:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);z-index:var(--z-sticky);display:none;align-items:center;block-size:56px;padding-inline:16px 20px;border:0;border-radius:18px;background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-fab);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:padding var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast)}.shell[data-fab=on] .fab{display:flex}.shell:has(.bulk-bar:not([hidden])) .fab{display:none}.fab .icon{flex:none;inline-size:24px;block-size:24px}.fab__label{overflow:hidden;max-inline-size:12em;margin-inline-start:8px;white-space:nowrap;transition:max-inline-size var(--dur-base) var(--ease-out),margin var(--dur-base) var(--ease-out),opacity var(--dur-fast)}.fab.is-compact{padding-inline:16px}.fab.is-compact .fab__label{max-inline-size:0;margin-inline-start:0;opacity:0}.fab:active{transform:scale(.95)}@media(hover:hover){.fab:hover{background:var(--primary-hover)}}.fab:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media(max-width:599px){.shell[data-fab=on] .pane--page{padding-block-end:80px}}.sections__list{display:flex;gap:8px;margin:0;padding-block:10px 2px;padding-inline:var(--page-gutter);overflow-x:auto;list-style:none;scrollbar-width:none}.sections__list::-webkit-scrollbar{display:none}.sections__item{display:inline-flex;align-items:center;gap:6px;min-block-size:40px;padding-inline:14px;border-radius:20px;background:var(--accent);color:var(--foreground);font-size:var(--text-ui);font-weight:500;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-base),color var(--dur-base),transform var(--dur-fast) var(--ease-out)}.sections__item:active{transform:scale(.95)}.sections__item[aria-current=page]{background:var(--foreground);color:var(--background);font-weight:600}.sections__count{display:inline-grid;place-items:center;min-inline-size:22px;block-size:22px;padding-inline:6px;border-radius:11px;background:var(--background);color:var(--foreground);font-size:var(--text-caption);font-weight:600}body:not(.on-canvas,.on-board,.on-tabs) .pane--page>*{animation:page-in var(--dur-base) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.toasts{position:fixed;inset-inline:0;inset-block-end:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:8px;padding-inline:16px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;max-inline-size:520px;padding-block:10px;padding-inline:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover);color:var(--foreground);box-shadow:var(--shadow-lg);font-size:var(--text-ui);overflow-wrap:anywhere;pointer-events:auto;animation:toast-in var(--dur-base) ease-out}.toast__text{flex:1;min-inline-size:0}@media(max-width:599px){body:has(.shell[data-fab=on]) .toasts:not(.toasts--in-dialog){inset-block-end:calc(var(--tabbar-h) + var(--safe-bottom) + 84px)}}.toasts--in-dialog{inset-block-start:calc(var(--safe-top) + 12px);inset-block-end:auto}.toast__close{display:grid;flex:none;place-items:center;inline-size:28px;block-size:28px;margin-inline-end:-6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer}@media(hover:hover){.toast__close:hover{background:var(--accent);color:var(--foreground)}}@media(pointer:coarse){.toast__close{inline-size:40px;block-size:40px;margin-block:-6px}}.toast__close .icon{inline-size:16px;block-size:16px}.toast__action{min-block-size:32px;padding-inline:12px;border:0;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);font-weight:600;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:600px){.shell{--side-col: var(--side-w-collapsed);grid-template-columns:var(--side-col) minmax(0,1fr);grid-template-rows:1fr;grid-template-areas:"side main";transition:grid-template-columns .26s var(--ease-out)}.topbar,.tabbar,.sections,.shell[data-fab] .fab{display:none}.toasts{inset-block-end:calc(16px + var(--safe-bottom))}.sidebar{position:sticky;inset-block-start:0;display:flex;flex-direction:column;gap:6px;block-size:var(--app-height);padding-block:calc(10px + var(--safe-top)) calc(10px + var(--safe-bottom));padding-inline:8px;overflow-x:hidden;overflow-y:auto;border-inline-end:1px solid var(--border);background:var(--sidebar);transition:inline-size .26s var(--ease-out),box-shadow .26s var(--ease-out),padding .26s var(--ease-out)}.sidebar :is(.nav__item,.ws-chip,.user-chip,.brand,.sidebar__add){position:relative;overflow:hidden;white-space:nowrap;transition:padding .26s var(--ease-out),background-color var(--dur-fast),color var(--dur-fast)}.sidebar :is(.nav__label,.brand__name,.ws-chip__name,.ws-chip__switch,.nav__kbd,.nav__count,.nav__heading){transition:opacity .16s var(--ease-out) .08s,color .16s var(--ease-out) .08s}.sidebar__top{position:relative;display:flex;align-items:center;gap:4px;min-block-size:44px;padding-inline-start:6px}.sidebar__top .brand{margin-inline-end:auto;transition:opacity .16s var(--ease-out) .08s,visibility 0s}.sidebar__collapse{transition:opacity .16s var(--ease-out) .08s,visibility 0s,background var(--dur-fast),color var(--dur-fast)}.sidebar__expand{position:absolute;inset:0;display:grid;place-items:center;inline-size:40px;block-size:40px;margin:auto;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .1s,visibility 0s linear .1s,background var(--dur-fast)}.sidebar__expand>*{grid-area:1 / 1;transition:opacity .16s var(--ease-out),scale .2s var(--ease-out)}.sidebar__expand-icon{inline-size:20px;block-size:20px;opacity:0;scale:.7}.sidebar__expand:focus-visible .mascot{opacity:0;scale:.7}.sidebar__expand:focus-visible .sidebar__expand-icon{opacity:1;scale:1}.sidebar__nav{flex:1}.sidebar .nav__heading{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__bottom{display:flex;flex-direction:column;gap:2px}.sidebar__add{justify-content:flex-start;margin-block-end:8px;padding-inline:10px}.sidebar .ws-chip{align-self:stretch}html[data-side=icons] .sidebar :is(.nav__label,.brand__name,.ws-chip__name,.ws-chip__switch,.nav__kbd){opacity:0;transition-delay:0s;transition-duration:.09s}html[data-side=icons] .sidebar :is(.brand,.sidebar__collapse){opacity:0;visibility:hidden;transition:opacity .1s,visibility 0s linear .1s}html[data-side=icons] .sidebar__expand{opacity:1;visibility:visible;transition:opacity .16s var(--ease-out) .06s,visibility 0s,background var(--dur-fast)}html[data-side=icons] .sidebar{scrollbar-width:none}html[data-side=icons] .sidebar::-webkit-scrollbar{display:none}html[data-side=icons] .sidebar .nav__item{padding-inline-start:18px}html[data-side=icons] .sidebar .ws-chip{padding-inline-start:16px}html[data-side=icons] .sidebar .user-chip{padding-inline-start:14px}html[data-side=icons] .sidebar__add{padding-inline-start:18px}html[data-side=icons] .sidebar .nav__heading{color:transparent;transition-delay:0s}html[data-side=icons] .sidebar .nav__heading:after{content:"";position:absolute;inset-inline:12px;inset-block-start:50%;border-block-start:1px solid var(--border)}html[data-side=icons] .nav--lists{display:none}html[data-side=icons] .sidebar :is(.nav__count,.nav__badge){position:absolute;inset-block-start:3px;inset-inline:28px auto;min-inline-size:18px;block-size:18px;padding-inline:4px;border-radius:999px;box-shadow:0 0 0 2px var(--sidebar);font-size:var(--text-micro);font-weight:700;line-height:18px;text-align:center}html[data-side=icons] .sidebar .nav__count{background:var(--foreground);color:var(--sidebar)}.page{padding-block:32px 48px}}@media(min-width:600px)and (hover:hover){@media(max-width:1023.98px){html[data-side=icons] .sidebar :is(.nav__item,.sidebar__add):hover{background:transparent}html[data-side=icons] .sidebar .nav__item:hover:before{background:var(--sidebar-hover)}html[data-side=icons] .sidebar .nav__item[aria-current=page]:hover:before{background:var(--sidebar-active)}html[data-side=icons] .sidebar__add:hover:before{background:var(--primary-hover)}}.sidebar__expand:hover{background:var(--sidebar-hover)}.sidebar__expand:hover .mascot{opacity:0;scale:.7}.sidebar__expand:hover .sidebar__expand-icon{opacity:1;scale:1}}@media(min-width:600px)and (pointer:coarse){html[data-side=full] .sidebar :is(.nav__item,.ws-chip,.user-chip){min-block-size:var(--target-min)}}@media(min-width:600px)and (hover:none){.sidebar__expand{inline-size:44px;block-size:44px}.sidebar__expand .mascot{opacity:0}.sidebar__expand-icon{opacity:1;scale:1}}@media(min-width:600px)and (max-width:1023.98px){.shell{--side-col: var(--side-w-rail)}.sidebar{inline-size:var(--side-w-rail)}html[data-side=icons] .sidebar{gap:4px;padding-inline:4px}html[data-side=icons] .sidebar .nav{gap:2px}html[data-side=icons] .sidebar :is(.nav__item,.sidebar__add){flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-block-size:56px;block-size:56px;padding:8px 2px 0;border:0;border-radius:var(--radius-lg);background:transparent;box-shadow:none;color:var(--sidebar-foreground)}html[data-side=icons] .sidebar :is(.nav__item,.sidebar__add):before{content:"";position:absolute;inset-block-start:4px;inset-inline:0;inline-size:52px;block-size:28px;margin-inline:auto;border-radius:999px;transition:background var(--dur-fast)}html[data-side=icons] .sidebar :is(.nav__item,.sidebar__add) .icon{position:relative}html[data-side=icons] .sidebar :is(.nav__item,.sidebar__add) :is(.nav__label,.nav__short){position:relative;display:block;max-inline-size:100%;overflow:hidden;font-size:var(--text-tiny);font-weight:500;line-height:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:1}html[data-side=icons] .sidebar .nav__item:has(.nav__short) .nav__label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}html[data-side=icons] .sidebar .nav__item[aria-current=page]{background:transparent;color:var(--foreground)}html[data-side=icons] .sidebar .nav__item[aria-current=page]:before{background:var(--sidebar-active)}html[data-side=icons] .sidebar .nav__item[aria-current=page] :is(.nav__label,.nav__short){font-weight:600}html[data-side=icons] .sidebar__add:before{background:var(--primary)}html[data-side=icons] .sidebar__add .icon{color:var(--primary-foreground)}html[data-side=icons] .sidebar__add{margin-block-end:0}html[data-side=icons] .sidebar :is(.ws-chip,.user-chip){justify-content:center;min-block-size:44px;padding-inline:0}html[data-side=icons] .sidebar .ws-chip .ws-tile{inline-size:32px;block-size:32px;border-radius:var(--radius-md)}html[data-side=icons] .sidebar .user-chip .avatar{inline-size:32px;block-size:32px}html[data-side=icons] .sidebar :is(.ws-chip__name,.ws-chip__switch,.user-chip__name,.nav__kbd){display:none}html[data-side=icons] .sidebar :is(.nav__count,.nav__badge){inset-block-start:1px;inset-inline-start:calc(50% + 6px)}html[data-side=icons] .sidebar .nav__heading{block-size:1px;margin-block:6px}html[data-side=icons] .sidebar .nav__heading:after{inset-inline:16px}html[data-side=icons] .sidebar__expand{inline-size:52px;block-size:40px;border-radius:999px}html[data-drawer=on] .sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:var(--z-overlay);inline-size:280px;box-shadow:var(--shadow-lg)}.sidebar__scrim{position:fixed;inset:0;z-index:calc(var(--z-overlay) - 1);display:block;background:#0f0f0f52;opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out),visibility 0s linear .22s}html[data-mode=dark] .sidebar__scrim{background:#0000008c}html[data-drawer=on] .sidebar__scrim{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out),visibility 0s}}@media(min-width:1024px){html[data-side=full] .shell{--side-col: var(--side-w)}.shell[data-detail=on] .main{grid-template-columns:minmax(0,1fr) var(--detail-w)}.shell[data-detail=on] .pane--detail{position:sticky;inset-block-start:var(--tabstrip-h, 0px);display:block;block-size:calc(var(--app-height) - var(--tabstrip-h, 0px));padding:16px 20px 32px;overflow-y:auto;border-inline-start:1px solid var(--border);background:var(--background)}}@media(min-width:1440px){.shell{--rail-col: var(--rail-w);grid-template-columns:var(--side-col) minmax(0,1fr) var(--rail-col);grid-template-areas:"side main rail"}html[data-rail=off] .shell{--rail-col: var(--rail-folded)}html[data-rail] .shell[data-route=today],html[data-rail=none] .shell{--rail-col: 0px}html[data-rail=none] .rail{display:none}.rail{grid-area:rail;position:sticky;inset-block-start:0;display:block;block-size:var(--app-height);overflow:hidden;border-inline-start:1px solid var(--border);background:var(--background)}.shell[data-route=today] .rail{visibility:hidden;border-inline-start-width:0}html[data-rail] .shell[data-route=today] :is(.rail__panel,.rail__fold){visibility:hidden}.rail__panel{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;gap:8px;inline-size:var(--rail-w);padding:24px;overflow-y:auto;transition:opacity .2s var(--ease-out) .06s,translate .26s var(--ease-out),visibility 0s}html[data-rail=off] .rail__panel{opacity:0;translate:24px 0;visibility:hidden;transition:opacity .12s,translate .26s var(--ease-out),visibility 0s linear .26s}html[dir=rtl][data-rail=off] .rail__panel{translate:-24px 0}.rail__head{display:flex;align-items:center;gap:8px;margin-block:-8px -6px;margin-inline-end:-8px}.rail__title{flex:1;font-size:var(--text-input);font-weight:600}.rail__date{color:var(--muted-foreground);font-size:var(--text-ui)}.rail__progress{display:flex;align-items:center;gap:10px;margin-block-start:4px;color:var(--sidebar-foreground);font-size:var(--text-small)}.rail__bar{flex:1;block-size:6px;overflow:hidden;border-radius:999px;background:var(--accent)}.rail__bar-fill{display:block;inline-size:0;block-size:100%;border-radius:inherit;background:var(--success);transition:inline-size .45s var(--ease-out)}.rail__empty{display:flex;align-items:center;gap:12px;margin-block-start:8px;padding:var(--space-inset-block) var(--space-inset-inline);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-ui)}.rail__open{align-self:flex-start;margin-block-start:4px;color:var(--muted-foreground);font-size:var(--text-small);font-weight:500;text-underline-offset:3px}.rail__fold{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;align-items:center;gap:10px;inline-size:var(--rail-folded);padding-block:calc(16px + var(--safe-top)) 16px;opacity:0;visibility:hidden;scale:.85;transition:opacity .12s,scale .2s var(--ease-out),visibility 0s linear .12s}html[data-rail=off] .rail__fold{opacity:1;visibility:visible;scale:1;transition:opacity .2s var(--ease-out) .14s,scale .26s var(--ease-out) .14s,visibility 0s}html.dragging :is(.rail__panel,.rail__fold):before{content:"";position:absolute;inset:8px 6px;border:1.5px dashed var(--ring);border-radius:var(--radius-lg);pointer-events:none;transition:border-color var(--dur-fast),background var(--dur-fast)}:is(.rail__panel,.rail__fold).is-drop-target:before{border-color:var(--foreground);background:color-mix(in srgb,var(--primary) 22%,transparent)}.rail__fold.is-drop-target .rail__strip{scale:1.1}.rail__strip{position:relative;display:grid;flex:none;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--foreground);cursor:pointer;transition:background var(--dur-fast),scale .2s var(--ease-out)}.strip__tools{display:contents}.strip__add{display:grid;flex:none;place-items:center;inline-size:36px;block-size:36px;padding:0;border:0;border-radius:50%;background:var(--primary);color:var(--primary-foreground);cursor:pointer;transition:background var(--dur-fast),scale .12s}.strip__add .icon{inline-size:18px;block-size:18px}.strip__add:active{scale:.9}.strip__sep{flex:none;inline-size:24px;border-block-start:1px solid var(--border)}.strip__habits{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.strip__habit[aria-disabled=true]{cursor:default}.strip__habit{display:grid;place-items:center;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.strip__habit>*{grid-area:1 / 1}.strip__ring{inline-size:40px;block-size:40px;rotate:-90deg;fill:none;stroke-width:2.5}html[dir=rtl] .strip__ring{scale:1 -1}.strip__ring-track{stroke:var(--border)}.strip__ring-value{stroke:var(--hc);stroke-linecap:round;transition:stroke-dashoffset .45s var(--ease-out)}.strip__habit .ws-tile{inline-size:28px;block-size:28px;border-radius:50%;transition:background .22s,color .22s,scale .2s var(--ease-out)}.strip__habit.is-done .ws-tile{background:var(--hc);color:var(--background)}.strip__habit:active .ws-tile{scale:.85}.strip__habit.is-popped .ws-tile{animation:rail-bump .32s var(--ease-out)}.strip__more{display:grid;place-items:center;min-inline-size:32px;block-size:24px;padding-inline:6px;border-radius:999px;background:var(--accent);color:var(--sidebar-foreground);font-size:var(--text-tiny);font-weight:600;text-decoration:none}.strip__day{position:relative;flex:1;inline-size:100%;min-block-size:120px}.strip__axis,.strip__marks{position:absolute;inset-block:10px;inset-inline:0}.strip__line{position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px);inline-size:2px;border-radius:1px;background:var(--border)}.strip__hour{position:absolute;inset-inline-start:4px;translate:0 -50%;color:var(--muted-foreground);font-size:var(--text-micro);line-height:1}.strip__now{position:absolute;inset-inline:18px 8px;block-size:2px;border-radius:1px;background:var(--destructive);translate:0 -50%}.strip__now:before{content:"";position:absolute;inset-block-start:-3px;inset-inline-start:-4px;inline-size:8px;block-size:8px;border-radius:50%;background:var(--destructive)}.strip__marks{margin:0;padding:0;list-style:none}.strip__slot{position:absolute;inset-inline:0;display:flex;justify-content:center;translate:0 -50%}.strip__mark{display:grid;place-items:center;min-inline-size:24px;block-size:24px;padding:0;border:0;background:transparent;cursor:pointer}.strip__dot{display:block;min-inline-size:12px;block-size:12px;border-radius:999px;background:var(--foreground);box-shadow:0 0 0 2px var(--background);color:var(--background);font-size:var(--text-micro);font-weight:700;line-height:18px;text-align:center;transition:scale .15s var(--ease-out)}.strip__mark.is-many .strip__dot{min-inline-size:20px;block-size:18px;padding-inline:5px}.strip__mark.is-next .strip__dot{box-shadow:0 0 0 2px var(--background),0 0 0 4px color-mix(in srgb,var(--foreground) 28%,transparent)}.strip__mark.is-late .strip__dot{background:var(--destructive)}.strip__mark.is-done .strip__dot{background:var(--background);box-shadow:inset 0 0 0 2px var(--muted-foreground),0 0 0 2px var(--background);color:var(--muted-foreground)}.rail__strip>svg{grid-area:1 / 1}.rail__ring{inline-size:44px;block-size:44px;rotate:-90deg;fill:none;stroke-width:3}html[dir=rtl] .rail__ring{scale:1 -1}.rail__ring-track{stroke:var(--border)}.rail__ring-value{stroke:var(--success);stroke-linecap:round;transition:stroke-dashoffset .5s var(--ease-out)}.rail__sun{inline-size:20px;block-size:20px;transition:rotate .6s var(--ease-out)}.rail__count{position:absolute;inset-block-start:-3px;inset-inline-end:-5px;min-inline-size:18px;padding-inline:5px;border-radius:999px;background:var(--foreground);color:var(--background);box-shadow:0 0 0 2px var(--background);font-size:var(--text-tiny);font-weight:700;line-height:18px;text-align:center}.rail__count.is-bumped{animation:rail-bump .32s var(--ease-out)}.rail__late{position:absolute;inset-block-end:3px;inset-inline-start:3px;inline-size:9px;block-size:9px;border-radius:50%;background:var(--destructive);box-shadow:0 0 0 2px var(--background)}}@media(min-width:1440px)and (hover:hover){.strip__add:hover{background:var(--primary-hover)}.strip__mark:hover .strip__dot{scale:1.25}.rail__strip:hover{background:var(--accent)}.rail__strip:hover .rail__sun{rotate:45deg}}@keyframes rail-bump{40%{scale:1.3}}.login{display:flex;flex-direction:column;align-items:center;gap:16px;min-block-size:var(--app-height);padding-block:calc(12px + var(--safe-top)) calc(24px + var(--safe-bottom));padding-inline:16px}.login__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;max-inline-size:960px}.login__tools{display:flex;align-items:center;gap:4px}.login__card{display:grid;gap:24px;inline-size:100%;max-inline-size:440px;padding:var(--space-hero);box-shadow:var(--shadow-xs)}.login__intro{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.login__intro .illo{inline-size:160px;block-size:128px}.login__title{margin-block-start:10px;font-size:var(--text-heading);font-weight:700}html[lang=en] .login__title{letter-spacing:-.02em}.login__subtitle{color:var(--muted-foreground)}.steps{display:grid;gap:8px;margin:10px 0 0;padding:0;counter-reset:step;list-style:none;font-size:var(--text-body);text-align:start}.steps li{position:relative;padding-inline-start:34px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;inset-inline-start:0;inset-block-start:1px;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--accent);color:var(--foreground);font-size:var(--text-small);font-weight:600}html[lang=fa] .steps li:before{content:counter(step,persian)}.login-code{display:flex;flex-direction:column;align-items:center;gap:14px}.qr-wrap{position:relative;inline-size:min(232px,70vw);aspect-ratio:1}.qr{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.qr svg{inline-size:100%;block-size:100%;transition:filter var(--dur-base),opacity var(--dur-base)}.login-code[data-phase=loading] .qr svg,.login-code[data-spent] .qr svg,.login-code[data-phase=scanned] .qr svg,.login-code[data-phase=approved] .qr svg{filter:blur(5px);opacity:.3}.qr__overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.qr__badge{display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:50%;background:var(--foreground);color:var(--background);box-shadow:var(--shadow-lg);animation:pop .25s ease-out}.qr__badge .icon{inline-size:30px;block-size:30px}.qr__badge--ok{background:var(--success);color:var(--success-foreground)}.qr__badge--no{background:var(--destructive);color:var(--destructive-foreground)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.login-code__number{display:flex;flex-direction:column;align-items:center;gap:6px}.login-code__label{color:var(--muted-foreground);font-size:var(--text-small)}.digits{display:flex}.digit{display:grid;place-items:center;inline-size:52px;block-size:64px;border:1px solid var(--input);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-xs);font-size:var(--text-hero);font-weight:600;line-height:1}.digit:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.digit:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.digit+.digit{border-inline-start:0}.login-code[data-spent] .digit{background:var(--muted);color:var(--muted-foreground)}.countdown{inline-size:min(232px,70vw);block-size:3px;overflow:hidden;border-radius:2px;background:var(--accent)}.countdown__bar{inline-size:100%;block-size:100%;background:var(--muted-foreground);transition:inline-size 1s linear}.login-code:not([data-phase=pending]):not([data-phase=scanned]) .countdown{visibility:hidden}.login-code__status{min-block-size:1.6em;color:var(--muted-foreground);font-size:var(--text-ui);text-align:center}.login-code[data-phase=scanned] .login-code__status,.login-code[data-phase=approved] .login-code__status{color:var(--foreground);font-weight:500}.login-code[data-phase=denied] .login-code__status{color:var(--destructive)}.login-code__renew{display:none}.login-code[data-spent] .login-code__renew{display:inline-flex}.login-code[data-spent] .login-code__hint,.login-code[data-spent] .login-code__open,.login-code[data-phase=approved] .login-code__hint,.login-code[data-phase=approved] .login-code__open{display:none}.login-code__hint{color:var(--muted-foreground);font-size:var(--text-small);text-align:center}.login__footer{display:grid;gap:4px;max-inline-size:440px;color:var(--muted-foreground);font-size:var(--text-small);text-align:center}@media(min-width:1024px){.login__card{grid-template-columns:1fr 1fr;align-items:center;max-inline-size:880px;gap:40px}.login__intro{align-items:flex-start;text-align:start}.login__intro .illo{inline-size:200px;block-size:160px}.login{justify-content:center}.login__bar{position:absolute;inset-block-start:16px;inset-inline:24px;inline-size:auto;max-inline-size:none}}.profile{display:flex;flex-direction:column;gap:var(--space-row)}.profile__who{display:flex;align-items:center;gap:14px}.profile__setting{padding-block-start:var(--space-row);border-block-start:1px solid var(--border)}.profile__text{min-inline-size:0}.profile__name{font-size:var(--text-subtitle);font-weight:600;overflow-wrap:anywhere}.profile__username,.profile__meta{color:var(--muted-foreground);font-size:var(--text-ui)}.profile__meta{display:flex;align-items:center;gap:6px}.profile__meta .icon{inline-size:16px;block-size:16px}.setting{display:grid;gap:8px;padding-block:var(--space-row)}.setting+.setting{border-block-start:1px solid var(--border)}.setting__label{font-size:var(--text-body);font-weight:500}.setting__hint{color:var(--muted-foreground);font-size:var(--text-small)}.setting__ok{color:var(--success);font-weight:500}.setting__preview{margin-block-start:8px;padding:var(--space-inset-block) var(--space-inset-inline);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-ui)}.setting--install{border:0}@media(min-width:600px){.setting{grid-template-columns:minmax(140px,200px) minmax(0,1fr);align-items:center}.setting__hint{grid-column:2}.setting--install{grid-template-columns:1fr auto}.setting--install .setting__hint{grid-column:auto}}.link-row{display:flex;align-items:center;gap:12px;color:var(--foreground);text-decoration:none}button.link-row{inline-size:100%;font:inherit;text-align:start;cursor:pointer}@media(hover:hover){.link-row:hover{background:var(--muted)}}.link-row>.icon{color:var(--muted-foreground)}.link-row__text{display:grid;flex:1}.link-row__title{font-weight:500}.link-row__hint{color:var(--muted-foreground);font-size:var(--text-small)}.devices{display:flex;flex-direction:column;gap:16px}.device__text{flex:1;min-inline-size:0}.device__name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:500}.device__meta{color:var(--muted-foreground);font-size:var(--text-small)}.device>.icon,.event>.icon{inline-size:22px;block-size:22px;color:var(--muted-foreground)}.dialog{inline-size:min(420px,calc(100vw - 32px));padding:var(--space-dialog);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);color:var(--foreground);box-shadow:var(--shadow-lg)}.dialog::backdrop{background:#0f0f0f73}.dialog__text{margin-block-end:20px;font-weight:500}.dialog__actions{display:flex;justify-content:flex-end;gap:8px}.splash,.message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-block-size:var(--app-height);padding:24px;text-align:center}.splash .mascot{animation:breathe 1.6s ease-in-out infinite}.message__text{max-inline-size:36ch;font-size:var(--text-subtitle)}@keyframes breathe{50%{transform:scale(1.05)}}.ws-tile{--tile-fg: var(--c-default);--tile-bg: var(--c-default-bg);display:inline-grid;place-items:center;flex:none;border-radius:var(--radius-sm);background:var(--tile-bg);color:var(--tile-fg);font-weight:600;line-height:1}.ws-tile--sm{inline-size:24px;block-size:24px;font-size:var(--text-ui)}.ws-tile--md{inline-size:36px;block-size:36px;font-size:var(--text-subtitle);border-radius:var(--radius-md)}.ws-tile--lg{inline-size:56px;block-size:56px;font-size:var(--text-display);border-radius:var(--radius-lg)}.ws-tile--sm .icon{inline-size:16px;block-size:16px}.ws-tile--md .icon{inline-size:22px;block-size:22px}.ws-tile--lg .icon{inline-size:32px;block-size:32px}[data-color=default]{--tile-fg: var(--c-default);--tile-bg: var(--c-default-bg)}[data-color=gray]{--tile-fg: var(--c-gray);--tile-bg: var(--c-gray-bg)}[data-color=brown]{--tile-fg: var(--c-brown);--tile-bg: var(--c-brown-bg)}[data-color=orange]{--tile-fg: var(--c-orange);--tile-bg: var(--c-orange-bg)}[data-color=green]{--tile-fg: var(--c-green);--tile-bg: var(--c-green-bg)}[data-color=blue]{--tile-fg: var(--c-blue);--tile-bg: var(--c-blue-bg)}[data-color=purple]{--tile-fg: var(--c-purple);--tile-bg: var(--c-purple-bg)}[data-color=pink]{--tile-fg: var(--c-pink);--tile-bg: var(--c-pink-bg)}[data-color=red]{--tile-fg: var(--c-red);--tile-bg: var(--c-red-bg)}.dialog.switcher{inline-size:min(360px,calc(100vw - 16px));max-block-size:min(560px,calc(100dvh - 32px));padding:16px;overflow:auto}.dialog.switcher .dialog__title{margin-block-end:12px;padding-inline:10px}@media(max-width:599px){.dialog.switcher{inline-size:100%;max-inline-size:none;margin-block:auto 0;padding-block-end:calc(16px + var(--safe-bottom));border-end-start-radius:0;border-end-end-radius:0}}@media(min-width:600px){.dialog.switcher{margin:0;position:fixed;inset-block-start:calc(56px + var(--safe-top));inset-inline-start:8px}html[data-side=icons] .dialog.switcher{inset-inline-start:calc(var(--side-w-rail) + 8px)}}@media(min-width:1024px){html[data-side=icons] .dialog.switcher{inset-inline-start:calc(var(--side-w-collapsed) + 8px)}}.switcher__list{display:grid;gap:4px;margin:0 0 12px;padding:0;list-style:none}.switcher__item{display:flex;align-items:center;gap:12px;inline-size:100%;min-block-size:52px;padding:8px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);text-align:start;cursor:pointer}.switcher__item[aria-current=true]{background:var(--accent)}.switcher__item:focus-visible{outline-offset:-2px}.switcher__item .ws-tile{inline-size:32px;block-size:32px;border-radius:var(--radius-md)}@media(hover:hover){.switcher__item:hover{background:var(--accent)}}.switcher__text{display:grid;flex:1;gap:2px;min-inline-size:0;line-height:1.4}.switcher__name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.switcher__meta{color:var(--muted-foreground);font-size:var(--text-caption)}.switcher .switcher__pin,.switcher .switcher__check{inline-size:16px;block-size:16px;color:var(--muted-foreground)}.switcher__actions{display:grid;gap:8px;padding-block-start:12px;border-block-start:1px solid var(--border)}.dialog__title{margin-block-end:16px;font-size:var(--text-subtitle);font-weight:600}.dialog--form{inline-size:min(520px,calc(100vw - 24px));max-block-size:calc(100dvh - 32px);overflow:auto}.dialog__form,.form-card{display:grid;gap:14px}.field{display:grid;gap:6px}.field__label{font-size:var(--text-ui);font-weight:500}.field__hint{color:var(--muted-foreground);font-size:var(--text-small)}.field__stack{display:grid;gap:6px}.input{inline-size:100%;min-block-size:var(--control-h);padding-block:8px;padding-inline:12px;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--background);box-shadow:var(--shadow-xs);font-size:var(--text-input)}.input::placeholder{color:var(--muted-foreground)}.input:focus-visible{outline-offset:0}.textarea{min-block-size:80px;resize:vertical;line-height:1.6}.input--mono{font-family:var(--font-mono);font-size:var(--text-small)}.form-error{color:var(--destructive);font-size:var(--text-ui)}.form-error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions--center{justify-content:center}.checkbox{inline-size:18px;block-size:18px;margin:3px 0 0;accent-color:var(--foreground);flex:none}.toggle-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.toggle-row>span{display:grid;gap:2px}.toggle-row__label{font-weight:500}.copy-row{display:flex;gap:8px}.copy-row>.input,.copy-row>.select{flex:1;min-inline-size:0}.select--small{--select-gap: 6px;inline-size:auto;min-block-size:32px;padding-inline:8px calc(var(--select-gap) + 22px);font-size:var(--text-ui)}.ws-form{display:grid;gap:14px}.ws-form__head{display:flex;align-items:flex-end;gap:12px}.ws-form__name{flex:1;min-inline-size:0}.ws-form__preview{flex:none;padding:0;border:0;border-radius:var(--radius-lg);background:none;cursor:pointer}.ws-form__preview:disabled{cursor:default}@media(hover:hover){.ws-form__preview:hover:not(:disabled) .ws-tile{box-shadow:0 0 0 3px var(--accent)}}.ws-form__icon-btn{justify-self:start}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{position:relative;display:grid;place-items:center;inline-size:32px;block-size:32px;cursor:pointer}.swatch__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.swatch__dot{inline-size:24px;block-size:24px;border:1px solid color-mix(in srgb,var(--tile-fg) 40%,transparent);border-radius:50%;background:var(--tile-bg);box-shadow:inset 0 0 0 5px var(--tile-bg),inset 0 0 0 12px var(--tile-fg)}.swatch__input:checked+.swatch__dot{outline:2px solid var(--foreground);outline-offset:2px}.swatch__input:focus-visible+.swatch__dot{outline:2px solid var(--ring);outline-offset:2px}.ws-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:16px;row-gap:16px}.ws-hero__text{display:grid;gap:4px;padding-block-start:2px}.ws-hero__description{max-inline-size:60ch;color:var(--muted-foreground);white-space:pre-line}.ws-hero__meta{color:var(--muted-foreground);font-size:var(--text-small)}.ws-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-column:1 / -1}.ws-hero__actions .avatar-stack{margin-inline-start:auto}.avatar-stack{display:flex;padding-inline-start:6px}.avatar-stack .avatar{margin-inline-start:-6px;border:2px solid var(--background)}.avatar--more{background:var(--accent);color:var(--muted-foreground);font-size:var(--text-small)}.ws-sections{display:grid;gap:12px}@media(min-width:600px){.ws-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}.ws-section{display:flex;align-items:center;gap:12px;min-block-size:60px;padding-block:var(--space-row);color:var(--foreground);text-decoration:none}@media(hover:hover){.ws-section:hover{background:var(--muted)}}.ws-section>.icon{color:var(--muted-foreground)}.ws-section__title{flex:1;font-weight:500}.activity .icon{inline-size:18px;block-size:18px;color:var(--muted-foreground)}.activity__text{font-size:var(--text-body)}.note--row{display:flex;align-items:center;gap:10px}.note--row>span{flex:1}.settings-section{display:grid;gap:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head .section-title{margin:0}.section-title--danger{color:var(--destructive)}.member{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(110px,auto) 40px;align-items:center}.member .device__meta{min-block-size:1em}.member>.member__role,.member>.select{justify-self:end}.member__role{display:inline-flex;align-items:center;gap:4px;color:var(--muted-foreground);font-size:var(--text-ui)}.member__role .icon{inline-size:16px;block-size:16px}.danger-zone{display:grid;gap:0;border-color:color-mix(in srgb,var(--destructive) 30%,var(--border))}.danger-row{display:grid;gap:12px;padding-block:var(--space-row)}.danger-row .copy-row{flex-wrap:wrap}.danger-row .copy-row>.select{flex:1 1 180px}.danger-row+.danger-row{border-block-start:1px solid var(--border)}.danger-row__title{font-weight:500}@media(min-width:600px){.danger-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.danger-row .copy-row{flex-wrap:nowrap}.danger-row .copy-row>.select{flex:0 1 180px;inline-size:180px}}.invite-ready .note{margin:0}.invite-qr{display:grid;justify-items:center;gap:8px;margin:0;color:var(--muted-foreground);font-size:var(--text-small)}.invite-qr .qr{inline-size:180px;block-size:180px}.ws-row{gap:10px;min-block-size:60px}.ws-row__main{display:flex;flex:1;align-items:center;gap:12px;min-inline-size:0;color:var(--foreground);text-decoration:none}.ws-row__grip{display:grid;place-items:center;inline-size:20px;color:var(--muted-foreground);cursor:grab}.ws-row__grip--off{cursor:default}.ws-row__actions{display:flex}.ws-row.is-dragging{opacity:.5}.join{display:grid;justify-items:center;gap:10px;margin-block-start:24px;padding:var(--space-hero);text-align:center;box-shadow:var(--shadow-xs)}.join__eyebrow{color:var(--muted-foreground);font-size:var(--text-ui)}.join__name{font-size:var(--text-heading);font-weight:700}.join__description{max-inline-size:40ch;white-space:pre-line}.join__actions{display:grid;gap:8px;inline-size:100%;margin-block-start:8px}.join__role{color:var(--muted-foreground);font-size:var(--text-ui)}.onboarding{display:flex;flex-direction:column;align-items:center;gap:16px;min-block-size:var(--app-height);padding-block:calc(16px + var(--safe-top)) calc(24px + var(--safe-bottom));padding-inline:16px}.onboarding__bar{display:flex;align-items:center;justify-content:space-between;inline-size:100%;max-inline-size:480px;min-block-size:32px}.onboarding__step{color:var(--muted-foreground);font-size:var(--text-small)}.onboarding__card{display:grid;justify-items:center;gap:14px;inline-size:100%;max-inline-size:480px;margin-block:auto;padding:var(--space-hero);text-align:center;box-shadow:var(--shadow-xs)}.onboarding__card .field{inline-size:100%;text-align:start}.onboarding__title{font-size:22px;font-weight:700}.onboarding__title:focus{outline:none}.onboarding__text{max-inline-size:38ch;color:var(--muted-foreground)}.onboarding__clock{color:var(--muted-foreground);font-size:var(--text-display);font-weight:600}.onboarding__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;inline-size:100%;margin-block-start:6px}.onboarding__dots{display:flex;gap:6px}.dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--input)}.dot--on{inline-size:18px;border-radius:3px;background:var(--foreground)}.page--tasks{max-inline-size:960px}.page-header__actions{display:flex;align-items:center;gap:4px}.grow{flex:1;min-inline-size:0}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check .checkbox{margin:0}.check--row{flex:1;min-block-size:32px}.icon-btn--small{inline-size:32px;block-size:32px}.icon-btn--small .icon{inline-size:16px;block-size:16px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-block-size:32px;padding-inline:10px;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--foreground);font-size:var(--text-small);font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer}@media(hover:hover){.chip:hover{background:var(--accent)}}.chip .icon{inline-size:15px;block-size:15px;color:var(--muted-foreground)}.chip--on{border-color:var(--ring);background:var(--accent)}.chip--plain{cursor:pointer}.chip--link{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-block;max-inline-size:14em;overflow:hidden;padding-inline:6px;border-radius:var(--radius-sm);background:var(--c-gray-bg);color:var(--c-gray);font-size:var(--text-caption);font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.tag[data-color=default]{background:var(--c-default-bg);color:var(--c-default)}.tag[data-color=brown]{background:var(--c-brown-bg);color:var(--c-brown)}.tag[data-color=orange]{background:var(--c-orange-bg);color:var(--c-orange)}.tag[data-color=green]{background:var(--c-green-bg);color:var(--c-green)}.tag[data-color=blue]{background:var(--c-blue-bg);color:var(--c-blue)}.tag[data-color=purple]{background:var(--c-purple-bg);color:var(--c-purple)}.tag[data-color=pink]{background:var(--c-pink-bg);color:var(--c-pink)}.tag[data-color=red]{background:var(--c-red-bg);color:var(--c-red)}.prio--1{color:var(--c-red)}.prio--2{color:var(--c-orange)}.prio--3{color:var(--c-blue)}.prio--4{color:var(--muted-foreground)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:-4px}.toolbar .seg{flex:none}.toolbar .seg__option span{min-block-size:26px;padding-inline:10px;font-size:var(--text-small)}.today-tools{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block-start:-4px}.list-body{display:flex;flex-direction:column;gap:8px}.list-hint{color:var(--muted-foreground);font-size:var(--text-ui);text-align:center}.add-section,.load-more{align-self:flex-start;color:var(--muted-foreground)}.task-groups{display:flex;flex-direction:column;gap:20px}.group__head{display:flex;align-items:center;gap:4px;min-block-size:36px;padding-block-end:4px;border-block-end:1px solid var(--border)}.group__toggle{inline-size:28px;block-size:28px;margin-inline-start:-6px}.group__toggle .icon{inline-size:16px;block-size:16px;transition:transform var(--dur-fast)}.group__toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}[dir=rtl] .group__toggle[aria-expanded=false] .icon{transform:rotate(90deg)}.group__title{overflow:hidden;font-size:var(--text-body);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.group__title--overdue{color:var(--destructive)}.group__count{color:var(--muted-foreground);font-size:var(--text-small);font-weight:500}.group__actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.group__empty{padding-block:10px;color:var(--muted-foreground);font-size:var(--text-ui)}.task-list{margin:0;padding:0;list-style:none}.task{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:10px;padding-block:8px;padding-inline:4px;border-block-end:1px solid var(--border);-webkit-touch-callout:none}.task.is-open{background:var(--muted)}@media(hover:hover){.task:hover{background:var(--muted)}}.task.is-open{box-shadow:inset 2px 0 0 var(--ring)}[dir=rtl] .task.is-open{box-shadow:inset -2px 0 0 var(--ring)}.task.is-selected{background:var(--accent)}:is(.task,.bcard).is-pending :is(.task__title,.bcard__title):after,.checklist__item.is-pending:after{content:"";display:inline-block;flex:none;inline-size:6px;block-size:6px;margin-inline-start:6px;vertical-align:middle;border-radius:50%;background:var(--muted-foreground);opacity:.6;animation:pending-show var(--dur-slow),pending-pulse 1.6s var(--dur-slow) ease-in-out infinite}@keyframes pending-show{0%{opacity:0}}@keyframes pending-pulse{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){:is(.task,.bcard).is-pending :is(.task__title,.bcard__title):after,.checklist__item.is-pending:after{animation:none}}.task__handle{position:absolute;inset-block-start:10px;inset-inline-start:-22px;display:grid;place-items:center;inline-size:20px;block-size:24px;color:var(--muted-foreground);opacity:0;cursor:grab}@media(hover:hover){.task:hover>.task__handle{opacity:1}}.task__handle .icon{inline-size:16px;block-size:16px}@media(pointer:coarse){.task__handle{display:none}}@media(max-width:599px){html:not([data-pane]) .task__handle{display:none}}.task__check{display:grid;place-items:center;inline-size:28px;block-size:28px;margin-block-start:-2px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}:is(.task__check,.nb__check,.chip__remove,.nb__toggle,.nb__task,.toast__close){--hit: var(--target-min);position:relative}:is(.nb__check,.chip__remove,.nb__toggle){--hit: min(var(--target-min), 28px)}.nb__task{--hit: min(var(--target-min), 32px)}:is(.task__check,.nb__check,.chip__remove,.nb__toggle,.nb__task,.toast__close):after{content:"";position:absolute;inset-block:calc(50% - var(--hit) / 2);inset-inline:calc(50% - var(--hit) / 2)}.task__check .icon{inline-size:22px;block-size:22px}@media(hover:hover){.task__check:hover .icon{stroke-width:2.4}}.task__check.prio--4{color:var(--muted-foreground)}.task__check--lg .icon{inline-size:28px;block-size:28px}.task__check:disabled{cursor:default;opacity:.6}.task__select{margin-block-start:5px;margin-inline:5px}.task__main{display:flex;flex-direction:column;gap:3px;min-inline-size:0;padding-block:2px;color:var(--foreground);text-decoration:none;user-select:none;-webkit-user-drag:none}.task__title{align-self:flex-start;max-inline-size:100%;font-size:var(--text-body);line-height:1.45;overflow-wrap:anywhere}.task.is-done .task__title{color:var(--muted-foreground);text-decoration:line-through}.task.is-done .task__check{color:var(--muted-foreground)}.task.is-popping .task__check .icon{animation:check-pop .32s var(--ease-out)}@keyframes check-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}}.task__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--muted-foreground);font-size:var(--text-caption)}.task__chip{display:inline-flex;align-items:center;gap:4px;min-inline-size:0}.task__chip .icon{inline-size:14px;block-size:14px;flex:none}.task__chip>span{overflow:hidden;max-inline-size:18em;text-overflow:ellipsis;white-space:nowrap}.task__where .ws-tile{inline-size:16px;block-size:16px;font-size:var(--text-micro)}.task__where .ws-tile .icon{inline-size:11px;block-size:11px}.task__due--overdue{color:var(--destructive);font-weight:500}.task__due--today{color:var(--c-green);font-weight:500}.task__due--soon{color:var(--c-purple)}.task__hidden{color:var(--c-blue)}.task__people{padding-block-start:2px}.task__people .avatar{inline-size:24px;block-size:24px;font-size:var(--text-tiny)}.task__subtasks{grid-column:2 / -1;margin:4px 0 -8px;padding:0;list-style:none}.task__subtasks .task{border-block-end:0;border-block-start:1px solid var(--border)}.add-row{display:flex;align-items:stretch;gap:4px;min-block-size:44px;padding-inline:4px;border-radius:var(--radius-md);color:var(--muted-foreground);cursor:text}.add-row__go{display:inline-grid;place-items:center;align-self:center;inline-size:32px;block-size:32px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.add-row__go>.icon{inline-size:18px;block-size:18px}.add-row__input{flex:1;min-inline-size:0;min-block-size:36px;padding-inline:4px;border:0;background:transparent;color:var(--foreground);font-size:var(--text-body);cursor:text}.add-row__input::placeholder{color:var(--muted-foreground)}.add-row__input:focus-visible{outline:none}@media(hover:hover){.add-row:hover{background:var(--muted);color:var(--foreground)}.add-row:hover .add-row__input::placeholder{color:var(--foreground)}.add-row__go:hover{background:var(--accent)}}.add-row:has(.add-row__input:not(:placeholder-shown)) .add-row__go{background:var(--primary);color:var(--primary-foreground)}.add-row:focus-within{color:var(--foreground);box-shadow:0 0 0 1px var(--ring)}.bulk-bar{position:sticky;inset-block-end:calc(var(--tabbar-h) + var(--safe-bottom) + 8px);z-index:var(--z-bulk);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:12px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--shadow-lg)}.bulk-bar[hidden]{display:none}.bulk-bar__count{padding-inline:6px;font-size:var(--text-ui);font-weight:600}.bulk-bar__actions{display:flex;flex:1;flex-wrap:wrap;gap:2px}@media(max-width:599px){.bulk-bar__label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}}.board{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);padding-block-end:12px;scroll-padding-inline:var(--page-gutter);scroll-snap-type:inline proximity;overscroll-behavior-inline:contain}.board__column{flex:0 0 280px;padding:8px;border-radius:var(--radius-lg);background:var(--muted);scroll-snap-align:start}.board__column .group__head{padding-inline:4px;border:0}.board__column .task-list{display:flex;flex-direction:column;gap:8px;min-block-size:48px}.board__column .task{padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-xs)}@media(hover:hover){.board__column .task:hover{background:var(--card);border-color:var(--input)}}.board__column .task__handle{display:none}html.dragging,html.dragging *{cursor:grabbing!important;user-select:none}.drag-ghost{position:fixed;z-index:var(--z-drag);margin:0;border-radius:var(--radius-md);background:var(--popover);box-shadow:var(--shadow-lg);opacity:.95;pointer-events:none;list-style:none}.task.is-dragging,.list-card.is-dragging{opacity:.35}.drop-line{block-size:2px;margin-block:-1px;border-radius:2px;background:var(--ring);list-style:none}.group__head.is-drop-head{border-radius:var(--radius-md);background:var(--accent);box-shadow:inset 0 0 0 1px var(--ring)}[data-group-drag-id]>.group__head{cursor:grab}.drag-ghost.group{padding-inline:8px}.drag-ghost.group>:not(.group__head){display:none}.group.is-dragging{opacity:.4}.group-insert{position:relative;block-size:0;margin-block:-10px}.group-insert__btn{position:absolute;inset-inline:0;inset-block:-10px;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:var(--c-orange);font-size:var(--text-small);font-weight:600;cursor:pointer;opacity:0;transition:opacity var(--dur-fast)}.group-insert__btn:before,.group-insert__btn:after{content:"";flex:1;block-size:1px;background:currentColor}@media(hover:hover){.group-insert__btn:hover{opacity:1}}@media(hover:none){.group-insert{display:none}}html.dragging .group-insert,.is-selecting .group-insert{display:none}.is-drop-zone{border-radius:var(--radius-md)}.board__column:has(.is-drop-zone){box-shadow:inset 0 0 0 1px var(--ring)}.is-drop-target{background:var(--sidebar-active)!important;box-shadow:inset 0 0 0 1px var(--ring)}.list-cards{padding-block:4px}.list-card{position:relative;list-style:none}.list-card+.list-card{border-block-start:1px solid var(--border)}.list-card>.task__handle{inset-inline-start:-24px;inset-block-start:14px}@media(hover:hover){.list-card:hover>.task__handle{opacity:1}}.list-card__link{display:flex;align-items:center;gap:12px;min-block-size:52px;color:var(--foreground);text-decoration:none}.list-card__name{flex:1;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.list-card__count{color:var(--muted-foreground);font-size:var(--text-ui)}.list-card__chevron{inline-size:16px;block-size:16px;color:var(--muted-foreground)}.lists-links{display:flex;flex-wrap:wrap;gap:4px}.trash__when{align-self:center;color:var(--muted-foreground);font-size:var(--text-caption);white-space:nowrap}.page--tasks .task:has(.trash__when){grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.dialog.picker{display:flex;flex-direction:column;gap:14px;inline-size:min(400px,calc(100vw - 24px));max-block-size:calc(100dvh - 32px);overflow:auto}.dialog.picker[open] .dialog__title{margin-block-end:0}@media(max-width:599px){.dialog.picker,.dialog.quick-add-dialog,.dialog.notifs-dialog{inline-size:100vw;max-inline-size:100vw;max-block-size:88dvh;margin-block:auto 0;padding-block-end:calc(var(--space-dialog) + var(--safe-bottom));border-end-start-radius:0;border-end-end-radius:0}.dialog.quick-add-dialog[open]{animation:sheet-up var(--dur-slow) cubic-bezier(.2,.8,.2,1)}}@keyframes sheet-up{0%{translate:0 100%}}.dialog__actions .dialog__start{margin-inline-end:auto}.pick__label{font-size:var(--text-body);font-weight:600}.pick__time{display:flex;align-items:center;gap:8px;min-block-size:var(--control-h)}.pick__time-icon{flex:none;inline-size:18px;block-size:18px;color:var(--muted-foreground)}.pick__time>.icon-btn{margin-inline-start:auto}.time-field{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.time-field__clock{display:inline-flex;align-items:center;gap:4px}[dir=rtl] .time-field__clock{flex-direction:row-reverse}.time-field .select{--select-gap: 6px;inline-size:auto;padding-inline:10px calc(var(--select-gap) + 20px);font-variant-numeric:tabular-nums}.time-field__colon{color:var(--muted-foreground);font-weight:600}.time-field .seg{flex-wrap:nowrap}.cal__head{display:flex;align-items:center;justify-content:space-between}.cal__title{font-weight:600}.cal__grid{display:grid;gap:2px}.cal__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.cal__weekday{padding-block:4px;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-caption);text-align:center;white-space:nowrap}.cal__day{display:grid;place-items:center;justify-self:center;inline-size:min(100%,44px);aspect-ratio:1;min-block-size:36px;border:0;border-radius:50%;background:transparent;color:var(--foreground);font-size:var(--text-ui);cursor:pointer}@media(hover:hover){.cal__day:hover{background:var(--accent)}}.cal__day[aria-current=date]{color:var(--destructive);font-weight:700}.cal__day[aria-selected=true]{background:var(--foreground);color:var(--background);font-weight:600}.cal__day--empty{cursor:default}.repeat{display:flex;flex-direction:column;gap:14px}.repeat__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.input--num{inline-size:64px;text-align:center}.select--inline{inline-size:auto;min-inline-size:0}.weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{min-block-size:36px;padding:0;overflow:hidden;border:1px solid var(--input);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font-size:var(--text-caption);cursor:pointer}.weekday[aria-pressed=true]{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.menu-list{display:flex;flex-direction:column;margin-inline:-8px}.menu-list__item{display:flex;align-items:center;gap:10px;min-block-size:var(--control-h);padding-inline:10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-size:var(--text-body);text-align:start;cursor:pointer}@media(hover:hover){.menu-list__item:hover{background:var(--accent)}}.menu-list__item .icon{inline-size:18px;block-size:18px;flex:none}.menu-list__item--danger{color:var(--destructive)}.menu-list__check{margin-inline-start:auto}.move-list{display:flex;flex-direction:column;gap:14px}.move-list__ws{display:flex;align-items:center;gap:8px;margin-block-end:4px;color:var(--muted-foreground);font-size:var(--text-small);font-weight:600}.move-list__item{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:40px;padding-inline:10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-size:var(--text-body);text-align:start;cursor:pointer}@media(hover:hover){.move-list__item:hover{background:var(--accent)}}.move-list__item .icon{inline-size:18px;block-size:18px;color:var(--muted-foreground)}.move-list__item--section{min-block-size:36px;padding-inline-start:38px;color:var(--muted-foreground);font-size:var(--text-small)}.inline-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px}@keyframes shake{20%,60%{translate:6px}40%,80%{translate:-6px}}.detail{display:flex;flex-direction:column;gap:16px;inline-size:100%}.detail--page{max-inline-size:760px}.detail__top{display:flex;align-items:center;gap:4px;min-block-size:40px}.crumbs{display:flex;align-items:center;gap:6px;min-inline-size:0;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-small);white-space:nowrap}.crumbs__ws,.crumbs__list{overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis}@media(hover:hover){.crumbs__list:hover{color:var(--foreground);text-decoration:underline}}.crumbs__sep{inline-size:12px;block-size:12px;flex:none}.detail__head{display:flex;align-items:flex-start;gap:10px}.detail__head .task__check{margin-block-start:2px}.detail__title{flex:1;min-inline-size:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--foreground);font-size:22px;font-weight:700;line-height:1.35;resize:none}.detail__title:focus-visible{outline:none;box-shadow:0 2px 0 var(--ring)}.props{display:grid;gap:2px}.prop{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);align-items:center;gap:8px;min-block-size:36px}.prop__label{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:var(--text-ui)}.prop__label .icon{inline-size:16px;block-size:16px;flex:none}.prop__value{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-block-size:32px;padding-inline:8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);font-size:var(--text-ui);text-align:start;cursor:pointer}@media(hover:hover){button.prop__value:hover{background:var(--accent)}}.prop__value--empty{color:var(--muted-foreground)}.prop__value--static{cursor:default}.prop__list{display:inline-flex;align-items:center;gap:8px}.prop .select--inline{justify-self:start;min-block-size:32px;font-size:var(--text-ui)}.people{display:flex;flex-wrap:wrap;gap:4px 10px}.person{display:inline-flex;align-items:center;gap:6px}.person .avatar{inline-size:22px;block-size:22px;font-size:var(--text-tiny)}.detail__section{display:flex;flex-direction:column;gap:8px;padding-block-start:12px;border-block-start:1px solid var(--border)}.detail__label{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:var(--text-small);font-weight:600}.detail__label .icon{inline-size:16px;block-size:16px}.detail__description{inline-size:100%;min-block-size:72px;padding:8px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-md);background:var(--muted);color:var(--foreground);font-size:var(--text-body);line-height:1.55;resize:none}.detail__description:focus-visible{outline:none;border-color:var(--ring);background:var(--background)}.detail__description--rich{overflow:visible;padding-block:6px;padding-inline:8px 10px}.detail__description--rich:focus-within{border-color:var(--ring);background:var(--background)}.detail__description--rich .editor{--gutter: 22px;margin-inline-start:0;font-size:var(--text-body);line-height:1.6}.detail__description--rich .nb__text[data-empty]:before{font-size:var(--text-body)}.detail .task-groups{gap:0}.checklist{margin:0;padding:0;list-style:none}.checklist__item{display:flex;align-items:center;gap:10px;min-block-size:38px}.checklist__item .checkbox{margin:0}.checklist__text{flex:1;min-inline-size:0;min-block-size:32px;padding-inline:4px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);font-size:var(--text-body)}html[dir=rtl] .checklist__text:dir(ltr),html[dir=ltr] .checklist__text:dir(rtl){text-align:end}.checklist__text:focus-visible{outline:none;background:var(--accent)}.checklist__item.is-done .checklist__text{color:var(--muted-foreground);text-decoration:line-through}.detail__mute{color:var(--muted-foreground);font-size:var(--text-ui)}.detail__mute .icon{inline-size:16px;block-size:16px}.history{margin:0;padding:0;list-style:none}.history__item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding-block:6px;font-size:var(--text-small)}.history__time,.detail__meta{color:var(--muted-foreground);font-size:var(--text-caption)}.bell{position:relative}.bell__count{position:absolute;inset-block-start:4px;inset-inline-end:2px;min-inline-size:16px;padding-inline:4px;border-radius:999px;background:var(--destructive);color:var(--destructive-foreground);font-size:var(--text-micro);font-weight:700;line-height:16px;text-align:center}.bell__count[hidden]{display:none}.topbar__end{display:flex;align-items:center;gap:4px}.notifs{display:flex;flex-direction:column;margin:12px -8px 0;padding:0;list-style:none}.notif__button{display:flex;align-items:flex-start;gap:12px;inline-size:100%;padding:10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted-foreground);font-size:var(--text-ui);text-align:start;cursor:pointer}@media(hover:hover){.notif__button:hover{background:var(--accent)}}.notif__button>.icon{inline-size:18px;block-size:18px;margin-block-start:2px;flex:none}.notif.is-unread .notif__button{color:var(--foreground);font-weight:500}.notif.is-unread .notif__button>.icon{color:var(--destructive)}.notif__text{display:flex;flex-direction:column;gap:2px}.notif__time{color:var(--muted-foreground);font-size:var(--text-caption);font-weight:400}.notifs__empty{padding-block:24px;color:var(--muted-foreground);text-align:center}.note--warn{border-color:color-mix(in srgb,var(--destructive) 35%,var(--border));color:var(--destructive)}.nav--lists{position:relative;margin-block:1px 4px}.nav--lists:not(:empty):before{content:"";position:absolute;inset-block:2px;inset-inline-start:19px;border-inline-start:1px solid var(--border)}.nav__item--list{gap:8px;min-block-size:32px;margin-inline-start:26px;padding-inline:6px 10px;font-size:var(--text-ui);font-weight:400}.nav__item--list[aria-current=page]{font-weight:500}.nav__item--list .ws-tile{inline-size:20px;block-size:20px;background:transparent;font-size:var(--text-ui)}.nav__item--list .ws-tile .icon{inline-size:18px;block-size:18px}.nav__item--list .ws-tile:is([data-color=default],:not([data-color])){color:inherit}.nav__item--list .nav__label{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__count{margin-inline-start:auto;color:var(--muted-foreground);font-size:var(--text-caption)}.sidebar .nav__badge{position:static;display:inline-grid;flex:none;place-items:center;min-inline-size:20px;block-size:20px;margin-inline-start:auto;padding-inline:6px;border-radius:999px;background:var(--destructive);color:var(--destructive-foreground);font-size:var(--text-tiny);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.rail__body{margin-block-start:8px;overflow-y:auto}.rail__tasks{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.rail__item{display:flex;align-items:center;gap:2px}.rail__item.is-done .rail__task-title{color:var(--muted-foreground);text-decoration:line-through}.rail__item.is-done .task__check .icon{animation:rail-bump .3s var(--ease-out)}.rail__task{flex:1;min-inline-size:0;display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:36px;padding-inline:8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-size:var(--text-ui);text-align:start;cursor:pointer}@media(hover:hover){.rail__task:hover{background:var(--accent)}}.rail__task-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__more{padding:8px;color:var(--muted-foreground);font-size:var(--text-small)}[data-color]{--hc: var(--success)}[data-color=gray]{--hc: var(--c-gray)}[data-color=brown]{--hc: var(--c-brown)}[data-color=orange]{--hc: var(--c-orange)}[data-color=green]{--hc: var(--c-green)}[data-color=blue]{--hc: var(--c-blue)}[data-color=purple]{--hc: var(--c-purple)}[data-color=pink]{--hc: var(--c-pink)}[data-color=red]{--hc: var(--c-red)}.habit-list{margin:0;padding:4px 0;list-style:none}.habit{position:relative;display:flex;align-items:center;gap:12px;min-block-size:56px;padding-block:8px;-webkit-touch-callout:none}.habit+.habit{border-block-start:1px solid var(--border)}@media(hover:hover){.habit:hover>.task__handle{opacity:1}}.habit>.task__handle{inset-block-start:18px}.habit__main{display:flex;flex:1;align-items:center;gap:12px;min-inline-size:0;color:var(--foreground);text-decoration:none}.habit__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.habit__name{align-self:flex-start;max-inline-size:100%;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.habit.is-done .habit__name{color:var(--muted-foreground)}.habit__streak{color:var(--c-orange);font-weight:600}.week-dots{display:flex;gap:4px}.week-dot{inline-size:10px;block-size:10px;border-radius:50%;background:var(--accent)}.week-dot--success{background:var(--hc)}.week-dot--fail{background:color-mix(in srgb,var(--destructive) 35%,var(--accent))}.week-dot--pending{box-shadow:inset 0 0 0 1.5px var(--ring);background:transparent}.week-dot--neutral{background:repeating-linear-gradient(45deg,var(--accent) 0 2px,var(--border) 2px 4px)}.week-dot--off{background:transparent;box-shadow:inset 0 0 0 1px var(--border)}@media(max-width:599px){.habit-list .week-dots{display:none}.habit__name{display:-webkit-box;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.checkin{display:inline-flex;flex:none;align-items:center;gap:6px;color:var(--muted-foreground);font-size:var(--text-small)}.checkin--off,.checkin--skipped{padding-inline:10px;min-block-size:32px;border:1px dashed var(--border);border-radius:999px;background:transparent}.checkin--skipped{cursor:pointer}.checkin--check{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted-foreground);cursor:pointer}.checkin--check .icon{inline-size:30px;block-size:30px}.checkin--check.is-done{color:var(--success)}.checkin__value{min-block-size:32px;padding-inline:8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}@media(hover:hover){.checkin__value:hover{background:var(--accent)}}.checkin__plus{display:inline-flex;align-items:center;gap:2px;min-inline-size:40px;min-block-size:40px;padding-inline:8px;justify-content:center;border:1px solid var(--input);border-radius:999px;background:var(--background);color:var(--foreground);font-weight:600;cursor:pointer}.checkin__plus .icon{inline-size:18px;block-size:18px}.checkin__plus:disabled{border-style:dashed;color:var(--muted-foreground);cursor:default;opacity:.6}.is-done>.checkin__plus,.checkin.is-done .checkin__value{color:var(--success)}.checkin--timer.is-running .checkin__plus{border-color:var(--destructive);color:var(--destructive)}.checkin--timer.is-running .checkin__clock{color:var(--destructive);font-weight:600}.checkin__state.is-fail{color:var(--destructive)}button.checkin:disabled,.checkin button:disabled{cursor:default;opacity:.6}.today-habits[hidden]{display:none}.today-habits__head{gap:10px}@media(max-width:599px){.today-habits__head{border-block-end:0}.today-habits .habit-list{display:flex;gap:8px;margin-inline:calc(var(--page-gutter) * -1);padding-block:4px;padding-inline:var(--page-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none}.today-habits .habit-list::-webkit-scrollbar{display:none}.today-habits .habit,.today-habits .habit+.habit{flex:0 0 min(264px,82%);padding-inline:12px 8px;border:1px solid var(--border);border-radius:var(--radius-lg);scroll-snap-align:start}.today-habits .habit.is-done{border-color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--background))}}.page--today .page-header__titles{display:flex;flex-direction:column-reverse}.today-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-inline-size:440px}.today-progress:not(:has(.today-stat:not([hidden]))){display:none}.today-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:10px 12px 12px;border:0;border-radius:var(--radius-lg);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-small);text-align:start;cursor:pointer;transition:background-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.today-stat[hidden]{display:none}.today-stat:active{transform:scale(.97)}@media(hover:hover){.today-stat:hover{background:var(--accent)}}.today-stat__label{color:var(--foreground);font-weight:600}.today-stat__num{display:inline-block;color:var(--foreground);font-size:var(--text-input)}.today-stat__num.is-new{animation:stat-in .32s var(--ease-out)}@keyframes stat-in{0%{opacity:0;transform:translateY(40%)}}.today-stat__bar{grid-column:1 / -1;display:block;block-size:6px;overflow:hidden;border-radius:3px;background:color-mix(in srgb,var(--foreground) 10%,transparent)}.today-stat__fill{display:block;inline-size:0;block-size:100%;border-radius:3px;background:var(--success);transition:inline-size var(--dur-slow) var(--ease-out)}.page--today [data-group="today:overdue"]{padding:6px 12px 12px;border-radius:var(--radius-lg);background:var(--c-red-bg)}.page--today [data-group="today:overdue"] .group__head{border-block-end:0}.page--today [data-group="today:overdue"] :is(.group__title,.group__count){color:var(--c-red)}.page--today [data-group="today:overdue"] .task-list{padding-inline:8px;border-radius:var(--radius-md);background:var(--background)}.page--today [data-group="today:overdue"] .task:last-child{border-block-end:0}.today-notes .note-item__preview,.today-notes .note-item__meta .task__chip{display:none}@media(min-width:1280px){.shell:not([data-detail=on]) .page--today{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"head head" "progress progress" "tasks habits" "tasks notes" "tasks .";align-items:start;column-gap:40px;max-inline-size:1120px}.shell:not([data-detail=on]) .page--today>:first-child{grid-area:head}.shell:not([data-detail=on]) .page--today>.today-progress{grid-area:progress}.shell:not([data-detail=on]) .page--today>.list-body{grid-area:tasks}.shell:not([data-detail=on]) .page--today>.today-habits{grid-area:habits}.shell:not([data-detail=on]) .page--today>.today-notes{grid-area:notes}.shell:not([data-detail=on]) .page--today>:is(.today-habits,.today-notes){padding:8px 12px 4px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--border)}}.ring-wrap{position:relative;display:inline-grid;place-items:center;inline-size:40px;block-size:40px;flex:none}.ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3.2;stroke-linecap:round}.ring__track{stroke:var(--accent)}.ring__value{stroke:var(--success);transition:stroke-dasharray var(--dur-slow) ease}.ring__text{font-size:var(--text-tiny);font-weight:700}.celebrate{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:24px;background:#0f0f0f59;animation:fade-in var(--dur-base) ease-out}.celebrate__card{display:flex;flex-direction:column;align-items:center;gap:8px;max-inline-size:320px;padding:var(--space-hero);border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--shadow-lg);text-align:center;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.celebrate__text{font-size:var(--text-subtitle);font-weight:700}@keyframes fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.celebrate,.celebrate__card{animation:none}}.habit-form{display:grid;gap:14px}.input--unit{inline-size:140px}.chip__remove{display:grid;place-items:center;inline-size:20px;block-size:20px;margin-inline-end:-4px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted-foreground);cursor:pointer}.chip__remove .icon{inline-size:12px;block-size:12px}.habit-hero{display:flex;align-items:center;gap:12px;margin-block-start:-8px}.habit-hero__meta,.habit-hero__description{color:var(--muted-foreground);font-size:var(--text-ui)}.habit-today{display:flex;align-items:center;justify-content:space-between;gap:12px}.habit-today__label{color:var(--muted-foreground);font-size:var(--text-small)}.habit-today__progress{font-size:var(--text-subtitle);font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-inset-block) var(--space-inset-inline);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.stat__value{font-size:var(--text-title);font-weight:700;font-variant-numeric:tabular-nums}.stat__label{color:var(--muted-foreground);font-size:var(--text-caption)}.heatmap{display:flex;gap:6px}.heatmap__days{display:grid;grid-template-rows:16px repeat(7,12px);gap:3px;color:var(--muted-foreground);font-size:var(--text-micro);line-height:12px}.heatmap__days span:first-child{grid-row:2}.heatmap__scroll{flex:1;min-inline-size:0;overflow-x:auto;padding-block-end:4px}.heatmap__months,.heatmap__grid{display:flex;gap:3px;inline-size:max-content}.heatmap__months{block-size:16px;color:var(--muted-foreground);font-size:var(--text-micro)}.heatmap__months span{inline-size:12px;overflow:visible;white-space:nowrap}.heatmap__col{display:grid;grid-template-rows:repeat(7,12px);gap:3px}.heatmap__cell{inline-size:12px;block-size:12px;border-radius:3px;background:var(--accent)}.heatmap__cell--success{background:var(--hc)}.heatmap__cell--fail{background:color-mix(in srgb,var(--destructive) 30%,var(--accent))}.heatmap__cell--neutral{background:repeating-linear-gradient(45deg,var(--accent) 0 2px,var(--border) 2px 4px)}.heatmap__cell--pending{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ring)}.heatmap__cell--off{background:color-mix(in srgb,var(--accent) 45%,transparent)}.heatmap__cell--none{background:transparent}.habit-day{border:1.5px solid transparent}.habit-day--success,.habit-day--success[aria-current=date]{background:var(--hc);color:var(--background);font-weight:600}.habit-day--fail{background:color-mix(in srgb,var(--destructive) 22%,transparent)}.habit-day--neutral{background:repeating-linear-gradient(45deg,transparent 0 3px,var(--accent) 3px 6px)}.habit-day--pending{border-color:var(--ring)}.habit-day--off{color:var(--muted-foreground)}.habit-day:disabled{cursor:default}@media(hover:hover){.habit-day:not(:disabled):hover{box-shadow:0 0 0 2px var(--ring)}}.habit-note{align-items:baseline}.habit-note__date{flex:none;color:var(--muted-foreground);font-size:var(--text-small)}.page--notes{max-inline-size:960px}.toolbar__chips{display:flex;flex-wrap:wrap;gap:6px}.toolbar__end{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.toolbar__end .select{min-block-size:32px;font-size:var(--text-small)}.note-icon{display:inline-grid;place-items:center;inline-size:24px;block-size:24px;flex:none;font-size:var(--text-subtitle);line-height:1}.note-icon--plain{color:var(--muted-foreground)}.note-icon--plain .icon{inline-size:18px;block-size:18px}.notes{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.notes--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.note-item__link{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;border-radius:var(--radius-md);color:inherit;text-decoration:none}@media(hover:hover){.note-item--list .note-item__link:hover{background:var(--accent)}}.note-item__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0;flex:1}.note-item__title{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-item__title,.note-item__preview{align-self:flex-start;max-inline-size:100%}.note-item__preview{overflow:hidden;color:var(--muted-foreground);font-size:var(--text-ui);text-overflow:ellipsis;white-space:nowrap}.note-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--muted-foreground);font-size:var(--text-caption)}.note-item__flag{display:inline-flex}.note-item__flag .icon{inline-size:14px;block-size:14px}.note-item__flag--star{color:var(--c-orange)}.note-item--grid .note-item__link{position:relative;flex-direction:column;gap:8px;block-size:100%;padding:0 14px 14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-xs)}@media(hover:hover){.note-item--grid .note-item__link:hover{border-color:var(--ring)}}.note-item__cover{display:block;block-size:28px;margin-inline:-14px;background:var(--muted)}.note-item__cover[data-cover]{background:var(--tile-bg)}.note-item--grid .note-item__icon{margin-block-start:-20px;inline-size:36px;block-size:36px;border-radius:var(--radius-md);background:var(--card);font-size:var(--text-heading)}.note-item--grid .note-item__preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal}.folder__head{display:flex;align-items:center;gap:2px;border-block-end:1px solid var(--border)}.folder__toggle{display:flex;align-items:center;gap:8px;flex:1;min-inline-size:0;min-block-size:40px;padding-inline:4px;border:0;background:none;color:var(--foreground);font:inherit;font-weight:600;text-align:start;cursor:pointer}.folder__toggle .icon{inline-size:18px;block-size:18px;flex:none;color:var(--muted-foreground)}.folder__chevron{transition:transform var(--dur-fast)}.folder__chevron.is-open{transform:rotate(90deg)}[dir=rtl] .folder__chevron.is-open{transform:scaleX(-1) rotate(90deg)}.folder__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder__count{color:var(--muted-foreground);font-size:var(--text-small);font-weight:400}.folder__empty{padding:10px 8px;font-size:var(--text-ui)}.today-notes{display:flex;flex-direction:column;gap:4px}.page--note{max-inline-size:none;padding:0 0 40px;gap:0}.note__cover{block-size:120px;background:var(--tile-bg)}.note-page{display:flex;flex-direction:column;inline-size:100%;max-inline-size:760px;margin-inline:auto;padding-inline:var(--page-gutter)}.note__bar{display:flex;align-items:center;gap:8px;min-block-size:52px;padding-inline:var(--page-gutter)}.note__notices{display:flex;flex-direction:column;gap:8px;inline-size:100%;max-inline-size:760px;margin-inline:auto;padding-inline:var(--page-gutter)}.note__notices>:not([hidden]):last-child{margin-block-end:8px}.note__crumbs{display:flex;flex:1;align-items:center;gap:4px;min-inline-size:0;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-small)}.note__crumb{display:inline-flex;align-items:center;gap:6px;min-inline-size:0;padding:4px 6px;border-radius:var(--radius-sm);color:inherit;text-decoration:none;white-space:nowrap}.note__crumb span:last-child{overflow:hidden;text-overflow:ellipsis}@media(hover:hover){a.note__crumb:hover{background:var(--accent);color:var(--foreground)}}.note__crumb+.note__crumb:before{content:"/";margin-inline-end:6px;color:var(--border)}.note__crumb .icon,.note__crumb .note-icon{inline-size:16px;block-size:16px;font-size:var(--text-ui)}.note__actions{display:flex;align-items:center;gap:4px;flex:none}.detail__save{display:flex;align-items:center;gap:8px;min-block-size:20px;margin-block-start:4px}.detail__save .note__status{white-space:normal}.note__status{color:var(--muted-foreground);font-size:var(--text-small);white-space:nowrap}.note__status[data-state=offline],.note__status[data-state=busy],.note__status[data-state=error],.note__status[data-state=tooLarge],.note__status[data-state=forbidden],.note__status[data-state=signedOut]{color:var(--destructive)}.note__presence{display:flex;align-items:center;gap:6px}.note__person{display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--background)}.note__person+.note__person{margin-inline-start:-12px}.note__person.is-editing{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--c-green)}.note__presence-text{color:var(--c-green);font-size:var(--text-small);white-space:nowrap}.note__bar .note__status[data-state=saved]{animation:note-saved-out var(--dur-slow) ease 2s forwards}@keyframes note-saved-out{to{opacity:0}}.note__star.is-on{color:var(--c-orange)}.note__star.is-on .icon{fill:currentColor}.note__star[aria-pressed=true]{background:transparent}@media(hover:hover){.note__star:hover{background:var(--accent)}}.note__head{display:flex;align-items:flex-end;gap:12px;margin-block-start:24px}.note__cover:not([hidden])+.note-page .note__head{margin-block-start:-32px}.note__cover:not([hidden])+.note-page .note__head:has(.note__icon--empty){margin-block-start:12px}.note__icon{display:grid;place-items:center;inline-size:64px;block-size:64px;padding:0;border:0;border-radius:var(--radius-lg);background:transparent;font-size:52px;line-height:1;cursor:pointer}@media(hover:hover){.note__icon:hover:not(:disabled){background:var(--accent)}}.note__icon:disabled{cursor:default}.note__icon--empty{inline-size:40px;block-size:40px;color:var(--muted-foreground);opacity:0;transition:opacity var(--dur-fast)}.note__icon--empty:focus-visible{opacity:1}@media(hover:hover){.note-page:hover .note__icon--empty{opacity:1}}.note__icon--empty .icon{inline-size:22px;block-size:22px}.note__icon--empty:disabled{display:none}.note__icon--drawn{background:var(--background);color:var(--foreground)}.note__icon--drawn .icon{inline-size:44px;block-size:44px;stroke-width:1.5}.note__badge{display:inline-flex;align-items:center;gap:4px;margin-block-end:6px;padding:2px 8px;border-radius:999px;background:var(--muted);color:var(--muted-foreground);font-size:var(--text-caption)}.note__badge .icon{inline-size:14px;block-size:14px}.note__title{inline-size:100%;margin-block-start:4px;padding:0;overflow:hidden;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:var(--text-hero);font-weight:700;line-height:1.25;resize:none;outline:none}.note__title::placeholder{color:var(--muted-foreground)}.note__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-block:6px 24px;color:var(--muted-foreground);font-size:var(--text-small)}.note__edited{margin:0}.note__meta>.on-canvases:before{content:"·";margin-inline-end:2px}@media(max-width:599px){.note__meta{flex-direction:column;align-items:flex-start}.note__meta>.on-canvases:before{content:none}}@media(hover:hover){.note__meta .chip{min-block-size:26px;padding-inline:8px}}.note__pages{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-block-start:32px}.note__pages>.btn{align-self:flex-start}.field__error{margin:0;color:var(--destructive);font-size:var(--text-small)}.dot-row{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:12px}.hl-dot{inline-size:30px;block-size:30px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--tile-bg, var(--muted));cursor:pointer}.hl-dot.is-current{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--foreground)}.hl-dot--plain{background:var(--background)}.hl-dot[data-h=yellow]{background:var(--hl-yellow)}.hl-dot[data-h=green]{background:var(--hl-green)}.hl-dot[data-h=blue]{background:var(--hl-blue)}.hl-dot--none{display:grid;place-items:center;color:var(--muted-foreground)}.hl-dot--none .icon{inline-size:14px;block-size:14px}.menu-list__item.is-current{font-weight:600}:root{--hl-yellow: #FBF3DB;--hl-green: #DDEDEA;--hl-blue: #DDEBF1;--code-bg: #F7F6F3;--inline-code: #C4403B}:root[data-mode=dark]{--hl-yellow: #59563B;--hl-green: #2B4A3E;--hl-blue: #2A4256;--code-bg: #262626;--inline-code: #FF8A80}.nb-list{block-size:0}.editor{--gutter: 26px;display:flex;flex-direction:column;padding-block:4px 80px;padding-inline-start:var(--gutter);margin-inline-start:calc(var(--gutter) * -1);outline:none;font-size:var(--text-input);line-height:1.7}.editor--lite{padding-block-end:8px}.nb{position:relative;display:flex;align-items:flex-start;gap:6px;padding-block:2px;border-radius:var(--radius-sm)}.nb[hidden]{display:none}.nb[data-indent="1"]{margin-inline-start:26px}.nb[data-indent="2"]{margin-inline-start:52px}.nb.is-selected{background:color-mix(in srgb,var(--c-blue) 14%,transparent)}.nb__handle{position:absolute;inset-inline-start:var(--handle-at, calc(var(--gutter) * -1));inset-block-start:4px;display:grid;place-items:center;inline-size:22px;block-size:26px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:grab;opacity:0;transition:opacity .1s;touch-action:none}.nb__handle .icon{inline-size:16px;block-size:16px}html[dir=ltr] .nb:dir(rtl)>.nb__handle,html[dir=rtl] .nb:dir(ltr)>.nb__handle{inset-inline-start:auto;inset-inline-end:var(--handle-at, calc(var(--gutter) * -1))}@media(hover:hover){.nb__handle:hover{background:var(--accent)}}.nb.is-current>.nb__handle,.nb__handle:focus-visible{opacity:1}@media(hover:hover){.editor.is-editable .nb:hover>.nb__handle{opacity:1}}.editor:not(.is-editable) .nb__handle{display:none}.nb__body{flex:1;min-inline-size:0}.nb__text{min-block-size:1.7em;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:var(--foreground)}.nb__text[data-empty]:before{content:attr(data-placeholder);position:absolute;color:var(--muted-foreground);pointer-events:none}.nb--p:not(.is-current) .nb__text[data-empty]:before{content:none}.editor.is-empty .nb--p .nb__text[data-empty]:before{content:attr(data-placeholder)}.editor:not(.is-editable) .nb__text[data-empty]:before{content:none}.nb__text strong{font-weight:700}.nb__text code{padding:.1em .35em;border-radius:4px;background:var(--code-bg);color:var(--inline-code);font-family:var(--font-mono);font-size:.88em;direction:ltr;unicode-bidi:isolate}.nb__text mark{padding-inline:1px;border-radius:3px;background:var(--hl-yellow);color:inherit}.nb__text mark[data-h=green]{background:var(--hl-green)}.nb__text mark[data-h=blue]{background:var(--hl-blue)}.nb__text a{color:inherit;text-decoration:underline;text-decoration-color:var(--muted-foreground);text-underline-offset:3px}.editor:not(.is-editable) .nb__text a{cursor:pointer}.nb--h1{padding-block-start:22px}.nb--h2{padding-block-start:16px}.nb--h3{padding-block-start:10px}.nb--h1 .nb__text{font-size:30px;font-weight:700;line-height:1.3}.nb--h2 .nb__text{font-size:var(--text-heading);font-weight:700;line-height:1.35}.nb--h3 .nb__text{font-size:19px;font-weight:600;line-height:1.4}.nb--h4{padding-block-start:8px}.nb--h5,.nb--h6{padding-block-start:6px}.nb--h4 .nb__text{font-size:17px;font-weight:600;line-height:1.45}.nb--h5 .nb__text{font-size:var(--text-input);font-weight:600;line-height:1.5}.nb--h6 .nb__text{color:var(--muted-foreground);font-size:var(--text-ui);font-weight:600;line-height:1.5}.nb--h1>.nb__handle{inset-block-start:28px}.nb--h2>.nb__handle{inset-block-start:21px}.nb--h3>.nb__handle{inset-block-start:14px}.nb--h4>.nb__handle{inset-block-start:11px}.nb--h5>.nb__handle,.nb--h6>.nb__handle{inset-block-start:8px}.nb__marker{display:grid;place-items:center;min-inline-size:22px;block-size:1.7em;flex:none;color:var(--foreground);font-variant-numeric:tabular-nums}.nb--bullet .nb__marker:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}.nb--bullet[data-indent="1"] .nb__marker:before{border:1.5px solid currentColor;background:transparent}.nb--bullet[data-indent="2"] .nb__marker:before{border-radius:1px}.nb__check{display:grid;place-items:center;inline-size:18px;block-size:18px;flex:none;margin-block-start:calc((1.7em - 18px)/2);margin-inline:2px;padding:0;border:1.5px solid var(--muted-foreground);border-radius:4px;background:transparent;color:transparent;cursor:pointer}.nb__check .icon{inline-size:14px;block-size:14px;stroke-width:3}.nb.is-checked .nb__check{border-color:var(--c-blue);background:var(--c-blue);color:#fff}html[data-mode=dark] .nb.is-checked .nb__check{color:var(--background)}.nb__check:disabled{cursor:default}.nb--todo.is-checked .nb__text{color:var(--muted-foreground);text-decoration:line-through}.nb__task{display:grid;place-items:center;inline-size:26px;block-size:26px;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);cursor:pointer}@media(hover:hover){.nb__task:hover{color:var(--foreground)}}.nb__task .icon{inline-size:14px;block-size:14px}.nb__toggle{display:grid;place-items:center;inline-size:22px;block-size:1.7em;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);cursor:pointer}@media(hover:hover){.nb__toggle:hover{background:var(--accent)}}.nb__toggle .icon{inline-size:16px;block-size:16px;transition:transform var(--dur-fast)}.nb.is-open>.nb__toggle .icon{transform:rotate(90deg)}[dir=rtl] .nb.is-open>.nb__toggle .icon,.nb[dir=rtl].is-open>.nb__toggle .icon{transform:scaleX(-1) rotate(90deg)}.nb--quote .nb__body{padding-inline-start:14px;border-inline-start:3px solid var(--foreground)}.nb--callout{margin-block:4px;padding-block:12px;padding-inline:12px 14px;background:var(--tile-bg, var(--muted))}.nb--callout:not([data-color]){background:var(--muted)}.nb--callout>.nb__handle{inset-block-start:14px}.nb__mark{display:grid;place-items:center;inline-size:26px;block-size:1.7em;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);cursor:pointer}.nb__mark .icon{inline-size:20px;block-size:20px}.nb__mark .item-emoji{font-size:var(--text-title)}.nb__mark:disabled{cursor:default}.nb--code{margin-block:4px}.nb--code .nb__body{padding:12px 16px;border-radius:var(--radius-md);background:var(--code-bg)}.nb--code .nb__text{overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-ui);line-height:1.6;text-align:start;white-space:pre-wrap;tab-size:2}.nb--code>.nb__handle{inset-block-start:14px}.nb__code-bar{display:flex;justify-content:flex-end;margin-block:-6px 2px}.nb__lang{inline-size:11ch;padding:1px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);font:inherit;font-size:var(--text-caption);text-align:end}.nb__lang:is(:hover,:focus){border-color:var(--input-border);background:var(--background);outline:none}span.nb__lang{display:block;margin-block:-6px 2px}.nb--divider{padding-block:10px;outline:none}.nb--divider:focus-visible,.nb--divider:focus{background:color-mix(in srgb,var(--c-blue) 14%,transparent)}.nb--divider>.nb__handle{inset-block-start:8px}.nb__hr{flex:1;margin:0;border:0;border-block-start:1px solid var(--border)}.nb--image{flex-direction:column;align-items:stretch;gap:4px;padding-block:6px}.nb__figure{inline-size:min(100%,var(--w, 100%));user-select:none}.nb--image .nb__text{color:var(--muted-foreground);font-size:var(--text-small);min-block-size:1.5em}.editor:not(.is-editable) .nb--image .nb__text[data-empty]{display:none}.nb--image .nb__text[data-empty]:before{opacity:0}.nb--image:is(:hover,:focus-within) .nb__text[data-empty]:before{opacity:1}.nb__figure{position:relative}.nb__figure-tools{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--dur-fast, .12s)}.nb--image:is(:hover,:focus-within,.is-selected) .nb__figure-tools{opacity:1}@media(pointer:coarse){.nb__figure-tools{opacity:1}}.nb__figure-tool{display:grid;place-items:center;inline-size:32px;block-size:32px;padding:0;border:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--background) 88%,transparent);box-shadow:0 1px 3px #0000002e;color:var(--foreground);cursor:pointer}.nb__figure-tool .icon{inline-size:18px;block-size:18px}@media(hover:hover){.nb__figure-tool:hover{background:var(--background)}}.nb--image.is-selected .nb__figure>.img-frame{outline:2px solid var(--c-blue);outline-offset:2px}.nb--table{padding-block:6px}.nb--table>.nb__handle{inset-block-start:12px}.nb__table{display:flex;align-items:stretch;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}.nb__grid{border-collapse:collapse;font-size:var(--text-ui);line-height:1.55}.nb__grid :is(th,td){min-inline-size:7em;max-inline-size:22em;padding:6px 10px;border:1px solid var(--border);text-align:start;vertical-align:top}.nb__grid th{background:var(--muted);font-weight:600}.nb__grid [data-align=c]{text-align:center}.nb__grid [data-align=l]:dir(ltr),.nb__grid [data-align=r]:dir(rtl){text-align:start}.nb__grid [data-align=l]:dir(rtl),.nb__grid [data-align=r]:dir(ltr){text-align:end}.nb__cell{min-block-size:1.55em;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;caret-color:var(--foreground)}.nb__grid :is(th,td):focus-within{box-shadow:inset 0 0 0 2px var(--c-blue)}.nb__add{display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer;opacity:0;transition:opacity var(--dur-fast, .12s)}.nb__add .icon{inline-size:14px;block-size:14px}.nb__add--col{inline-size:22px;margin-inline-start:2px}.nb__add--row{inline-size:100%;block-size:20px;margin-block-start:2px}.nb--table:is(:hover,:focus-within) .nb__add{opacity:1}@media(hover:hover){.nb__add:hover{background:var(--accent);color:var(--foreground)}}@media(pointer:coarse){.nb__add{opacity:1}.nb__add--col{inline-size:32px}.nb__add--row{block-size:32px}}.nb-upload{max-inline-size:360px;margin-block:6px}.editor.is-dropping{border-radius:var(--radius-md);outline:2px dashed var(--ring);outline-offset:6px}.nb__conflict{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-block-start:4px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--c-orange-bg);color:var(--c-orange);font-size:var(--text-small);line-height:1.4}.nb__conflict .icon{inline-size:16px;block-size:16px;flex:none}.nb.is-conflict>.nb__body{padding-inline-start:8px;border-inline-start:3px solid var(--c-orange)}.slash{position:fixed;z-index:var(--z-popover);inline-size:min(280px,calc(100vw - 16px));max-block-size:min(320px,50vh);overflow-y:auto;padding:6px;border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--shadow-lg)}.slash__list{display:flex;flex-direction:column}.slash__item{display:flex;align-items:center;gap:10px;min-block-size:38px;padding-inline:6px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font:inherit;font-size:var(--text-ui);text-align:start;cursor:pointer}.slash__item.is-active{background:var(--accent)}@media(hover:hover){.slash__item:hover{background:var(--accent)}}.slash__icon{display:grid;place-items:center;inline-size:30px;block-size:30px;flex:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background)}.slash__icon .icon{inline-size:16px;block-size:16px}.slash__empty{margin:0;padding:8px;color:var(--muted-foreground);font-size:var(--text-ui)}.toolbar--float,.toolbar--dock{z-index:var(--z-popover);display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:4px;background:var(--popover);box-shadow:var(--shadow-lg)}.toolbar--float{position:fixed;border-radius:var(--radius-md)}.toolbar--dock{position:fixed;inset-inline:0;border-radius:0;padding-block-end:calc(4px + var(--safe-bottom))}.toolbar__row{display:flex;align-items:center;gap:2px}.toolbar--dock .toolbar__row{flex:1;min-inline-size:0;overflow-x:auto;scrollbar-width:none}.toolbar__line{display:flex;align-items:center;gap:2px}.toolbar__pinned{display:flex;flex:none;align-items:center;gap:2px;padding-inline-start:4px;border-inline-start:1px solid var(--border)}.tool{display:grid;place-items:center;inline-size:32px;block-size:32px;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);cursor:pointer}.toolbar--dock .tool{inline-size:40px;block-size:40px}.toolbar--dock .tool--text{inline-size:auto}.tool[aria-pressed=true]{background:var(--accent)}@media(hover:hover){.tool:hover{background:var(--accent)}}.tool[aria-pressed=true]{color:var(--c-blue)}.tool .icon{inline-size:18px;block-size:18px}.tool--text{display:inline-flex;gap:4px;inline-size:auto;padding-inline:8px;font:inherit;font-size:var(--text-small);white-space:nowrap}.tool--text .icon{inline-size:14px;block-size:14px}.toolbar__colors{display:flex;gap:6px;padding:4px}.toolbar__colors .hl-dot{inline-size:26px;block-size:26px}@media(pointer:coarse){.editor{--gutter: 0px}.nb__handle{display:none}}body.has-dock .tabbar{display:none}@media(hover:none){.note__icon--empty{opacity:.6}}body.has-dock .page--note{padding-block-end:120px}.nav__row{display:flex;flex-direction:column}.nav__button{border:0;background:transparent;font:inherit;font-size:var(--text-body);font-weight:500;text-align:start;cursor:pointer}.nav__kbd{margin-inline-start:auto;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);font-family:inherit;font-size:var(--text-tiny);direction:ltr}.dialog.palette{inline-size:min(640px,calc(100vw - 24px));max-block-size:min(560px,calc(100dvh - 48px));margin-block-start:min(12vh,96px);padding:0;overflow:hidden}.dialog.palette[open]{display:flex;flex-direction:column}.palette__bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-block-end:1px solid var(--border);color:var(--muted-foreground)}.palette__bar .icon{inline-size:20px;block-size:20px;flex:none}.palette__input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:var(--text-subtitle);outline:none}.palette__input::-webkit-search-cancel-button{display:none}.palette__kbd{padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-tiny)}.palette__chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 4px}.palette__list{flex:1;overflow-y:auto;padding:4px 8px 10px}.palette__label{margin:10px 8px 4px;color:var(--muted-foreground);font-size:var(--text-caption);font-weight:600}.palette__item{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:44px;padding:6px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font:inherit;text-align:start;cursor:pointer}.palette__item.is-active{background:var(--accent)}.palette__icon{display:grid;place-items:center;inline-size:28px;block-size:28px;flex:none;color:var(--muted-foreground)}.palette__icon .icon{inline-size:18px;block-size:18px}.palette__text{display:flex;flex-direction:column;min-inline-size:0}.palette__title,.palette__hint{align-self:flex-start;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__hint{color:var(--muted-foreground);font-size:var(--text-small)}.palette__empty{margin:0;padding:24px 12px;color:var(--muted-foreground);text-align:center}@media(max-width:599px){.dialog.palette{margin-block-start:8px}}.notify-table__wrap{overflow-x:auto}.notify-table{inline-size:100%;border-collapse:collapse}.notify-table th,.notify-table td{padding:10px 6px;border-block-end:1px solid var(--border);text-align:center;vertical-align:middle}.notify-table thead th{color:var(--muted-foreground);font-size:var(--text-caption);font-weight:600}.notify-table tbody th{text-align:start;font-weight:400}.notify-table tr:last-child>*{border-block-end:0}.notify-table__event{display:block;font-weight:500}.notify-table__hint{display:block;color:var(--muted-foreground);font-size:var(--text-small)}.quiet-times{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding-block:4px 8px}.quiet-times__field{display:flex;flex-direction:column;gap:4px;color:var(--muted-foreground);font-size:var(--text-small)}.quiet-times .toggle-row{flex-basis:100%}.delete-facts{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding-inline-start:20px;color:var(--muted-foreground);font-size:var(--text-ui)}.list__item--button{display:flex;align-items:center;gap:10px;inline-size:100%;border:0;background:transparent;color:var(--foreground);font:inherit;text-align:start;cursor:pointer}.offline-banner{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-banner);padding:6px 16px;padding-block-start:calc(6px + env(safe-area-inset-top,0px));background:var(--foreground);color:var(--background);font-size:var(--text-small);text-align:center}.load-more-row{display:flex;justify-content:center;padding-block:8px;list-style:none}@media(forced-colors:active){.seg__input:checked+span,.chip--on,.cal__day[aria-selected=true],.nav__item[aria-current=page],.task.is-selected,.task.is-open,.switcher__item[aria-current=true],.habit-day--success,.habit-day--fail,.tool[aria-pressed=true]{outline:2px solid CanvasText;outline-offset:-2px}.toast,.dialog,.toolbar--float,.toolbar--dock{border:1px solid CanvasText}.week-dot--success,.nb.is-checked .nb__check{forced-color-adjust:none;background:Highlight;color:HighlightText}}.help__group+.help__group{margin-block-start:20px}.help__heading{margin-block-end:8px;color:var(--muted-foreground);font-size:var(--text-small);font-weight:600}.help__tips{display:grid;gap:6px;padding-inline-start:18px;font-size:var(--text-body)}.help__list{display:grid;grid-template-columns:minmax(13rem,max-content) 1fr;gap:8px 16px;align-items:center;font-size:var(--text-ui)}.help__keys{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;color:var(--muted-foreground)}.kbd{display:inline-grid;place-items:center;min-inline-size:22px;padding-inline:5px;border:1px solid var(--border);border-block-end-width:2px;border-radius:var(--radius-sm);background:var(--muted);color:var(--foreground);font:inherit;font-size:var(--text-caption);line-height:20px}@media(max-width:599px){.help__list{grid-template-columns:1fr;gap:2px}.help__list dd{margin-block-end:8px}}.ref{display:flex;flex-direction:column;gap:6px;font-size:var(--text-ui)}.ref--task{flex-direction:row;align-items:flex-start;gap:8px}.ref__check{display:grid;flex:none;place-items:center;inline-size:28px;block-size:28px;margin:-3px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted-foreground);cursor:pointer}.ref__check .icon{inline-size:20px;block-size:20px}.ref--task.is-done .ref__check{color:var(--success)}.ref__check:disabled{cursor:default}@media(pointer:coarse){.ref__check{inline-size:44px;block-size:44px;margin:-11px}}.ref__main{display:flex;flex:1;flex-direction:column;gap:4px;min-inline-size:0}.ref__head{display:flex;align-items:center;gap:8px;min-inline-size:0}.ref__title{display:-webkit-box;flex:1;min-inline-size:0;overflow:hidden;color:var(--foreground);font-weight:600;text-decoration:none;overflow-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}@media(hover:hover){.ref__title:hover{text-decoration-line:underline}}.ref--task.is-done .ref__title{color:var(--muted-foreground);text-decoration-line:line-through}.ref__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.ref__preview{display:-webkit-box;overflow:hidden;color:var(--muted-foreground);-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;white-space:pre-line}.ref__aside{display:flex;align-items:center;gap:6px;color:var(--muted-foreground);font-size:var(--text-caption)}.ref__list{max-inline-size:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref.is-trashed>:not(.ref__trash){opacity:.5}.ref__trash{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted-foreground);font-size:var(--text-caption)}.ref--ghost{align-items:flex-start;color:var(--muted-foreground)}.ref__ghost-text{display:flex;align-items:center;gap:6px}.canvas-card--ref:has(.ref--ghost){border-style:dashed;background:var(--muted)}.canvas-pick{max-block-size:min(50vh,420px);margin-block-start:8px;overflow-y:auto}.canvas-pick>*{flex:none}.canvas-pick__item{align-items:flex-start;padding-block:8px}.canvas-pick__text{display:flex;flex-direction:column;min-inline-size:0}.canvas-pick__hint{overflow:hidden;color:var(--muted-foreground);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap}.canvas-pick__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-pick__item.is-done .canvas-pick__title{color:var(--muted-foreground);text-decoration:line-through}.canvas-pick__item>.icon{margin-block-start:2px;color:var(--muted-foreground)}.canvas-pick__here{margin-inline-start:auto;color:var(--success)}.canvas-pick__intro{margin-block-end:12px;color:var(--muted-foreground);font-size:var(--text-ui)}.canvas-pick__intro+.input{margin-block-end:10px}.canvas-pick__heading{margin-block:14px -2px;color:var(--muted-foreground);font-size:var(--text-caption);font-weight:600}.canvas-pick__empty{padding-block:8px;padding-inline:10px}.on-canvases{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted-foreground);font-size:var(--text-small)}.on-canvases__label{margin-inline-end:2px}@media(max-width:599px){html:not([data-pane]) .page-header [data-fab]{display:none}}.cal{display:flex;flex-direction:column;gap:12px}.page--notes{position:relative}.page--notes.is-dropping:after{content:attr(data-drop-hint);position:absolute;inset:8px;z-index:var(--z-sticky);display:grid;place-items:center;padding:24px;border:2px dashed var(--ring);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--background) 82%,transparent);color:var(--foreground);font-size:var(--text-body);font-weight:600;text-align:center;pointer-events:none}.page--notes.is-dropping:has(.folder.is-drop):after{content:none}.folder.is-drop{border-radius:var(--radius-md);outline:2px dashed var(--ring);outline-offset:4px;background:var(--accent)}.import__rows{display:flex;flex-direction:column;gap:2px;max-block-size:min(50vh,420px);margin:0;padding:0;overflow-y:auto;list-style:none}.import-row{display:flex;align-items:flex-start;gap:10px;padding:8px 4px;border-block-end:1px solid var(--border)}.import-row__icon{flex:none;color:var(--muted-foreground);line-height:0}.import-row.is-busy .import-row__icon{animation:import-busy 1s ease-in-out infinite alternate}@keyframes import-busy{0%{opacity:1}to{opacity:.3}}.import-row.is-done .import-row__icon{color:var(--success)}.import-row.is-failed .import-row__icon,.import-row.is-failed .import-row__state{color:var(--destructive)}.import-row__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.import-row__name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.import-row__state{color:var(--muted-foreground);font-size:var(--text-small)}.import-row__open{color:var(--foreground);font-weight:600}.import__summary:empty{display:none}.tip{position:fixed;inset:auto;margin:0;z-index:var(--z-overlay);max-inline-size:min(280px,calc(100vw - 16px));padding:5px 8px;overflow:visible;border:0;border-radius:var(--radius-sm);background:var(--foreground);color:var(--background);box-shadow:var(--shadow-lg);font-size:var(--text-caption);line-height:1.4;white-space:pre-line;pointer-events:none;animation:tip-in var(--dur-fast) var(--ease-out)}@keyframes tip-in{0%{opacity:0;translate:0 -2px}to{opacity:1;translate:none}}.tip__keys{margin-inline-start:8px;padding:0 4px;border-radius:4px;background:color-mix(in srgb,var(--background) 22%,transparent);font:inherit;font-size:var(--text-tiny)}.tip__lines{display:flex;flex-direction:column;gap:2px}.tip__lines>:not(:first-child){opacity:.8}.tip--task,.tip--note,.tip--habit,.tip--person,.tip--board,.tip--canvas{max-inline-size:min(320px,calc(100vw - 16px));padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);color:var(--foreground);font-size:var(--text-small);white-space:normal}.tip--board,.tip--canvas{inline-size:min(300px,calc(100vw - 16px))}.tip .avatar{inline-size:20px;block-size:20px;font-size:var(--text-micro)}.tip-people{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.tip-people li,.tip-card__people,.tip-card__where{display:flex;align-items:center;gap:6px}.tip-card{display:flex;flex-direction:column;gap:8px}.tip-card p{margin:0}.tip-card__cover{display:block;block-size:6px;margin:-12px -12px 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--tile-fg, var(--muted))}.tip-card__where,.tip-card__aside,.tip-card__people,.tip-person__here{color:var(--muted-foreground);font-size:var(--text-caption)}.tip-card__where .ws-tile{inline-size:18px;block-size:18px;font-size:var(--text-tiny)}.tip-card__where .ws-tile .icon{inline-size:12px;block-size:12px}.tip-card__title{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-ui);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.tip-card__title>.icon,.tip-card__title>.note-icon,.tip-card__title>.ws-tile{flex:none}.tip-card__title.is-done>span,.tip-card__list li.is-done>span{color:var(--muted-foreground);text-decoration:line-through}.tip-card__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-caption)}.tip-card__text{display:-webkit-box;overflow:hidden;color:var(--muted-foreground);-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:pre-line}.tip-card__list ul{display:flex;flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none}.tip-card__list li{display:flex;align-items:center;gap:6px;min-inline-size:0}.tip-card__list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-card__list .icon{flex:none;inline-size:14px;block-size:14px;color:var(--muted-foreground)}.tip-person{display:flex;align-items:center;gap:10px}.tip-person .avatar{inline-size:40px;block-size:40px;font-size:var(--text-input)}.tip-person p{margin:0}.tip-person__here.is-editing{color:var(--success)}.tip-week{display:flex;gap:10px}.tip-week__day{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted-foreground);font-size:var(--text-tiny)}.tip-week .week-dot{inline-size:14px;block-size:14px}.tip-lanes{display:flex;gap:6px}.tip-lane{display:flex;flex:1 1 0;flex-direction:column;gap:4px;min-inline-size:0;padding:6px;border-block-start:3px solid var(--tile-fg, var(--border));border-radius:var(--radius-sm);background:var(--muted)}.tip-lane[data-color=default]{border-block-start-color:var(--border)}.tip-lane__name{display:flex;justify-content:space-between;gap:4px;font-size:var(--text-tiny);font-weight:600}.tip-lane__name>:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-lane__count{color:var(--muted-foreground);font-weight:400}.tip-lane__card{display:block;block-size:10px;border-radius:3px;background:var(--card);box-shadow:var(--shadow-xs)}.tip-lane__card[data-color]{border-inline-start:3px solid var(--tile-fg)}.tip-map{display:block;inline-size:100%;block-size:auto;aspect-ratio:260 / 140;border-radius:var(--radius-md);background:var(--muted)}.tip-map rect{fill:var(--card);stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.tip-map rect[data-color]{fill:var(--tile-bg);stroke:var(--tile-fg)}.tip-map rect.is-frame{fill:none;stroke:var(--muted-foreground);stroke-dasharray:4 3}.tip-map rect.is-label{fill:var(--muted-foreground);stroke:none;opacity:.45}@media(forced-colors:active){.tip{border:1px solid CanvasText}}.img-frame{position:relative;display:block;inline-size:100%;aspect-ratio:var(--ratio, 4 / 3);overflow:hidden;border-radius:var(--radius-md)}.img-frame>img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:opacity var(--dur-base)}.img-frame.img-wait[data-watch]:not(.is-shown){animation-play-state:paused}.img-frame.img-wait>img{opacity:0}.img-frame.is-broken{display:grid;place-items:center;min-block-size:64px;background:var(--muted);color:var(--muted-foreground);font-size:var(--text-caption)}.img-frame__broken{display:inline-flex;align-items:center;gap:6px;padding:8px}.img-frame--uploading{display:grid;place-items:center;aspect-ratio:16 / 9}.img-frame__label{max-inline-size:90%;overflow:hidden;padding:6px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--background) 72%,transparent);color:var(--muted-foreground);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap}@media(forced-colors:active){.img-frame{border:1px solid CanvasText}}.img-frame--cover{block-size:100%;max-inline-size:none;aspect-ratio:auto;border-radius:0}.note__cover:has(.img-frame){block-size:200px}.note-item__cover:has(.img-frame){block-size:96px}.cover-picture{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}@media(max-width:599px){.note__cover:has(.img-frame){block-size:140px}}html[data-pane]{--tabbar-h: 0px}html[data-pane] .shell,html[data-pane] body.on-canvas .shell,html[data-pane] body.on-board .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main"}html[data-pane] .splash{visibility:hidden}