.demo-window{--d-bg:#FBFCFE;--d-surface:#F0F4F9;--d-elevated:#FFFFFF;--d-border:#E0E7EF;--d-text:#132137;--d-muted:#546478;--d-accent:#238FDC;--d-accent-fg:#001020;--d-accent-ink:#0074BA;--d-redline:#E2503B;--d-grid:#E4EBF3;--d-r-sm:2px;--d-r:3px;--d-r-md:4px;--d-r-lg:5px;--d-r-xl:7px;--d-r-2xl:9px;--d-r-3xl:12px;--d-crumb-h:44px;--d-nav-today:#b45309;--d-nav-calendar:#db2777;--d-nav-habits:#a855f7;--d-scope-all:#6366f1;--d-scope-favorites:#a16207;--d-scope-recent:#0369a1;--d-scope-all-ink:#4f46e5;--d-card-note:#f59e0b;--d-card-schedule:#6366f1;--d-card-tasks:#059669;--d-card-habits:#8b5cf6;--d-on-tone:#FFFFFF;--d-on-tone-dark:#000000;--d-event:#6366f1;--d-event-ink:#3730a3;--d-task-chip:#f59e0b;--d-task-chip-ink:#92400e;--d-habit-chip:#8b5cf6;--d-habit-chip-ink:#5b21b6;--d-cadence-daily:#047857;--d-cadence-days:#6d28d9;--d-cadence-quota:#b45309;--d-flame:#b45309;--d-clip-email:#0D9488;--d-scrim:rgb(11 21 36 / .42);--d-display-font:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--d-app-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--d-label-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}[data-theme="dark"] .demo-window{color-scheme:dark;--d-bg:#0E1A2B;--d-surface:#142235;--d-elevated:#1A2B42;--d-border:#243653;--d-text:#C7D6E6;--d-muted:#7E93AC;--d-accent:#38B6E8;--d-accent-fg:#08131F;--d-accent-ink:var(--d-accent);--d-redline:#FF6A4D;--d-grid:#16263B;--d-nav-today:#f59e0b;--d-nav-calendar:#ec4899;--d-nav-habits:#a855f7;--d-scope-all:#6366f1;--d-scope-favorites:#eab308;--d-scope-recent:#0ea5e9;--d-scope-all-ink:#a5b4fc;--d-card-note:#f59e0b;--d-card-schedule:#6366f1;--d-card-tasks:#059669;--d-card-habits:#8b5cf6;--d-on-tone:#FFFFFF;--d-on-tone-dark:#000000;--d-event:#6366f1;--d-event-ink:#a5b4fc;--d-task-chip:#f59e0b;--d-task-chip-ink:#fcd34d;--d-habit-chip:#8b5cf6;--d-habit-chip-ink:#c4b5fd;--d-cadence-daily:#34d399;--d-cadence-days:#a78bfa;--d-cadence-quota:#fbbf24;--d-flame:#fbbf24;--d-clip-email:#2DD4BF;--d-scrim:rgb(2 6 12 / .62)}.demo-window{max-width:1060px;margin:44px auto 0;text-align:left;font-family:var(--d-app-font);background:var(--d-bg);color:var(--d-text);border:1px solid var(--d-border);border-radius:var(--d-r-3xl);box-shadow:var(--shot-shadow);overflow:hidden;position:relative}.demo-window svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo-titlebar{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:var(--d-surface);border-bottom:1px solid var(--d-border)}.demo-lights{display:inline-flex;gap:7px;flex:none}.demo-lights i{width:11px;height:11px;border-radius:50%;display:block}.demo-lights i:nth-child(1){background:#ff5f57}.demo-lights i:nth-child(2){background:#febc2e}.demo-lights i:nth-child(3){background:#28c840}.demo-title{flex:1 1 auto;min-width:0;font-family:var(--d-display-font);font-size:.84rem;font-weight:600;letter-spacing:-.01em;color:var(--d-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-pill{flex:none;font-size:.7rem;font-weight:500;white-space:nowrap;color:var(--d-accent-ink);background:color-mix(in srgb,var(--d-accent) 13%,var(--d-bg));border-radius:var(--d-r-xl);padding:3px 9px}.demo-reset{flex:none;font-family:inherit;font-size:.78rem;font-weight:500;color:var(--d-muted);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-lg);padding:4px 10px;cursor:pointer;transition:color .14s ease,border-color .14s ease}.demo-reset:hover{color:var(--d-text);border-color:var(--d-muted)}@media(max-width:480px){.demo-pill{display:none}}.demo-body{display:grid;grid-template-columns:280px minmax(0,1fr);height:600px}.demo-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--d-surface);border-right:1px solid var(--d-border)}.demo-sidebar > *{flex:none}.demo-brand{display:flex;align-items:center;gap:10px;padding:13px 14px 9px}.demo-mark{flex:none;display:grid;place-items:center;width:32px;height:32px;font-family:var(--d-label-font);font-size:.86rem;font-weight:700;color:var(--d-accent-fg);background:var(--d-accent);border-radius:var(--d-r-xl)}.demo-wordmark{flex:1 1 auto;min-width:0;font-family:var(--d-display-font);font-size:1.06rem;font-weight:700;letter-spacing:-.02em;color:var(--d-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-collapse{flex:none;display:grid;place-items:center;color:var(--d-muted)}.demo-collapse svg{width:17px;height:17px}.demo-search{display:flex;align-items:center;gap:8px;margin:0 14px 9px;height:36px;padding:0 10px;font-size:.83rem;color:var(--d-muted);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-xl)}.demo-search svg{width:15px;height:15px;flex:none}.demo-search span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-actions{display:flex;gap:6px;margin:0 14px 12px}.demo-act{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 8px;min-width:0;font-family:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid transparent;border-radius:var(--d-r-xl)}.demo-act svg{width:15px;height:15px;flex:none}.demo-act-primary{flex:1 1 auto;color:var(--d-accent-fg);background:var(--d-accent)}.demo-act-ghost{flex:1 1 auto;color:var(--d-text);background:var(--d-elevated);border-color:var(--d-border)}.demo-act-icon{flex:none;width:32px;padding:0;color:var(--d-muted);background:var(--d-elevated);border-color:var(--d-border)}.demo-act-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-nav{position:static;top:auto;z-index:auto;background:none;backdrop-filter:none;border-bottom:0;display:flex;flex-direction:column;gap:3px;padding:0 10px 8px}.demo-navitem{position:relative;display:flex;align-items:center;gap:10px;width:100%;font-family:inherit;font-size:.86rem;font-weight:500;text-align:left;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r-xl);padding:9px 12px;cursor:pointer;transition:background .14s ease,color .14s ease}.demo-navitem svg{width:18px;height:18px;flex:none;color:var(--d-nav)}.demo-navitem span{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-navitem[data-view="today"]{--d-nav:var(--d-nav-today)}.demo-navitem[data-view="calendar"]{--d-nav:var(--d-nav-calendar)}.demo-navitem[data-view="habits"]{--d-nav:var(--d-nav-habits)}.demo-navitem:hover{color:var(--d-text);background:var(--d-bg)}.demo-navitem[aria-current="page"]{color:var(--d-text);font-weight:600;background:linear-gradient(90deg,color-mix(in srgb,var(--d-nav) 15%,transparent),color-mix(in srgb,var(--d-nav) 5%,transparent) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--d-nav) 18%,transparent)}.demo-navitem::before{content:'';position:absolute;left:0;top:50%;width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--d-accent);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.34,1.35,.6,1)}.demo-navitem[aria-current="page"]::before{transform:translateY(-50%) scaleY(1)}.demo-divider{height:1px;margin:0 14px;background:var(--d-border);border:0}.demo-scopes{display:flex;align-items:center;gap:4px;padding:10px 12px 6px}.demo-chip{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:.76rem;font-weight:600;color:var(--d-scope-all-ink);background:color-mix(in srgb,var(--d-scope-all) 12%,var(--d-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--d-scope-all) 22%,transparent);border-radius:var(--d-r-xl);padding:4px 9px}.demo-chip svg{width:14px;height:14px;flex:none}.demo-glyph{display:grid;place-items:center;width:24px;height:24px;flex:none;color:var(--d-muted)}.demo-glyph svg{width:14px;height:14px}.demo-glyph-favorites{color:var(--d-scope-favorites)}.demo-glyph-recent{color:var(--d-scope-recent)}.demo-scopes .demo-glyph-sort{margin-left:auto}.demo-notelist{flex:1 1 auto;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:2px 0 8px 8px}.demo-note{position:relative;display:flex;align-items:center;gap:9px;width:100%;font-family:inherit;font-size:.85rem;text-align:left;color:var(--d-text);background:none;border:0;border-radius:var(--d-r-xl) 0 0 var(--d-r-xl);padding:10px 10px;cursor:pointer;transition:background .14s ease}.demo-note:hover{background:var(--d-bg)}.demo-note[aria-current="true"]{font-weight:600;background:color-mix(in srgb,var(--d-accent) 16%,var(--d-bg))}.demo-note::before{content:'';position:absolute;left:0;top:50%;width:3px;height:66%;border-radius:0 3px 3px 0;background:var(--d-accent);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.34,1.35,.6,1)}.demo-note[aria-current="true"]::before{transform:translateY(-50%) scaleY(1)}.demo-note-icon{flex:none;font-size:.95rem;line-height:1}.demo-note-title{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidefoot{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--d-border)}.demo-settings{display:inline-flex;align-items:center;gap:9px;font-size:.83rem;color:var(--d-muted)}.demo-settings svg{width:16px;height:16px;flex:none}.demo-clip{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none;font-family:inherit;font-size:.76rem;font-weight:600;white-space:nowrap;color:var(--d-accent-ink);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-lg);padding:4px 9px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.demo-clip svg{width:14px;height:14px;flex:none}.demo-clip:hover{border-color:var(--d-accent);background:color-mix(in srgb,var(--d-accent) 9%,var(--d-elevated))}.demo-moon{display:grid;place-items:center;width:22px;height:22px;flex:none;color:var(--d-muted)}.demo-moon svg{width:15px;height:15px}.demo-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--d-bg)}.demo-crumbbar{display:flex;align-items:center;gap:6px;flex:none;height:var(--d-crumb-h);padding:0 14px;border-bottom:1px solid var(--d-border)}.demo-crumbbar .demo-glyph{width:22px;height:22px}.demo-drawerbtn{display:none;place-items:center;flex:none;width:28px;height:28px;margin-right:2px;font-family:inherit;color:var(--d-muted);background:none;border:1px solid transparent;border-radius:var(--d-r-lg);cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.demo-drawerbtn svg{width:17px;height:17px}.demo-drawerbtn:hover{color:var(--d-text);background:var(--d-surface)}.demo-drawerbtn[aria-expanded="true"]{color:var(--d-accent-ink);border-color:var(--d-border);background:var(--d-surface)}.demo-crumb{min-width:0;flex:1 1 auto;margin-left:6px;font-size:.84rem;color:var(--d-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-crumbbar .demo-glyph-trash{margin-left:auto}.demo-tabbar{display:flex;align-items:stretch;flex:none;height:34px;padding:0;overflow:hidden;background:var(--d-surface);border-bottom:1px solid var(--d-border)}.demo-tabbar[hidden]{display:none}.demo-tab{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:230px;font-family:inherit;font-size:.78rem;color:var(--d-text);background:var(--d-elevated);border:0;border-bottom:2px solid var(--d-accent);border-right:1px solid var(--d-border);padding:0 9px 0 11px}.demo-tab-icon{flex:none;font-size:.8rem;line-height:1}.demo-tab-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-tab-close{flex:none;display:grid;place-items:center;width:18px;height:18px;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r);padding:0;cursor:pointer;transition:color .14s ease,background .14s ease}.demo-tab-close:hover{color:var(--d-text);background:var(--d-surface)}.demo-tab-close svg{width:11px;height:11px}.demo-pane{flex:1 1 auto;min-height:0;overflow:hidden;background:var(--d-bg)}.demo-pane[data-view="notes"],.demo-grid{background-color:var(--d-bg);background-image: linear-gradient(to right,var(--d-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--d-grid) 1px,transparent 1px);background-size:28px 28px}.demo-statusbar{display:flex;align-items:center;gap:14px;flex:none;height:34px;padding:0 14px;font-size:.73rem;color:var(--d-muted);border-top:1px solid var(--d-border)}.demo-status-left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-status-right{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.demo-status-right svg{width:13px;height:13px}.demo-notesview{display:flex;flex-direction:column;height:100%;min-height:0}.demo-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.demo-sheet{max-width:720px;margin:0 auto;padding:12px 34px 72px}.demo-sheet-icon{font-size:2.1rem;line-height:1;margin:0 0 6px -.62em}.demo-editor{font-size:1.0625rem;line-height:1.75;color:var(--d-text);min-height:220px}.demo-editor h1,.demo-sheet-title{font-family:var(--d-display-font);font-size:2.5rem;font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--d-text);text-wrap:normal;margin:0 0 .3em}.demo-editor h2{font-family:var(--d-display-font);font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--d-text);text-wrap:normal;margin:1.5em 0 .35em}.demo-editor p,.demo-sheet-body{margin:0 0 .55em;color:var(--d-text)}.demo-editor b,.demo-editor strong,.demo-sheet-body strong{font-weight:700}.demo-editor li{display:list-item;list-style:disc outside;margin:0 0 .15em 1.25em}.demo-editor li::marker{color:var(--d-muted)}.demo-todo{display:flex;align-items:flex-start;gap:9px;margin:0 0 .15em}.demo-todo input{flex:none;width:15px;height:15px;margin-top:.42em;accent-color:var(--d-accent);cursor:pointer}.demo-todo-text{min-width:0;flex:1 1 auto}.demo-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none;padding:8px 14px 0}.demo-toolbar-hint{margin-right:auto;min-width:0;font-size:.73rem;color:var(--d-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-fmt{flex:none;display:grid;place-items:center;width:26px;height:26px;font-size:.82rem;color:var(--d-muted);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-lg);cursor:pointer;transition:color .14s ease,border-color .14s ease}.demo-fmt:hover{color:var(--d-text);border-color:var(--d-muted)}.demo-fmt-b{font-family:var(--d-display-font);font-weight:700}.demo-fmt-i{font-family:var(--d-display-font);font-style:italic;font-weight:600}.demo-today{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 26px;container-type:inline-size}.demo-today-head{display:flex;align-items:center;gap:13px;margin:0 0 15px}.demo-today-sun{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--d-r-2xl);color:var(--d-nav-today);background:color-mix(in srgb,var(--d-card-note) 15%,var(--d-bg))}.demo-today-sun svg{width:22px;height:22px}.demo-today-hgroup{min-width:0}.demo-today-greet{font-family:var(--d-display-font);font-size:1.4rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--d-text);text-wrap:normal}.demo-today-date{font-size:.9rem;line-height:1.4;color:var(--d-muted)}.demo-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-card{min-width:0;background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-2xl);padding:13px 16px 14px}.demo-card-wide{grid-column:1 / -1}.demo-cardhead{display:flex;align-items:center;gap:11px;margin:0 0 8px}.demo-cardicon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--d-r-xl);color:var(--d-on-tone);background:linear-gradient(135deg,color-mix(in srgb,var(--d-tone) 84%,var(--d-bg)),var(--d-tone))}.demo-cardicon svg{width:17px;height:17px}.demo-cardicon[data-tone="note"]{--d-tone:var(--d-card-note)}.demo-cardicon[data-tone="schedule"]{--d-tone:var(--d-card-schedule)}.demo-cardicon[data-tone="tasks"]{--d-tone:var(--d-card-tasks)}.demo-cardicon[data-tone="habits"]{--d-tone:var(--d-card-habits)}.demo-cardlabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--d-label-font);font-size:.78rem;font-weight:700;letter-spacing:.085em;text-transform:uppercase;color:color-mix(in srgb,var(--d-text) 80%,transparent)}.demo-cardlink{flex:none;margin-left:auto;font-family:inherit;font-size:.82rem;color:var(--d-accent-ink);background:none;border:0;padding:0;cursor:pointer;transition:color .14s ease}.demo-cardlink:hover{text-decoration:underline}.demo-cardnote{flex:none;margin-left:auto;font-size:.82rem;color:var(--d-muted)}.demo-cardbody{display:flex;flex-direction:column}.demo-cardempty{padding:6px 7px;font-size:.85rem;color:var(--d-muted)}.demo-daily{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-family:inherit;color:inherit;background:var(--d-surface);border:1px solid transparent;border-radius:var(--d-r-xl);padding:10px 12px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.demo-daily:hover{border-color:var(--d-border);background:color-mix(in srgb,var(--d-accent) 7%,var(--d-surface))}.demo-daily-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;color:var(--d-accent-ink)}.demo-daily-icon svg{width:19px;height:19px}.demo-daily-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.demo-daily-title{font-size:.92rem;font-weight:600;line-height:1.35;color:var(--d-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-daily-sub{font-size:.8rem;line-height:1.35;color:var(--d-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-daily-plus{flex:none;display:grid;place-items:center;width:20px;height:20px;color:var(--d-muted)}.demo-daily-plus svg{width:16px;height:16px}.demo-ev,.demo-task,.demo-habit{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 7px;border-radius:var(--d-r-lg)}.demo-task,.demo-habit{cursor:pointer}.demo-task:hover,.demo-habit:hover{background:var(--d-surface)}.demo-ev-time{flex:none;font-size:.8rem;color:var(--d-muted);font-variant-numeric:tabular-nums}.demo-ev-title{flex:1 1 auto;min-width:0;font-size:.9rem;color:var(--d-text)}.demo-ev.is-past .demo-ev-time{opacity:.62}.demo-ev.is-past .demo-ev-title{color:var(--d-muted);text-decoration:line-through}.demo-ev.is-next{background:color-mix(in srgb,var(--d-accent) 8%,var(--d-bg))}.demo-ev-chip{flex:none;font-size:.72rem;font-weight:600;white-space:nowrap;color:var(--d-accent-ink);background:color-mix(in srgb,var(--d-accent) 22%,var(--d-bg));border-radius:var(--d-r-lg);padding:2px 7px}.demo-task-box,.demo-habit-box{flex:none;width:16px;height:16px;margin:0;cursor:pointer}.demo-task-box{accent-color:var(--d-card-tasks)}.demo-task-text{flex:1 1 auto;min-width:0;font-size:.9rem;color:var(--d-text)}.demo-task.is-done .demo-task-text{color:var(--d-muted);text-decoration:line-through}.demo-task-due{flex:none;font-size:.78rem;color:var(--d-muted);font-variant-numeric:tabular-nums}.demo-task-due.is-overdue{color:var(--d-redline);font-weight:600}.demo-habit-box{accent-color:var(--habit)}.demo-habit-emoji{flex:none;width:18px;font-size:.95rem;line-height:1;text-align:center}.demo-habit-name{flex:0 1 auto;min-width:0;font-size:.9rem;color:var(--d-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-habit.is-done .demo-habit-name{color:var(--d-muted);text-decoration:line-through}.demo-habits{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 24px;container-type:inline-size}.demo-habits-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 15px}.demo-habits-hgroup{flex:1 1 auto;min-width:0}.demo-habits-title{font-family:var(--d-display-font);font-size:1.4rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--d-text);text-wrap:normal}.demo-habits-sub{font-size:.9rem;line-height:1.4;color:var(--d-muted)}.demo-habits-actions{flex:none;display:flex;align-items:center;gap:12px;padding-top:4px}.demo-hb-progress{display:inline-flex;align-items:center;gap:8px}.demo-hb-bar{display:block;width:96px;height:6px;overflow:hidden;border-radius:999px;background:var(--d-surface)}.demo-hb-fill-bar{display:block;height:100%;border-radius:999px;background:var(--d-accent);transition:width .3s ease}.demo-hb-count{font-size:.72rem;font-weight:700;color:var(--d-muted);font-variant-numeric:tabular-nums}.demo-hb-new{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:.82rem;font-weight:500;color:var(--d-accent-fg);background:var(--d-accent);border:0;border-radius:var(--d-r-lg);padding:6px 11px;cursor:pointer;transition:opacity .14s ease}.demo-hb-new:hover{opacity:.9}.demo-hb-new svg{width:15px;height:15px}.demo-hb-dates{display:flex;align-items:flex-end;gap:9px;padding:0 8px 3px}.demo-hb-fill{flex:1 1 auto;min-width:0}.demo-hb-tickspace{flex:none;width:26px}.demo-hb-track{--cell:12px;--gut:3px;flex:none;display:flex;gap:var(--gut)}.demo-hb-datecell{position:relative;width:var(--cell);height:13px}.demo-hb-datelabel{position:absolute;left:0;top:0;white-space:nowrap;font-size:.62rem;line-height:13px;color:var(--d-muted)}.demo-hb-rows{display:flex;flex-direction:column}.demo-hb-row{display:flex;align-items:center;gap:9px;height:40px;padding:0 8px;border-bottom:1px solid var(--d-border);border-radius:var(--d-r-lg);transition:background .14s ease}.demo-hb-row:hover{background:var(--d-surface)}.demo-hb-emoji{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--d-r-md);background:var(--d-surface);font-size:.8rem;line-height:1}.demo-hb-row:hover .demo-hb-emoji{background:var(--d-elevated)}.demo-hb-id{display:contents}.demo-hb-name{flex:1 1 auto;min-width:78px;font-size:.87rem;font-weight:500;color:var(--d-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-hb-cadence{flex:none;display:flex;width:108px;overflow:hidden}.demo-hb-chip{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:.71rem;font-weight:600;white-space:nowrap;border-radius:var(--d-r-lg);padding:2px 7px;color:var(--d-chip);background:color-mix(in srgb,var(--d-chip) 14%,var(--d-bg))}.demo-hb-chip[data-kind="daily"]{--d-chip:var(--d-cadence-daily)}.demo-hb-chip[data-kind="days"]{--d-chip:var(--d-cadence-days)}.demo-hb-chip[data-kind="quota"]{--d-chip:var(--d-cadence-quota)}.demo-hb-chip svg{flex:none;width:11px;height:11px}.demo-hb-chiptext{min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-hb-streak{flex:none;width:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;font-size:.72rem;font-weight:700;color:var(--d-muted);font-variant-numeric:tabular-nums}.demo-hb-streak[data-on="true"]{color:var(--d-flame)}.demo-hb-streak svg{width:12px;height:12px}.demo-hb-cell{width:var(--cell);height:var(--cell);padding:0;border:0;border-radius:var(--d-r-sm);background:transparent;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.demo-hb-cell[data-state="done"]{background:var(--habit)}.demo-hb-cell[data-bonus="true"]{opacity:.4}.demo-hb-cell[data-state="miss"]{background:var(--d-surface);box-shadow:inset 0 0 0 1px var(--d-border)}.demo-hb-cell[aria-disabled="true"]{cursor:default}.demo-hb-cell[data-state="blank"]{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--d-border) 50%,transparent)}.demo-hb-cell[data-today="true"]{box-shadow:0 0 0 1.5px var(--d-accent)}.demo-hb-cell:not([aria-disabled]):hover{box-shadow:inset 0 0 0 1px var(--d-accent)}.demo-hb-cell:focus-visible{outline-offset:1px;border-radius:var(--d-r-sm)}.demo-hb-tick{flex:none;display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:50%;background:transparent;border:2px solid color-mix(in srgb,var(--d-muted) 45%,transparent);color:var(--d-muted);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.demo-hb-tick svg{width:14px;height:14px;stroke-width:3;opacity:.45}.demo-hb-tick[aria-pressed="true"]{background:var(--habit);border-color:var(--habit);color:var(--d-on-tone)}.demo-hb-tick[aria-pressed="true"] svg{opacity:1}.demo-hb-tick:hover:not(:disabled){border-color:var(--d-accent)}.demo-hb-tick:disabled{cursor:not-allowed;opacity:.4;border-color:var(--d-border);background:transparent;color:var(--d-muted)}.demo-hb-tick:focus-visible{outline-offset:2px;border-radius:50%}.demo-cal{height:100%;display:flex;flex-direction:column;min-height:0;padding:12px 14px 14px;--cal-gutter:46px;container-type:inline-size}.demo-cal-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;margin:0 0 10px}.demo-cal-title{font-family:var(--d-display-font);font-size:1.15rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--d-text);text-wrap:normal;white-space:nowrap}.demo-cal-nav{display:inline-flex;align-items:center;gap:3px}.demo-cal-step{display:grid;place-items:center;width:24px;height:24px;flex:none;padding:0;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r-md);cursor:pointer;transition:background .14s ease,color .14s ease}.demo-cal-step svg{width:15px;height:15px}.demo-cal-step:hover{background:var(--d-surface);color:var(--d-text)}.demo-cal-today{font-family:inherit;font-size:.73rem;color:var(--d-text);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-md);padding:3px 9px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.demo-cal-today:hover{background:var(--d-surface);border-color:var(--d-accent)}.demo-cal-seg{margin-left:auto;display:inline-flex;align-items:center;gap:2px;flex:none;border:1px solid var(--d-border);border-radius:var(--d-r-lg);padding:2px}.demo-cal-segbtn{font-family:inherit;font-size:.72rem;font-weight:500;white-space:nowrap;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r-md);padding:3px 8px}.demo-cal-segbtn:disabled{cursor:not-allowed;opacity:.75}.demo-cal-segbtn[aria-current="true"]{background:var(--d-accent);color:var(--d-accent-fg);font-weight:600}.demo-cal-new{display:inline-flex;align-items:center;gap:5px;flex:none;font-family:inherit;font-size:.76rem;font-weight:600;white-space:nowrap;color:var(--d-accent-fg);background:var(--d-accent);border:0;border-radius:var(--d-r-lg);padding:5px 10px;cursor:pointer;transition:opacity .14s ease}.demo-cal-new svg{width:14px;height:14px;flex:none}.demo-cal-new:hover{opacity:.9}.demo-cal-body{flex:1 1 auto;min-height:0;display:flex;gap:14px}.demo-cal-frame{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--d-border);border-radius:var(--d-r-lg);background:var(--d-bg);overflow:hidden}.demo-cal-days{display:flex;flex:none;border-bottom:1px solid var(--d-border)}.demo-cal-corner{width:var(--cal-gutter);flex:none;border-right:1px solid var(--d-border)}.demo-cal-dayhead{flex:1 1 0;min-width:0;text-align:center;padding:5px 2px 4px;border-left:1px solid var(--d-border)}.demo-cal-dayhead:first-of-type{border-left:0}.demo-cal-dow{display:block;font-size:.58rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--d-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cal-date{display:grid;place-items:center;width:22px;height:22px;margin:2px auto 0;border-radius:50%;font-size:.79rem;color:var(--d-text)}.demo-cal-date[data-today="true"]{background:var(--d-accent);color:var(--d-accent-fg);font-weight:600}.demo-cal-date[data-sel="true"]{box-shadow:inset 0 0 0 1.5px var(--d-accent);font-weight:600}.demo-cal-allday{display:flex;flex:none;height:74px;overflow:hidden;border-bottom:1px solid var(--d-border)}.demo-cal-alllabel{width:var(--cal-gutter);flex:none;padding:6px 5px 0 0;text-align:right;font-size:.55rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--d-muted);border-right:1px solid var(--d-border)}.demo-cal-allcols{display:flex;flex:1 1 auto;min-width:0}.demo-cal-chips{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px;padding:4px 2px;border-left:1px solid var(--d-border)}.demo-cal-chips:first-child{border-left:0}.demo-cal-chip{display:flex;align-items:center;gap:3px;width:100%;flex:none;font-family:inherit;font-size:.62rem;line-height:1.25;text-align:left;border:0;border-radius:var(--d-r-sm);padding:1px 3px;min-width:0;cursor:pointer;transition:background .14s ease}.demo-cal-chip[data-kind="task"]{background:color-mix(in srgb,var(--d-task-chip) 17%,var(--d-bg));color:var(--d-task-chip-ink)}.demo-cal-chip[data-kind="habit"]{background:color-mix(in srgb,var(--d-habit-chip) 14%,var(--d-bg));color:var(--d-habit-chip-ink)}.demo-cal-chip[data-kind="habit"]:hover:not([aria-disabled]){background:color-mix(in srgb,var(--d-habit-chip) 26%,var(--d-bg))}.demo-cal-chip[data-done="true"]{background:var(--habit);color:var(--habit-ink)}.demo-cal-chip[data-done="true"]:hover{opacity:.9}.demo-cal-chip[data-done="true"] .demo-cal-chiptext{text-decoration:line-through;opacity:.85}.demo-cal-chip[aria-disabled="true"]{cursor:default}.demo-cal-chipicon{flex:none;display:inline-flex;align-items:center;font-size:.58rem;line-height:1}.demo-cal-chipicon svg{width:8px;height:8px;opacity:.7}.demo-cal-chiptext{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cal-chipdone{flex:none;display:inline-flex}.demo-cal-chipdone svg{width:8px;height:8px;stroke-width:3.2}.demo-cal-more{flex:none;padding:0 3px;font-size:.6rem;color:var(--d-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cal-hours{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.demo-cal-hourbody{display:flex;min-height:100%}.demo-cal-axis{position:relative;width:var(--cal-gutter);flex:none;border-right:1px solid var(--d-border)}.demo-cal-hour{position:absolute;right:5px;transform:translateY(-50%);font-size:.58rem;color:var(--d-muted);white-space:nowrap}.demo-cal-cols{position:relative;display:flex;flex:1 1 auto;min-width:0;background-image: linear-gradient(to bottom,var(--d-border) 1px,transparent 1px),linear-gradient(to bottom,var(--d-grid) 1px,transparent 1px);background-size:100% 48px,100% 24px}.demo-cal-col{position:relative;flex:1 1 0;min-width:0;border-left:1px solid var(--d-border)}.demo-cal-col:first-child{border-left:0}.demo-cal-ev{position:absolute;overflow:hidden;padding:1px 4px;display:flex;flex-direction:column;justify-content:flex-start;font-size:.63rem;line-height:1.3;color:var(--d-event-ink);background:color-mix(in srgb,var(--d-event) 20%,var(--d-bg));border:1px solid color-mix(in srgb,var(--d-event) 42%,transparent);border-radius:var(--d-r-md)}.demo-cal-ev-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cal-ev-time{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem}.demo-cal-now{position:absolute;left:0;right:0;border-top:1px solid var(--d-redline);z-index:2}.demo-cal-now::before{content:'';position:absolute;left:-1px;top:-3.5px;width:6px;height:6px;border-radius:50%;background:var(--d-redline)}.demo-cal-mini{flex:none;width:168px;display:flex;flex-direction:column;overflow:hidden}.demo-cal-minihead{display:flex;align-items:center;gap:2px;margin-bottom:3px}.demo-cal-minititle{flex:1 1 auto;min-width:0;margin:0;font-size:.78rem;font-weight:600;color:var(--d-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cal-mstep{display:grid;place-items:center;width:20px;height:20px;flex:none;padding:0;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r-md);cursor:pointer;transition:background .14s ease,color .14s ease}.demo-cal-mstep svg{width:13px;height:13px}.demo-cal-mstep:hover{background:var(--d-surface);color:var(--d-text)}.demo-cal-minigrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.demo-cal-mdow{text-align:center;padding-bottom:2px;font-size:.56rem;font-weight:600;text-transform:uppercase;color:var(--d-muted)}.demo-cal-mcell{padding:1px 0}.demo-cal-mcell[data-in="true"]{background:color-mix(in srgb,var(--d-accent) 15%,transparent)}.demo-cal-mcell[data-in="true"]:nth-child(7n+1){border-radius:9px 0 0 9px}.demo-cal-mcell[data-in="true"]:nth-child(7n){border-radius:0 9px 9px 0}.demo-cal-mday{display:grid;place-items:center;width:20px;height:20px;margin:0 auto;font-family:inherit;font-size:.68rem;color:var(--d-text);background:none;border:0;border-radius:50%;padding:0;cursor:pointer;transition:background .14s ease}.demo-cal-mday:hover{background:var(--d-surface)}.demo-cal-mday[data-out="true"]{color:var(--d-muted);opacity:.6}.demo-cal-mday[data-today="true"]{background:var(--d-accent);color:var(--d-accent-fg);font-weight:600}.demo-cal-mday[data-today="true"]:hover{background:var(--d-accent)}.demo-cal-mday:focus-visible{border-radius:50%;outline-offset:1px}.demo-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 24px;text-align:center}.demo-empty-title{font-family:var(--d-display-font);font-size:1.05rem;font-weight:600;color:var(--d-text)}.demo-empty-body{font-size:.85rem;color:var(--d-muted);max-width:34ch}.demo-window :focus-visible{outline:2px solid var(--d-accent);outline-offset:-2px;border-radius:var(--d-r-lg)}.demo-clipwrap{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:18px;background:var(--d-scrim)}.demo-clippanel{display:flex;flex-direction:column;width:min(620px,100%);height:min(430px,100%);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r-3xl);box-shadow:var(--shot-shadow);overflow:hidden;animation:demo-clip-pop .22s cubic-bezier(.34,1.45,.5,1)}@keyframes demo-clip-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.demo-clip-top{display:flex;align-items:center;gap:8px;flex:none;padding:8px 10px;border-bottom:1px solid var(--d-border)}.demo-clip-tab{display:inline-flex;align-items:center;gap:6px;flex:none;font-family:inherit;font-size:.76rem;font-weight:600;white-space:nowrap;color:var(--d-muted);background:none;border:0;border-radius:var(--d-r-md);padding:5px 9px;cursor:pointer;transition:background .14s ease,color .14s ease}.demo-clip-tab svg{width:13px;height:13px;flex:none}.demo-clip-tab:hover{background:var(--d-surface);color:var(--d-text)}.demo-clip-tab[data-on="true"],.demo-clip-tab[data-on="true"]:hover{background:var(--d-accent);color:var(--d-accent-fg)}.demo-clip-field{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.demo-clip-field svg{width:15px;height:15px;flex:none;color:var(--d-muted)}.demo-clip-search{flex:1 1 auto;min-width:0;font-family:inherit;font-size:.86rem;color:var(--d-text);background:none;border:0;padding:2px 0}.demo-clip-search::placeholder{color:var(--d-muted);opacity:1}.demo-clip-esc{flex:none;font-family:var(--d-label-font);font-size:.63rem;line-height:1.6;color:var(--d-muted);background:var(--d-elevated);border:1px solid var(--d-border);border-radius:var(--d-r);padding:1px 6px;cursor:pointer;transition:color .14s ease,border-color .14s ease}.demo-clip-esc:hover{color:var(--d-text);border-color:var(--d-accent)}.demo-clip-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:5px 6px 8px}.demo-clip-group{font-family:var(--d-label-font);font-size:.62rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--d-muted);padding:7px 8px 4px}.demo-clip-row{display:flex;align-items:center;gap:10px;padding:6px 8px;cursor:pointer;border:1px solid transparent;border-radius:var(--d-r-lg);transition:background .14s ease}.demo-clip-row:hover{background:var(--d-surface)}.demo-clip-row[data-sel="true"],.demo-clip-row[data-sel="true"]:hover{background:color-mix(in srgb,var(--d-accent) 15%,transparent);border-color:var(--d-accent)}.demo-clip-glyph{flex:none;display:grid;place-items:center;width:20px;height:20px}.demo-clip-glyph svg{width:16px;height:16px}.demo-clip-row[data-kind="link"] .demo-clip-glyph{color:var(--d-accent-ink)}.demo-clip-row[data-kind="email"] .demo-clip-glyph{color:var(--d-clip-email)}.demo-clip-row[data-kind="text"] .demo-clip-glyph{color:var(--d-muted)}.demo-clip-swatch{width:15px;height:15px;border-radius:var(--d-r-sm);border:1px solid var(--d-border)}.demo-clip-text{flex:1 1 auto;min-width:0;font-size:.86rem;color:var(--d-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-clip-time{flex:none;font-size:.72rem;color:var(--d-muted)}.demo-clip-row[data-sel="true"] .demo-clip-time{color:var(--d-text)}.demo-clip-none{padding:30px 22px;text-align:center;font-size:.84rem;line-height:1.5;color:var(--d-muted)}.demo-clip-none strong{color:var(--d-text);font-weight:600}.demo-clip-none-title{font-family:var(--d-display-font);font-size:1rem;font-weight:600;color:var(--d-text);margin-bottom:5px}.demo-clip-hint{flex:none;padding:8px 12px;border-top:1px solid var(--d-border);font-size:.72rem;line-height:1.5;color:var(--d-muted)}.demo-clip-hint[data-flash]{color:var(--d-accent-ink);font-weight:600}@media(max-width:899px){.demo-window{margin-top:34px}}@media(min-width:768px) and (max-width:999px){.demo-body{grid-template-columns:64px minmax(0,1fr)}.demo-brand{justify-content:center;padding:13px 0 9px}.demo-wordmark,.demo-collapse{display:none}.demo-search,.demo-scopes,.demo-settings,.demo-moon{display:none}.demo-actions{justify-content:center;margin:0 0 12px}.demo-act-ghost,.demo-act-icon{display:none}.demo-act{flex:none;width:38px;padding:0;gap:0}.demo-act-label{display:none}.demo-act svg{width:16px;height:16px}.demo-divider{margin-inline:10px}.demo-navitem{justify-content:center;padding:9px 0;gap:0}.demo-navitem svg{width:19px;height:19px}.demo-notelist{padding:2px 0 8px}.demo-note{justify-content:center;padding:10px 0;border-radius:0}.demo-note-icon{font-size:1.05rem}.demo-sidefoot{justify-content:center;padding:9px 0}.demo-clip{margin:0;width:36px;height:30px;justify-content:center;padding:0;gap:0}.demo-navitem span,.demo-note-title,.demo-clip-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:767px){#demo-root.has-drawer .demo-body{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:600px}#demo-root.has-drawer .demo-sidebar{position:absolute;z-index:3;left:0;bottom:0;top:calc(var(--d-crumb-h) + 1px);width:280px;max-width:84%;border-right:1px solid var(--d-border);box-shadow:var(--shot-shadow);transform:translateX(-100%);transition:transform .2s ease}#demo-root.has-drawer.is-drawer-open .demo-sidebar{transform:none}#demo-root.has-drawer .demo-drawerbtn{display:grid}#demo-root.has-drawer .demo-crumbbar > .demo-glyph:not(.demo-glyph-trash){display:none}}.demo-drawerscrim{position:absolute;z-index:2;background:var(--d-scrim);inset:calc(var(--d-crumb-h) + 1px) 0 0 0}@media(min-width:768px){.demo-drawerscrim{display:none}}@media(max-width:767px){#demo-root:not(.has-drawer) .demo-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:820px}#demo-root:not(.has-drawer) .demo-sidebar{border-right:0;border-bottom:1px solid var(--d-border)}#demo-root:not(.has-drawer) .demo-nav{flex-direction:row;gap:6px;padding:0 12px 8px}#demo-root:not(.has-drawer) .demo-navitem{flex:1 1 0;min-width:0;justify-content:center;padding:9px 6px}#demo-root:not(.has-drawer) .demo-navitem::before,#demo-root:not(.has-drawer) .demo-navitem[aria-current="page"]::before{display:none}#demo-root:not(.has-drawer) .demo-navitem[aria-current="page"]{background:color-mix(in srgb,var(--d-nav) 13%,transparent)}#demo-root:not(.has-drawer) .demo-notelist{flex:none;height:104px;overflow-y:auto}}@media(max-width:519px){.demo-act-ghost,.demo-act-icon{display:none}.demo-brand,.demo-search,.demo-actions{margin-inline:12px}.demo-brand{padding-inline:12px;margin-inline:0}.demo-navitem{font-size:.8rem;gap:7px}.demo-navitem svg{width:16px;height:16px}.demo-crumbbar,.demo-statusbar,.demo-sidefoot{padding-inline:11px}.demo-clip .demo-clip-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-clip{padding:5px 7px}.demo-status-right{display:none}.demo-window{border-radius:var(--d-r-2xl)}.demo-sheet{padding:10px 18px 56px}.demo-sheet-icon{font-size:1.7rem;margin-left:0}.demo-editor h1,.demo-sheet-title{font-size:1.8rem}.demo-editor h2{font-size:1.2rem}.demo-editor,.demo-sheet-body{font-size:1rem}.demo-toolbar{padding:8px 11px 0}.demo-toolbar-hint{display:none}.demo-today{padding:13px 11px 20px}.demo-today-head{gap:11px;margin-bottom:13px}.demo-today-sun{width:34px;height:34px}.demo-today-sun svg{width:19px;height:19px}.demo-today-greet{font-size:1.2rem}.demo-cards{gap:11px}.demo-card{padding:11px 12px 12px}.demo-cardhead{gap:9px}.demo-cardicon{width:27px;height:27px}.demo-cardicon svg{width:15px;height:15px}.demo-cardlabel{font-size:.73rem;letter-spacing:.07em}.demo-cardlink,.demo-cardnote{font-size:.78rem}.demo-ev,.demo-task,.demo-habit{gap:8px;padding:5px 5px}.demo-ev-time{font-size:.74rem}.demo-daily{gap:10px;padding:9px 10px}.demo-habits{padding:13px 11px 20px}.demo-habits-head{margin-bottom:12px}.demo-habits-title{font-size:1.2rem}.demo-habits-sub{font-size:.85rem}.demo-hb-new{font-size:.78rem;padding:6px 9px}.demo-cal{padding:11px 11px 12px}.demo-cal-title{font-size:1.02rem}.demo-cal-new{font-size:.74rem;padding:5px 8px}}@media(max-width:419px){.demo-scopes .demo-glyph{display:none}.demo-wordmark{font-size:1rem}}@media(max-width:599px){.demo-clipwrap{padding:12px}.demo-clip-top{flex-wrap:wrap;row-gap:7px;padding:8px}.demo-clip-tab{order:1}.demo-clip-esc{order:2;margin-left:auto}.demo-clip-field{order:3;flex-basis:100%;height:32px;padding:0 9px;background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-r-xl)}.demo-clip-text{white-space:normal;overflow-wrap:anywhere}.demo-clip-row{align-items:flex-start}.demo-clip-time{padding-top:2px}}@container (max-width:584px){.demo-cards{grid-template-columns:minmax(0,1fr)}}@container (min-width:585px) and (max-width:685px){.demo-card{padding:12px 13px 13px}.demo-cardhead{gap:8px}.demo-cardlabel{font-size:.72rem;letter-spacing:.06em}.demo-cardlink,.demo-cardnote{font-size:.78rem}.demo-ev,.demo-task,.demo-habit{gap:8px;padding:5px 5px}.demo-ev-time{font-size:.75rem}.demo-ev-chip{font-size:.69rem;padding:2px 5px}}@container (max-width:675px){.demo-hb-track > [data-week="0"]{display:none}}@container (max-width:545px){.demo-hb-track > [data-week="1"]{display:none}}@container (max-width:424px){.demo-hb-track,.demo-hb-dates{display:none}}@container (max-width:600px){.demo-hb-row,.demo-hb-dates{gap:7px;padding-left:6px;padding-right:6px}.demo-hb-emoji{width:20px;height:20px}.demo-hb-streak{width:32px}.demo-habits-head{gap:10px}.demo-hb-bar{width:64px}}@container (max-width:460px){.demo-hb-row,.demo-hb-dates{gap:6px;padding-left:4px;padding-right:4px}.demo-hb-emoji{width:18px;height:18px;font-size:.74rem}.demo-hb-streak{width:30px}}@container (max-width:330px){.demo-hb-row{height:auto;min-height:46px;padding-top:5px;padding-bottom:5px}.demo-hb-id{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 1 auto;min-width:0;max-width:100%}.demo-hb-name{flex:0 0 auto;width:100%;min-width:0}.demo-hb-cadence{width:auto;max-width:100%}}@media(max-width:899px){.demo-cal-mini{display:none}}@container (max-width:675px){.demo-cal-mini{display:none}}@container (max-width:600px){.demo-cal-seg{display:none}}@container (max-width:560px){.demo-cal-frame{--cal-gutter:38px}.demo-cal-hour{font-size:.55rem;right:4px}.demo-cal-dow{font-size:.55rem;letter-spacing:.04em}.demo-cal-chipdone{display:none}}@container (max-width:460px){.demo-cal-chipicon,.demo-cal-moreword{display:none}.demo-cal-chip{gap:0;padding:1px 3px}.demo-cal-chips{padding:4px 1px}.demo-cal-ev{padding:1px 3px}}@container (max-width:400px){.demo-cal-frame{--cal-gutter:30px}.demo-cal-hour{font-size:.5rem;right:3px}.demo-cal-chip{font-size:.58rem;padding:1px 2px}.demo-cal-more{font-size:.55rem;padding:0 2px}.demo-cal-ev{font-size:.58rem}.demo-cal-date{width:19px;height:19px;font-size:.72rem}.demo-cal-alllabel{font-size:.5rem;padding-right:3px}}