/* Scoped current app demo: palette and 44px controls from the verified 1.2.4 (16) source.
   Old site CSS and the separate, unapplied language-label candidate are preserved. */
[data-daybay-demo][data-ready=true], [data-daybay-create][data-ready=true] { aspect-ratio:auto;overflow:visible; }
.db-demo { --db-canvas:#f3f7f8;--db-ink:#354c54;--db-heading:#183b44;--db-accent:#176d73;--db-control:#e6eff0;--db-line:#e2e8e5;--db-paper:#f6f4ed;--db-surface:#fff;max-width:390px;margin-inline:auto;min-width:0;color:var(--db-ink);font:400 .875rem/1.45 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; }
.db-demo *, .db-demo *::before,.db-demo *::after { box-sizing:border-box; }
.db-demo button,.db-demo input,.db-demo select,.db-demo textarea { font:inherit;letter-spacing:normal;color:inherit; }
.db-demo button { border:0;background:none;cursor:pointer;min-width:44px;min-height:44px;padding:8px;color:var(--db-accent);touch-action:manipulation;-webkit-tap-highlight-color:transparent; }
.db-demo button:focus-visible,.db-demo input:focus-visible,.db-demo textarea:focus-visible,.db-demo select:focus-visible,.db-demo [tabindex]:focus-visible { outline:3px solid var(--db-accent);outline-offset:-3px; }
.db-demo svg { display:block;width:24px;height:24px;flex:none; }
.db-demo p,.db-demo h2,.db-demo h3 { font-family:inherit;letter-spacing:normal;text-wrap:initial;max-width:none; }
.db-demo .db-eyebrow { text-align:center;margin:0 0 8px;font-size:.8125rem;font-weight:500; }
.db-guides { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:12px;padding:4px;border-radius:12px;background:#ffffffb0; }
.db-guides button { min-width:0;font-size:.8125rem;border-radius:8px;padding:6px;overflow-wrap:anywhere; }
.db-guides button[aria-pressed=true] { background:var(--db-accent);color:white; }
.db-phone { position:relative;isolation:isolate;width:100%;aspect-ratio:390/844;border:1px solid #cbdad4;border-radius:28px;background:var(--db-canvas);overflow:hidden;box-shadow:0 12px 22px -17px #294c4b55; }
.db-base { display:flex;flex-direction:column;height:100%;min-height:0; }
.db-status { flex:none;display:flex;justify-content:space-between;align-items:center;height:44px;padding:12px 28px 8px;font-size:.8125rem;color:var(--db-heading); }
.db-workspace { position:relative;display:flex;flex-direction:column;flex:1;min-height:0; }
.db-calendar-head { padding-inline:20px;flex:none; }
.db-scope-line { display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:6px; }
.db-scope-name { flex:1;text-align:left;min-width:0!important;padding-left:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem!important; }
.db-member-open { display:flex;justify-content:flex-end;width:100px;padding:0!important; }
.db-avatars { display:inline-flex;flex:none;vertical-align:middle; }
.db-avatars i { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dbe9e4;border:1px solid var(--db-canvas);color:#3d5c55; }
.db-avatars i+i { margin-left:-5px; }.db-avatars .db-rose { background:#e3d4ce; }
.db-avatars svg { width:24px;height:24px; }
.db-month-line { display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:52px; }
.db-month-line>div { display:flex;flex:none; }
.db-month-title { min-width:0!important;display:flex;align-items:center;gap:8px;padding:4px 0!important;text-align:left;font-size:1.25rem!important;font-weight:600;line-height:1.25; }
.db-month-title svg { width:16px;height:16px; }
.db-icon-button { display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px!important; }
.db-month-line .db-icon-button:last-child { border-radius:14px;background:var(--db-control); }
.db-calendar-scroll { flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-inline:16px; }
.db-weekdays { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:32px;align-items:center;flex:none;text-align:center;font-size:.75rem; }
.db-saturday { color:#347fc4!important; }.db-sunday { color:#a5505b!important; }
.db-month-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(calc(76px * var(--db-month-scale,1)),1fr);flex:1;min-height:calc(var(--db-week-count,5) * 76px * var(--db-month-scale,1)); }
.db-demo .db-day { display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-width:0;min-height:0;padding:4px 0;border-top:1px solid var(--db-line);border-radius:0;color:var(--db-ink);font-size:.875rem;overflow:hidden; }
.db-date { display:grid;place-items:center;position:relative;flex:none;min-width:26px;height:28px;font-size:.9375rem;font-weight:600; }
.db-date i { position:absolute;top:1px;right:-4px;width:4px;height:4px;border-radius:50%;background:var(--db-ink); }
.db-date.db-today { background:var(--db-accent);color:white;border-radius:50%; }
.db-muted { opacity:.45; }.db-month-event,.db-placement { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--db-lines,1);align-self:stretch;flex:none;overflow:hidden;margin-inline:1px;padding:1px 3px;border-radius:3px;color:var(--db-event-color);background:color-mix(in srgb,var(--db-event-color) 18%,var(--db-canvas));font-size:.625rem;text-align:left;line-height:1.35;word-break:break-word; }
.db-month-event small { display:block;font-size:.5625rem; }.db-placement { outline:1px dashed var(--db-event-color);background:var(--db-paper); }.db-overflow { font-size:.625rem; }
.db-add-area { position:absolute;right:30px;bottom:16px;pointer-events:none; }.db-add-area button { pointer-events:auto; }
.db-demo .db-floating { display:grid;place-items:center;width:56px;height:56px;padding:14px;border-radius:50%;background:var(--db-accent);color:white;box-shadow:0 3px 8px #354c5420,inset 0 0 0 1px #ffffff55; }
.db-floating svg { width:28px;height:28px; }
.db-nav { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:none;gap:2px;margin:12px 16px 8px;padding:5px;border:1px solid var(--db-line);border-radius:32px;background:color-mix(in srgb,var(--db-surface) 88%,transparent);box-shadow:0 3px 12px #354c5410; }
.db-nav button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:3px 0;border-radius:26px;font-size:.6875rem;overflow-wrap:anywhere;line-height:1.2;color:var(--db-ink); }
.db-nav button[aria-pressed=true] { color:var(--db-accent);background:var(--db-control); }
.db-home-indicator { flex:none;align-self:center;width:32%;height:4px;border-radius:4px;background:var(--db-heading);margin:6px 0 8px; }
.db-scrim { position:absolute;inset:0;background:#0000001f;z-index:2;animation:db-fade .12s ease-out; }
.db-demo [hidden] { display:none!important; }
.db-panel { position:absolute;inset:7px 0 0;margin:0;width:100%;height:calc(100% - 7px);max-width:none;max-height:none;overflow:hidden;padding:0;border:0;border-radius:24px 24px 0 0;background:var(--db-canvas);color:var(--db-ink);z-index:3; }
.db-panel[open] { display:flex;flex-direction:column;animation:db-enter .12s cubic-bezier(.2,.8,.2,1); }
.db-panel-head { display:grid;grid-template-columns:minmax(44px,auto) minmax(0,1fr) minmax(44px,auto);gap:4px;align-items:center;flex:none;min-height:64px;padding:6px 18px; }
.db-demo .db-panel h2 { margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--db-heading);text-align:center;overflow-wrap:anywhere; }
.db-head-action { font-size:.8125rem!important; }
.db-day-panel { inset:auto 0 0;height:91%; }
.db-day-panel[open] { animation:db-day-enter .18s ease-out; }
.db-sheet-handle { align-self:center;width:40px;height:4px;margin:16px 0 6px;background:var(--db-line);border-radius:4px;flex:none; }
.db-date-header { flex:none;padding-inline:20px; }
.db-date-top { display:flex;align-items:center;min-height:44px;gap:0; }
.db-date-top strong { flex:1;min-width:0;font-size:1rem;line-height:1.3;font-weight:600;color:var(--db-heading);overflow-wrap:anywhere; }
.db-demo .db-today-pill { margin:0 2px;padding:3px 8px;min-width:44px;min-height:28px;border:1px solid color-mix(in srgb,var(--db-accent) 30%,transparent);border-radius:24px;font-size:.75rem; }
.db-three-days { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-bottom:8px; }
.db-three-days button { display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:0; }
.db-three-days span { font-size:.75rem;color:var(--db-ink); }
.db-three-days b { display:grid;place-items:center;flex:none;width:44px;height:44px;font-size:1.25rem;font-weight:500;color:var(--db-ink);border-radius:50%; }
.db-three-days [aria-pressed=true] b { font-size:1.75rem;font-weight:600;background:var(--db-accent);color:#fff; }
.db-filters { display:flex;align-items:center;gap:8px;flex:none;overflow-x:auto;max-width:100%;min-height:50px;padding:3px 24px 5px;scrollbar-width:thin; }
.db-filters button { flex:none;min-width:44px;min-height:36px;padding:6px 14px;border-radius:24px;background:var(--db-control);font-size:.8125rem;white-space:nowrap; }
.db-filters button[aria-pressed=true] { background:var(--db-accent);color:#fff; }
.db-day-content { display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden; }
.db-timeline-scroll { position:relative;flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.db-timeline { position:relative;isolation:isolate;padding-top:8px; }
.db-hour { position:absolute;display:flex;align-items:flex-start;gap:6px;left:0;right:0;pointer-events:none;height:var(--db-hour);font-size:.6875rem;color:var(--db-ink); }
.db-hour time { width:44px;flex:none;text-align:right;transform:translateY(-.5em);font-variant-numeric:tabular-nums; }
.db-hour>span { flex:1;border-top:1px solid var(--db-line); }
.db-time-slot { position:absolute;left:50px;right:12px;z-index:0;touch-action:pan-y; }
.db-event-position { position:absolute;z-index:1; }
.db-demo .db-event-card { position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:64px;min-width:0;padding:5px 9px;border-left:3px solid var(--db-event-color);border-radius:7px;background:color-mix(in srgb,var(--db-event-color) 16%,var(--db-canvas));color:var(--db-ink);text-align:left;overflow:hidden; }
.db-event-card>strong { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.3; }.db-event-card>time,.db-event-card>small { display:block;max-width:100%;font-size:.6875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.db-event-marks { display:flex;align-items:center;gap:6px;justify-content:flex-end;width:100%;margin-top:auto; }.db-event-marks>svg { width:16px;height:16px; }.db-event-marks .db-avatars i { width:20px;height:20px;background:color-mix(in srgb,var(--db-event-color) 12%,var(--db-surface));border:0;margin-left:3px; }.db-event-marks .db-avatars svg { width:13px;height:13px; }
.db-all-day-row { display:flex;gap:6px;padding:4px 12px 4px 4px;flex:none;max-height:136px;overflow:auto;border-bottom:1px solid var(--db-line); }.db-all-day-row>span { width:40px;flex:none;font-size:.6875rem; }.db-all-day-row>div { flex:1;min-width:0; }.db-all-day-row .db-event-card { margin-bottom:4px;height:auto; }
.db-demo .db-empty { margin:8px;text-align:center;font-size:.8125rem; }
.db-memo-shelf { display:flex;flex-direction:column;flex:none;min-height:180px;height:var(--db-memo-height,180px);max-height:calc(100% - 80px);padding:0 18px 8px;border:1px solid color-mix(in srgb,var(--db-ink) 28%,transparent);border-radius:18px 18px 0 0;background:var(--db-paper);overflow:hidden;transition:height .1s ease-in-out; }
.db-memo-heading { position:relative;display:flex;align-items:center;flex:none;height:44px;touch-action:none; }
.db-demo .db-memo-heading h3 { display:flex;align-items:center;gap:6px;margin:14px 0 0;min-width:0;font-size:1rem;font-weight:600;color:var(--db-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.db-memo-heading h3 svg { width:16px;height:16px; }
.db-demo .db-memo-toggle { position:absolute;left:calc(50% - 22px);top:0;display:flex;justify-content:center;align-items:flex-start;width:44px;height:44px;padding-top:7px; }
.db-handle { display:block;width:32px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--db-ink) 55%,transparent); }
.db-memo-tabs { display:flex;flex:none;gap:0;overflow-x:auto;border-bottom:1px solid var(--db-line);margin:8px 0 16px;scrollbar-width:thin; }
.db-memo-tabs button { position:relative;display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:100px;min-height:44px;padding:4px 8px;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--db-ink); }
.db-memo-tabs svg { width:12px;height:12px; }.db-memo-tabs [aria-selected=true] { color:var(--db-accent);font-weight:600; }.db-memo-tabs [aria-selected=true]::after { position:absolute;content:"";bottom:0;left:calc(50% - 18px);width:36px;height:3px;border-radius:3px;background:var(--db-accent); }
.db-memo-body { flex:1;min-height:0;overflow:auto; }.db-demo .db-note-preview { display:block;width:100%;min-height:44px;padding:8px 0;text-align:left;white-space:pre-wrap;line-height:1.7;font-size:1rem;color:var(--db-ink); }
.db-memo-body textarea { display:block;width:100%;height:100%;min-height:88px;resize:none;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--db-ink);font-size:1rem;line-height:1.7; }
.db-todo-panel { background:var(--db-surface);padding-bottom:16px; }.db-todo-panel .db-panel-head h2 { font-size:1.6875rem;text-align:left; }.db-todo-panel .db-panel-head { grid-template-columns:44px 1fr 44px; }
.db-todo-form { display:flex;flex:none;align-items:center;gap:4px;margin:16px 24px 12px;padding:4px 12px;border-radius:12px;background:var(--db-canvas); }
.db-todo-form input { min-width:0;flex:1;border:0;background:none;min-height:44px;padding:4px;font-size:1rem; }.db-todo-form button { font-size:.8125rem; }
.db-task-scroll { flex:1;min-height:0;overflow:auto;margin-inline:24px; }.db-tasks { padding:0;margin:0;list-style:none; }.db-tasks li { display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--db-line);animation:db-task .28s ease-in-out; }.db-tasks label { display:flex;align-items:center;flex:1;gap:12px;min-height:60px;min-width:0;padding:12px 0;cursor:pointer; }.db-tasks input { flex:none;appearance:none;width:26px;height:26px;border:1.5px solid var(--db-accent);border-radius:50%;margin:0;background:var(--db-surface); }.db-tasks input:checked { background:var(--db-accent);box-shadow:inset 0 0 0 5px var(--db-surface); }.db-tasks span { min-width:0;overflow-wrap:anywhere; }.db-tasks input:checked+span { text-decoration:line-through;opacity:.65; }
.db-demo .db-history { display:block;flex:none;margin:8px 24px;text-align:left;font-size:.8125rem; }
.db-editor-panel,.db-bulk-panel { background:var(--db-canvas); }.db-event-form,.db-form-scroll { min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 24px 24px; }
.db-form-card { display:block;min-width:0;max-width:100%;margin:0 0 16px;padding:12px;border:0;border-radius:16px;background:var(--db-surface); }
.db-form-card legend { float:left;display:block;width:100%;padding:2px 0 8px;font-size:.8125rem;color:var(--db-ink); }.db-form-card>legend+* { clear:both; }
.db-form-card input[type=text],.db-form-card input:not([type]) { display:block;width:100%;min-width:0;min-height:44px;border:0;background:none;padding:8px 0;font-size:1rem;color:var(--db-ink); }
.db-field { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-height:44px;margin:0;padding:4px 0;font-size:.875rem; }
.db-field>span { min-width:0; }.db-field select,.db-field input[type=date],.db-field input[type=time] { max-width:100%;min-width:0;min-height:36px;border:0;background:var(--db-control);color:var(--db-accent);border-radius:7px;padding:5px;font-size:.875rem; }
.db-field input[type=checkbox] { width:24px;height:24px;accent-color:var(--db-accent);margin:0; }.db-time-fields[hidden] { display:none; }
.db-swatches { display:flex;overflow-x:auto;scrollbar-width:thin; }.db-swatch { position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;cursor:pointer; }
.db-swatch input { appearance:none;position:absolute;width:44px;height:44px;margin:0;border:0;background:none;cursor:pointer; }.db-swatch>span { width:24px;height:24px;border-radius:50%;background:var(--db-swatch);display:grid;place-items:center; }.db-swatch svg { width:12px;height:12px;stroke:#fff;visibility:hidden; }.db-swatch input:checked+span { outline:2px solid var(--db-swatch);outline-offset:3px;box-shadow:inset 0 0 0 2px #fff; }.db-swatch input:checked+span svg { visibility:visible; }
.db-people { display:flex;gap:10px;flex-wrap:wrap; }.db-people label { display:flex;align-items:center;gap:5px;min-height:44px; }.db-people input { accent-color:var(--db-accent); }
.db-demo .db-local-only { margin:12px 0;font-size:.6875rem;line-height:1.5;color:var(--db-ink); }
.db-delete-footer { flex:none;padding:10px 20px;border-top:1px solid var(--db-line);background:var(--db-canvas); }.db-demo .db-destructive { color:#b03945;background:#b0394510;border:1px solid #b0394530;border-radius:14px; }.db-delete-footer button { width:100%;min-height:48px; }
.db-demo .db-form-error { margin:8px 0;color:#af3440;font-size:.8125rem; }
.db-bulk-month { display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:16px;flex:none;min-height:44px; }.db-bulk-month strong { font-size:1rem; }
.db-bulk-grid { flex:1;overflow:auto;min-height:0;padding:0 16px; }.db-bulk-grid .db-month-grid { grid-auto-rows:minmax(70px,1fr);min-height:350px; }.db-bulk-grid .db-day[aria-pressed=true] { background:var(--db-control);box-shadow:inset 0 0 0 1px var(--db-accent); }
.db-presets { display:flex;flex:none;gap:8px;overflow:auto;padding:12px 18px; }.db-presets button { min-width:96px;flex:none;border:1px solid var(--db-event-color);border-radius:12px;background:var(--db-paper);text-align:left;padding:8px 10px; }.db-presets strong,.db-presets small { display:block;white-space:nowrap;font-size:.75rem; }.db-presets small { font-size:.6875rem; }.db-presets [aria-pressed=true] { background:var(--db-event-color);color:white; }
.db-bulk-actions { display:flex;align-items:center;gap:16px;padding:0 18px 8px;flex:none; }.db-bulk-actions .db-icon-button { background:var(--db-control);border-radius:50%; }.db-demo .db-primary { display:flex;align-items:center;gap:6px;margin-left:auto;border-radius:24px;background:var(--db-accent);color:white;padding:8px 14px; }.db-bulk-panel>.db-local-only { margin:0;padding:0 18px 12px; }
.db-popup-panel { inset:auto 12px 100px;max-height:75%;height:auto;width:calc(100% - 24px);border-radius:24px;padding-bottom:12px;box-shadow:0 10px 40px #0002; }
.db-scope-picker,.db-member-list { padding:0 18px;overflow:auto; }.db-scope-picker button,.db-member-list button { display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:60px;text-align:left; }.db-scope-picker button>span { display:flex;align-items:center;gap:8px; }.db-scope-picker button>span svg { width:16px;height:16px; }
.db-month-picker { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 20px; }.db-month-picker button { min-width:0;min-height:56px;border-radius:14px;font-size:.875rem; }.db-month-picker [aria-pressed=true] { background:var(--db-accent);color:white; }
.db-search-input { display:block;width:calc(100% - 36px);min-height:44px;border:0;border-radius:12px;margin:0 18px 10px;padding:10px;background:var(--db-control);font-size:1rem!important; }.db-search-results { min-height:0;overflow:auto;padding:0 18px; }.db-search-results button { display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;border-bottom:1px solid var(--db-line); }.db-search-results small { font-size:.6875rem; }.db-search-results strong { font-size:.875rem; }
.db-choice-panel { inset:auto 20px 100px auto;width:156px;height:auto;max-height:55%;padding:14px;border-radius:24px; }.db-add-choices { display:flex;gap:20px;justify-content:center; }.db-add-choices button { display:flex;flex-direction:column;align-items:center;gap:5px;width:56px;min-height:70px;padding:4px; }.db-add-choices svg { border-radius:50%;background:var(--db-accent);color:#fff;padding:10px;width:44px;height:44px; }.db-add-choices span { font-size:.75rem;white-space:nowrap; }.db-choice-cancel { font-size:.75rem!important;width:100%; }.db-choice-panel h2 { font-size:.8125rem!important; }
.db-workspace-scroll { flex:1;min-height:0;overflow:auto;padding:16px 24px;overscroll-behavior:contain; }.db-demo .db-app-title { margin:0 0 16px;font-size:1.75rem;font-weight:500;line-height:1.3;color:var(--db-heading); }.db-workspace-scroll>.db-filters { padding-inline:0; }.db-demo .db-new-marker { font-size:.75rem;color:var(--db-accent);margin:18px 0 10px; }
.db-activity-card { padding:14px;margin-bottom:12px;border-radius:16px;background:var(--db-surface);box-shadow:inset 3px 0 0 var(--db-accent); }.db-activity-person { display:flex;align-items:center;gap:6px;padding:0!important;font-size:.75rem!important; }.db-activity-card>small { display:block;font-size:.6875rem; }.db-activity-card>strong { display:block;margin-top:8px;font-size:.875rem; }.db-activity-reference { display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;padding:10px!important;width:100%;border-radius:12px;background:var(--db-canvas)!important;text-align:left; }.db-activity-reference small { font-size:.6875rem; }
.db-alarm-head { display:flex;align-items:center;justify-content:space-between; }.db-alarm-row { display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--db-line);padding:12px 0;min-height:120px; }.db-alarm-text { display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-width:0!important;padding:0!important; }.db-alarm-text strong { font-size:2.5rem;line-height:1.2;font-weight:400; }.db-alarm-text small { font-size:.6875rem; }.db-alarm-text>span { font-size:.8125rem; }
.db-switch { display:grid;place-items:center;flex:none;width:56px;height:44px;position:relative; }.db-switch input { position:absolute;inset:0;width:100%;height:100%;appearance:none;margin:0;background:none;border:0;border-radius:12px;cursor:pointer; }.db-switch>span { width:50px;height:30px;padding:3px;border-radius:20px;background:#bdc9ca;pointer-events:none; }.db-switch>span::before { content:"";display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .22s ease-out; }.db-switch input:checked+span { background:var(--db-accent); }.db-switch input:checked+span::before { transform:translateX(20px); }
.db-demo .db-settings-label { margin:20px 0 8px;font-size:.75rem; }.db-profile-button { display:flex;align-items:center;gap:12px;width:100%;background:var(--db-surface)!important;border-radius:14px;text-align:left; }.db-settings-card { padding:4px 14px;border-radius:14px;background:var(--db-surface); }.db-settings-card .db-field { padding-block:8px; }.db-settings-card select { font-size:.75rem;max-width:58%; }.db-settings-card>*+* { border-top:1px solid var(--db-line); }.db-settings-link { width:100%;text-align:left;font-size:.875rem!important; }
.db-profile-line { display:flex;flex:none;align-items:center;gap:10px;min-height:56px;padding-inline:18px; }.db-profile-line>button { display:grid;place-items:center; }.db-member-panel { height:96%; }.db-member-panel .db-date-header { padding-bottom:8px; }
.db-trash { padding:0 18px;overflow:auto; }.db-trash>div { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0; }.db-trash>div>span { min-width:0;overflow-wrap:anywhere; }
.db-confirmation { position:absolute;z-index:5;inset:auto 16px 24px;padding:20px;background:var(--db-surface);box-shadow:0 0 0 900px #0005;border-radius:20px; }.db-demo .db-confirmation p { font-size:1rem;margin:0 0 12px; }.db-confirmation button { margin-right:8px;min-width:80px; }
.db-spacing { display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:4px 0; }.db-spacing>span { font-size:.75rem; }.db-spacing button { height:44px; }
.db-demo .db-hint { font-size:.8125rem;line-height:1.6;text-align:center;margin:8px 0; }.db-demo .db-privacy { font-size:.6875rem;line-height:1.6;text-align:center;margin:8px 0 0;color:var(--secondary); }.db-sr { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important; }
.db-demo[data-appearance=dark] { --db-canvas:#222c30;--db-ink:#dce5e5;--db-heading:#edf4f3;--db-accent:#76bdc0;--db-control:#35484c;--db-line:#3a4a4d;--db-paper:#34342f;--db-surface:#2b363b;color-scheme:dark; }
.db-demo[data-theme="1"]:not([data-appearance=dark]) { --db-canvas:#fcf5f7;--db-ink:#59434a;--db-heading:#5d293a;--db-accent:#a33f5a;--db-control:#f4e4e9;--db-line:#eedde2;--db-paper:#fff8f4; }
.db-demo[data-theme="2"]:not([data-appearance=dark]) { --db-canvas:#f3f8fd;--db-ink:#344e62;--db-heading:#173f5e;--db-accent:#236a9c;--db-control:#e4eff8;--db-line:#dde8f0;--db-paper:#f8faf5; }
@media(prefers-color-scheme:dark) { .db-demo[data-appearance=system] { --db-canvas:#222c30;--db-ink:#dce5e5;--db-heading:#edf4f3;--db-accent:#76bdc0;--db-control:#35484c;--db-line:#3a4a4d;--db-paper:#34342f;--db-surface:#2b363b;color-scheme:dark; } }
@keyframes db-enter { from { opacity:.65;transform:translateX(18px); } to { opacity:1;transform:none; } }
@keyframes db-day-enter { from { opacity:.7;transform:translateY(20px); } to { opacity:1;transform:none; } }
@keyframes db-fade { from { opacity:0; } to { opacity:1; } }
@keyframes db-task { from { opacity:.3;transform:translateY(-5px); } to { opacity:1;transform:none; } }
@media(max-width:370px) { .db-calendar-head { padding-inline:12px; }.db-month-title { font-size:1.0625rem!important; }.db-date-header { padding-inline:12px; }.db-date-top strong { font-size:.875rem; }.db-three-days span { font-size:.6875rem; }.db-filters { padding-inline:16px; }.db-nav { margin-inline:10px; }.db-panel-head { padding-inline:12px; }.db-event-form { padding-inline:16px; } }
@media(prefers-reduced-motion:reduce) { .db-demo *,.db-demo *::before,.db-demo *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
@media(forced-colors:active) { .db-phone,.db-nav,.db-form-card,.db-event-card,.db-memo-shelf { border:1px solid CanvasText; }.db-demo button[aria-pressed=true],.db-demo [aria-selected=true] { outline:2px solid Highlight; } }

/* Keep global marketing section spacing and text colors outside the app frame. */
.db-memo-shelf { margin:0; }
.db-demo .db-eyebrow,.db-demo .db-hint,.db-demo .db-spacing { color:var(--ink,#203e3b); }
.db-guides button,.db-spacing button { color:var(--action,#176d73); }
.db-filters button { min-height:44px; }
.db-demo .db-today-pill { min-height:44px; }
.db-date-shift { animation:db-date-slide .18s ease-out; }
@keyframes db-date-slide { from { opacity:.6;transform:translateX(12px); } to { opacity:1;transform:none; } }

.db-phone { min-height:40rem; }
.db-memo-shelf { min-height:11.25rem; }
.db-three-days [aria-pressed=true] b { font-size:min(1.75rem,34px); }
.db-three-days b { font-size:min(1.25rem,24px); }
.db-three-days span { font-size:min(.75rem,20px); }
.db-date-top strong { font-size:min(1rem,22px); }
.db-demo[data-large-text=true] .db-month-line { flex-wrap:wrap; }
.db-demo[data-large-text=true] .db-month-title { flex-basis:100%; }
.db-demo[data-large-text=true] .db-month-line>div { margin-left:auto; }
.db-demo[data-large-text=true] .db-status { height:auto;min-height:44px; }

.db-todo-head { display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:82px;padding:12px 24px; }
.db-demo .db-todo-head h2 { flex:1;font-size:1.6875rem;text-align:left;font-weight:500; }
.db-choice-panel { width:156px;height:auto;max-height:none;padding:12px 16px 0;background:transparent;box-shadow:none;overflow:visible; }
.db-demo .db-choice-panel h2 { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.db-add-choices { width:116px;gap:28px;padding-top:18px; }
.db-add-choices button { position:relative;min-width:44px;width:44px;min-height:44px;padding:0; }
.db-add-choices .db-choice-guidance { position:absolute;left:-21px;top:-21px;width:86px;height:86px;padding:0;border-radius:0;background:none;overflow:visible;pointer-events:none; }
.db-choice-guidance text { fill:var(--db-accent);stroke:none;font-size:10.5px;font-weight:600; }
.db-choice-label { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.db-choice-cancel { margin-top:10px;border-radius:24px;background:var(--db-canvas)!important; }
.db-demo[data-large-text=true] .db-choice-guidance { display:none; }
.db-demo[data-large-text=true] .db-choice-label { position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin-top:8px; }

.db-month-event.db-span-continuation { color:transparent;border-radius:0;margin-inline:0; }
.db-month-event.db-span-start { border-radius:3px 0 0 3px;margin-right:0; }
.db-month-event.db-span-end { border-radius:0 3px 3px 0;margin-left:0; }

.db-demo .db-location-link { display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;text-align:left;font-size:.875rem; }
.db-location-link>span:last-child { max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.db-tab-label { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.db-demo[data-screen=choices] .db-add-area { visibility:hidden; }
/* The secondary grid item must shrink when text preferences enlarge its contents. */
.creation-demo-section > [data-daybay-create] { min-width:0;width:100%; }
.db-demo { width:100%; }

/* Frozen 2026-10-25 03:15:37 UTC reminder/timer UI additions. */
.db-todo-actions { display:flex;align-items:center;flex:none;gap:0; }
.db-todo-actions .db-icon-button { flex:none;padding:10px!important; }
.db-reminder-list { clear:both;min-width:0; }
.db-reminder-row { display:flex;align-items:center;gap:4px;min-width:0; }
.db-reminder-row>button:first-child { display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;text-align:left;padding:8px 0; }
.db-reminder-row>button:first-child>span { flex:1;min-width:0;overflow-wrap:anywhere; }
.db-reminder-row>button:first-child svg { width:20px;height:20px;color:var(--db-ink); }
.db-demo .db-add-notification { display:flex;align-items:center;gap:8px;min-height:44px;text-align:left;width:100%; }
.db-add-notification svg { width:20px;height:20px; }
.db-demo button:disabled { cursor:default;opacity:.45; }
.db-demo .db-reminder-limit { margin:6px 0 0;font-size:.75rem;line-height:1.5;color:var(--db-ink); }
.db-todo-underlay { position:absolute;z-index:1;inset:7px 0 0;overflow:hidden;padding:20px 24px;background:var(--db-surface);pointer-events:none; }
.db-demo .db-todo-underlay h2 { margin:0 0 16px;font-size:1.6875rem;font-weight:500;color:var(--db-heading); }
.db-todo-underlay>p { font-size:.8125rem;color:var(--db-accent); }
.db-todo-underlay>div>p { min-height:60px;border-bottom:1px solid var(--db-line);padding:16px 0;margin:0; }
.db-todo-stack { inset:auto 0 0;height:90%; }
.db-options-list { display:flex;flex-direction:column;min-height:0;overflow:auto; }
.db-options-list>button { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;padding:10px 16px;text-align:left;border-bottom:1px solid var(--db-line); }
.db-options-list>button>span { flex:1;min-width:0; }
.db-options-list>button[aria-pressed=true] { font-weight:600; }
.db-todo-menu { top:var(--db-menu-top,160px);bottom:auto;max-height:70%; }
.db-todo-menu .db-panel-head h2 { font-size:.875rem; }
.db-repeat-panel { inset:auto 0 0;height:76%; }
.db-timing-form .db-options-list>button { padding-inline:0; }
.db-field input[type=number] { width:100px;max-width:100%;min-height:44px;padding:6px;border:0;border-radius:7px;background:var(--db-control);color:var(--db-accent);font-size:1rem; }
.db-confirmation.db-confirmation-center { top:50%;bottom:auto;transform:translateY(-50%); }
.db-confirmation-center>button { display:block;width:100%;margin:6px 0 0; }
.db-demo[data-large-text=true] .db-todo-actions { flex-wrap:wrap;max-width:88px; }