:root{--font-family: "Outfit", sans-serif;--transition-speed: .2s;--planable-red: #DE1F1C;--planable-pink: #FC709E;--planable-red-dark: #C1121F;--planable-green: #038A3D;--planable-lilac: #C9B5EB;--planable-orange: #FF782E;--planable-pink-light: #FFA8EB;--planable-blue-light: #B5DBFF;--planable-purple: #CC4DA1;--planable-magenta: #DE2973;--planable-blue-sea: #1D7BA0;--planable-ink: #1F2937;--planable-grey-700: #6B6B6B;--planable-grey-500: #9CA3AF;--planable-grey-300: #FCE4E8;--planable-rose-50: #FFF5F7;--planable-rose-25: #FFF0F3;--planable-paper: #FFFBFB;--planable-white: #FFFFFF;--planable-priority-high: #DE1F1C;--planable-priority-medium: #FFB703;--planable-priority-low: #4BB543}:root{--bg-app: var(--planable-paper);--bg-content: var(--planable-rose-25);--bg-card: var(--planable-white);--bg-input-token: var(--planable-rose-50);--bg-hover-token: var(--planable-rose-25);--fg-primary: var(--planable-red);--fg-body: var(--planable-ink);--fg-secondary: var(--planable-grey-700);--fg-muted: var(--planable-grey-500);--fg-onPrimary: var(--planable-white);--border-default: var(--planable-grey-300);--border-strong: var(--planable-pink);--brand: var(--planable-red);--brand-soft: var(--planable-pink);--brand-dark: var(--planable-red-dark);--brand-rgb: 222, 31, 28;--brand-soft-rgb: 252, 112, 158;--brand-bright: color-mix(in srgb, var(--planable-red) 88%, #ffffff 12%);--brand-deep: var(--planable-red-dark);--status-success: var(--planable-green);--status-success-soft: #E8F5E9;--status-warning: var(--planable-orange);--status-warning-soft: #FFF3E0;--status-error: var(--planable-red);--status-error-soft: #FFEBEE;--status-info: var(--planable-blue-sea);--status-info-soft: var(--planable-blue-light);--brand-text: var(--brand);--status-success-text: var(--status-success);--status-error-text: var(--status-error);--status-warning-text: var(--status-warning);--status-info-text: var(--status-info);--accent-ink: 100%;--accent-ink-base: #ffffff;--backlog: var(--brand);--backlog-soft: color-mix(in srgb, var(--brand) 14%, transparent);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(var(--brand-rgb), .04);--shadow-sm: 0 2px 6px rgba(var(--brand-rgb), .06);--shadow-md: 0 6px 18px rgba(var(--brand-rgb), .08);--shadow-lg: 0 14px 40px rgba(var(--brand-rgb), .12);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1)}:root{--primary: var(--brand);--primary-light: var(--brand-soft);--primary-dark: var(--brand-dark);--background: var(--bg-app);--surface: var(--bg-content);--accent: var(--brand-soft);--text-primary: var(--fg-primary);--text-secondary: var(--fg-secondary);--text-muted: var(--fg-muted);--text-main: var(--fg-body);--checkbox-border: var(--brand-soft);--checkbox-filled: var(--brand);--divider: var(--border-default);--input-background: var(--bg-input-token);--card-background: var(--bg-card);--success: var(--status-success);--error: var(--status-error);--warning: var(--status-warning);--brand-green: var(--planable-green);--brand-blue-light: var(--planable-blue-light);--brand-orange: var(--planable-orange);--brand-magenta: var(--planable-magenta);--brand-lilac: var(--planable-lilac);--brand-purple: var(--planable-purple);--brand-pink-light: var(--planable-pink-light);--brand-blue-sea: var(--planable-blue-sea);--bg-main: var(--bg-app);--bg-sidebar: var(--bg-card);--bg-hover: var(--bg-hover-token);--border-color: var(--border-default);--primary-main: var(--brand);--success-main: var(--status-success);--success-light: var(--status-success-soft);--error-main: var(--status-error);--error-light: var(--status-error-soft);--error-dark: #C62828;--warning-main: var(--status-warning);--warning-light: var(--status-warning-soft);--info-main: #1976D2;--info-light: #E3F2FD}:root[data-theme=dark],:root[data-theme$=-dark],:root.dark{--planable-paper: #2E2E32;--planable-white: #383840;--planable-rose-25: #404048;--planable-rose-50: #404048;--planable-ink: #F1EDED;--planable-grey-700:#B8B0B0;--planable-grey-500:#B4ADAD;--planable-grey-300:#645C62;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .55);--status-success-soft: rgba(3, 138, 61, .18);--status-warning-soft: rgba(255, 120, 46, .18);--status-error-soft: rgba(var(--brand-rgb), .18);--bg-sidebar: #2A2A2E;--fg-onPrimary: #FFFFFF;--brand-text: color-mix(in srgb, var(--planable-red) 45%, #ffffff 55%);--fg-primary: var(--brand-text);--status-success-text: color-mix(in srgb, var(--planable-green) 55%, #ffffff 45%);--status-error-text: var(--brand-text);--status-warning-text: color-mix(in srgb, var(--planable-orange) 75%, #ffffff 25%);--status-info-text: color-mix(in srgb, var(--planable-blue-sea) 45%, #ffffff 55%);--accent-ink: 40%;color-scheme:dark}[data-theme^=lavender]{--planable-red: #8B7BB5;--planable-pink: #B5A8D4;--planable-red-dark: #6B5B95;--planable-paper: #FCFBFF;--planable-rose-25: #F5F3FA;--planable-rose-50: #F8F6FC;--planable-grey-300: #E8E4F0;--brand-rgb: 139, 123, 181;--brand-soft-rgb: 181, 168, 212}[data-theme^=blush]{--planable-red: #D4849A;--planable-pink: #E8B4C4;--planable-red-dark: #B86B82;--planable-paper: #FFFAFB;--planable-rose-25: #FFF5F7;--planable-rose-50: #FFF8F9;--planable-grey-300: #FCE8EC;--brand-rgb: 212, 132, 154;--brand-soft-rgb: 232, 180, 196}[data-theme^=purple]{--planable-red: #6B4C9A;--planable-pink: #9B7BC9;--planable-red-dark: #4A3470;--planable-paper: #FAF8FF;--planable-rose-25: #F5F0FA;--planable-rose-50: #F8F5FC;--planable-grey-300: #E8E0F5;--brand-rgb: 107, 76, 154;--brand-soft-rgb: 155, 123, 201}[data-theme^=linnen]{--planable-red: #2B33B5;--planable-pink: #8C97E6;--planable-red-dark: #1C2488;--planable-paper: #FBF9F5;--planable-rose-25: #F3EFE7;--planable-rose-50: #F7F4EE;--planable-grey-300: #E6E0D5;--brand-rgb: 43, 51, 181;--brand-soft-rgb: 140, 151, 230}[data-theme=linnen-dark]{--planable-red: #7A97FF;--planable-pink: #5570E8;--planable-red-dark: #9DB2FF;--brand-rgb: 122, 151, 255;--brand-soft-rgb: 85, 112, 232}:root[data-theme=lavender-dark],:root[data-theme=blush-dark],:root[data-theme=linnen-dark]{--fg-onPrimary: #1A1A1D}[data-theme$=-dark]{--primary-light: rgba(230, 57, 70, .35)}[data-theme=lavender-dark]{--primary-light: rgba(139, 123, 117, .35)}[data-theme=blush-dark]{--primary-light: rgba(212, 132, 154, .35)}[data-theme=purple-dark]{--primary-light: rgba(107, 76, 154, .35)}[data-theme=linnen-dark]{--primary-light: rgba(122, 151, 255, .35)}.theme-light{--planable-paper: #FFFBFB;--planable-white: #FFFFFF;--planable-rose-25: #FFF0F3;--planable-rose-50: #FFF5F7;--planable-ink: #1F2937;--planable-grey-700:#6B6B6B;--planable-grey-500:#9CA3AF;--planable-grey-300:#FCE4E8;--bg-app: #FFFBFB;--bg-content: #FFF0F3;--bg-card: #FFFFFF;--bg-input-token: #FFF5F7;--bg-hover-token: #FFF0F3;--fg-primary: #DE1F1C;--fg-body: #1F2937;--fg-secondary: #6B6B6B;--fg-muted: #9CA3AF;--fg-onPrimary: #FFFFFF;--brand-text: var(--brand);--status-success-text: var(--status-success);--status-error-text: var(--status-error);--status-warning-text: var(--status-warning);--status-info-text: var(--status-info);--accent-ink: 100%;--border-default: #FCE4E8;--text-main: #1F2937;--input-background: #FFF5F7;--card-background: #FFFFFF;--bg-sidebar: #FFFFFF;--border-color: #FCE4E8;--background: #FFFBFB;--surface: #FFF0F3;--shadow-xs: 0 1px 2px rgba(var(--brand-rgb), .04);--shadow-sm: 0 2px 6px rgba(var(--brand-rgb), .06);--shadow-md: 0 6px 18px rgba(var(--brand-rgb), .08);--shadow-lg: 0 14px 40px rgba(var(--brand-rgb), .12);color-scheme:light}@media(prefers-contrast:more){:root{--planable-grey-700: #3A3A3A;--planable-grey-500: #474747;--planable-grey-300: #8C8389;--brand-text: color-mix(in srgb, var(--planable-red) 50%, #000000 50%);--fg-primary: var(--brand-text);--status-success-text: color-mix(in srgb, var(--planable-green) 62%, #000000 38%);--status-error-text: var(--brand-text);--status-warning-text: color-mix(in srgb, var(--planable-orange) 48%, #000000 52%);--status-info-text: color-mix(in srgb, var(--planable-blue-sea) 65%, #000000 35%);--accent-ink: 42%;--accent-ink-base: #000000}:root[data-theme=dark],:root[data-theme$=-dark],:root.dark{--planable-grey-700: #E4DFDF;--planable-grey-500: #E0DADA;--planable-grey-300: #8E868C;--brand-text: color-mix(in srgb, var(--planable-red) 20%, #ffffff 80%);--status-success-text: color-mix(in srgb, var(--planable-green) 22%, #ffffff 78%);--status-error-text: var(--brand-text);--status-warning-text: color-mix(in srgb, var(--planable-orange) 32%, #ffffff 68%);--status-info-text: color-mix(in srgb, var(--planable-blue-sea) 20%, #ffffff 80%);--accent-ink: 20%;--accent-ink-base: #ffffff}.theme-light{--brand-text: color-mix(in srgb, var(--planable-red) 50%, #000000 50%);--fg-primary: var(--brand-text);--fg-secondary: #3A3A3A;--fg-muted: #474747;--border-default: #8C8389;--border-color: #8C8389;--accent-ink: 42%;--accent-ink-base: #000000}}.app-shell,.app-shell *{box-sizing:border-box}.app-shell{display:grid;grid-template-columns:264px 1fr;height:100vh;width:100vw;background:var(--bg-app);transition:grid-template-columns .32s var(--ease-out)}.app-shell.collapsed{grid-template-columns:76px 1fr}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:22px 14px 14px;position:relative;overflow:hidden}.app-sidebar .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 28px;position:relative;z-index:1;text-decoration:none}.app-sidebar .brand .brand-mark{width:30px;height:30px;flex-shrink:0}.app-sidebar .brand .wordmark{font-family:CityMango,cursive;font-size:30px;font-weight:400;color:var(--brand-text);line-height:1;letter-spacing:0;white-space:nowrap}.app-shell.collapsed .app-sidebar .brand{justify-content:center;padding:6px 0 12px}.app-shell.collapsed .app-sidebar .brand .wordmark{display:none}.app-sidebar .brand-toggle{margin-left:auto;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);position:relative;z-index:2}.app-sidebar .brand-toggle:hover{background:var(--bg-hover-token);color:var(--brand-text)}.app-sidebar .brand-toggle:active{transform:scale(.96)}.app-sidebar .rail-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:36px;margin:0 auto 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:var(--brand-text);cursor:pointer;box-shadow:var(--shadow-xs);position:relative;z-index:1;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.app-sidebar .rail-toggle:hover{background:var(--bg-hover-token)}.app-sidebar .rail-toggle:active{transform:scale(.96)}.app-sidebar .nav{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.app-sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--fg-secondary);font-family:var(--font-family);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;text-decoration:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);position:relative}.app-sidebar .nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.85;display:inline-flex;align-items:center;justify-content:center}.app-sidebar .nav-item:hover{background:rgba(var(--brand-rgb),.05);color:var(--brand-text)}.app-sidebar .nav-item.active{background:rgba(var(--brand-rgb),.08);color:var(--brand-text)}:is(.dark,[data-theme=dark],[data-theme$=-dark]) .app-sidebar .nav-item.active{background:rgba(var(--brand-rgb),.12)}.app-sidebar .nav-item.active .nav-icon{opacity:1}.app-sidebar .nav-item .nav-count{margin-left:auto;color:var(--fg-muted);font-size:12px;font-weight:500;padding:0 8px;border-radius:var(--radius-sm);letter-spacing:0}.app-sidebar .nav-item.active .nav-count{color:var(--brand-text)}.app-shell.collapsed .app-sidebar .nav-item{justify-content:center;padding:12px 0}.app-shell.collapsed .app-sidebar .nav-item .nav-label,.app-shell.collapsed .app-sidebar .nav-item .nav-count{display:none}.app-sidebar .nav-section-divider{border:none;border-top:1px solid var(--border-default);margin:16px 8px 12px}.app-sidebar .side-reminders{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:0 4px}.app-sidebar .side-reminders .head{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--fg-muted)}.app-sidebar .side-reminders .head .count{background:var(--planable-rose-25);color:var(--brand-text);font-size:12px;font-weight:500;letter-spacing:0;padding:0 8px;border-radius:var(--radius-sm)}[data-theme=dark] .app-sidebar .side-reminders .head .count,[data-theme$=-dark] .app-sidebar .side-reminders .head .count,.dark .app-sidebar .side-reminders .head .count{background:var(--planable-red);color:var(--fg-onPrimary)}.app-sidebar .side-rem-empty{font-family:var(--font-family);color:var(--fg-muted);font-size:14px;font-weight:500;padding:8px 8px 4px;line-height:1.3}.app-sidebar .side-rem{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:flex-start;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.app-sidebar .side-rem:hover{background:var(--planable-rose-25);border-color:var(--planable-grey-300)}.app-sidebar .side-rem .cb{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--planable-red);margin-top:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--fg-onPrimary)}.app-sidebar .side-rem.done .cb{background:var(--planable-red)}.app-sidebar .side-rem.prio-pink .cb{border-color:var(--planable-pink)}.app-sidebar .side-rem.prio-orange .cb{border-color:var(--planable-orange)}.app-sidebar .side-rem .lbl{font-size:14px;font-weight:500;color:var(--planable-ink);line-height:1.3;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar .side-rem.done .lbl{text-decoration:line-through;color:var(--planable-grey-500)}.app-sidebar .side-rem .meta{font-size:12px;font-weight:500;color:var(--planable-grey-500);margin-top:1px;letter-spacing:0}.app-sidebar .side-rem.overdue .meta{color:var(--brand-text)}.app-sidebar .side-view-all{display:inline-flex;align-items:center;gap:6px;margin:4px 4px 0;padding:8px 4px;background:transparent;border:none;color:var(--brand-text);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:0;align-self:flex-start;text-decoration:none;transition:color var(--dur-base) var(--ease-out)}.app-sidebar .side-view-all:hover{color:var(--brand-deep)}.app-shell.collapsed .app-sidebar .side-reminders,.app-shell.collapsed .app-sidebar .nav-section-divider,.app-shell.collapsed .app-sidebar .rmwidget{display:none}.app-sidebar .rmwidget{margin:0 4px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;position:relative;z-index:1;box-shadow:var(--shadow-xs)}.app-sidebar .rmwidget-head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border-bottom:1px solid var(--border-default);color:var(--text-main);font-family:var(--font-family);font-size:14px;font-weight:500;letter-spacing:0}.app-sidebar .rmwidget-head svg{color:var(--text-muted)}.app-sidebar .rmwidget-body{display:flex;flex-direction:column;gap:2px;padding:6px}.app-sidebar .rmwidget-item{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:flex-start;padding:8px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background var(--dur-base) var(--ease-out)}.app-sidebar .rmwidget-item:hover{background:var(--planable-rose-25)}.app-sidebar .rmwidget-item .cb{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--planable-red);display:flex;align-items:center;justify-content:center;color:var(--fg-onPrimary);flex-shrink:0;margin-top:1px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.app-sidebar .rmwidget-item.prio-med .cb{border-color:var(--planable-orange)}.app-sidebar .rmwidget-item.prio-low .cb{border-color:var(--planable-green)}.app-sidebar .rmwidget-item.done .cb{background:var(--planable-red);border-color:var(--planable-red)}.app-sidebar .rmwidget-item.done.prio-med .cb{background:var(--planable-orange);border-color:var(--planable-orange)}.app-sidebar .rmwidget-item.done.prio-low .cb{background:var(--planable-green);border-color:var(--planable-green)}.app-sidebar .rmwidget-item .content{display:flex;flex-direction:column;gap:2px;min-width:0}.app-sidebar .rmwidget-item .text{font-size:14px;font-weight:500;color:var(--planable-ink);line-height:1.3;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar .rmwidget-item.done .text{text-decoration:line-through;color:var(--planable-grey-500)}.app-sidebar .rmwidget-item .meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--planable-grey-500);letter-spacing:0}.app-sidebar .rmwidget-item .meta svg{opacity:.85}.app-sidebar .rmwidget-item.overdue .meta{color:var(--brand-text)}.app-sidebar .rmwidget-empty{padding:16px 12px;text-align:center;font-size:12px;color:var(--text-muted);font-weight:500}.app-sidebar .rmwidget-link{display:inline-flex;align-items:center;gap:4px;margin:4px 4px 0;padding:8px 4px;background:transparent;border:none;color:var(--brand-text);font-size:12px;font-weight:500;letter-spacing:0;text-decoration:none;align-self:flex-start;cursor:pointer;transition:color var(--dur-base) var(--ease-out)}.app-sidebar .rmwidget-link:hover{color:var(--brand-deep)}.app-sidebar .spacer{flex:1}.app-sidebar .profile{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--border-default);position:relative;z-index:1}.app-sidebar .profile .avatar{width:36px;height:36px;border-radius:999px;background:var(--planable-green);color:var(--fg-onPrimary);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0}.app-sidebar .profile .who{min-width:0;flex:1}.app-sidebar .profile .name{font-size:14px;font-weight:500;color:var(--planable-ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar .profile .email{font-size:12px;font-weight:500;color:var(--planable-grey-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell.collapsed .app-sidebar .profile .who{display:none}.app-shell.collapsed .app-sidebar .profile{justify-content:center}.app-main{display:flex;flex-direction:column;background:var(--bg-app);min-width:0;position:relative;overflow:hidden}[data-theme=dark] .settings-section-title,[data-theme$=-dark] .settings-section-title,.dark .settings-section-title,[data-theme=dark] .settings-section-icon,[data-theme$=-dark] .settings-section-icon,.dark .settings-section-icon{color:color-mix(in srgb,var(--planable-pink) var(--accent-ink),var(--accent-ink-base))!important}.app-main>*{position:relative;z-index:1}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 8px;position:relative;z-index:1}.app-topbar .page-title{font-family:CityMango,cursive;font-size:36px;color:var(--brand-text);line-height:1;letter-spacing:0;margin:0;text-transform:lowercase}.app-topbar .topbar-actions{display:flex;align-items:center;gap:8px}.topbar-env-switch{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--planable-ink);cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.topbar-env-switch--preview{background:rgba(var(--brand-rgb),.12);border-color:rgba(var(--brand-rgb),.35);color:var(--brand-deep)}.alert-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--planable-ink);cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xs)}.alert-chip:hover{background:var(--bg-hover-token);border-color:rgba(var(--brand-rgb),.3)}.alert-chip.warn{color:var(--status-warning-text)}.alert-chip.bell{color:var(--brand-text);position:relative}.alert-chip .icon{display:inline-flex;align-items:center;justify-content:center}.alert-chip .pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:var(--planable-red);color:var(--fg-onPrimary);font-size:12px;font-weight:500;border-radius:var(--radius-sm);letter-spacing:0}.alert-chip.warn .pill{background:var(--planable-orange)}.app-subhead{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:24px;position:relative;z-index:50;flex-wrap:wrap}.weeknav{display:flex;align-items:center;gap:8px}.weeknav .arrow{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);color:var(--planable-grey-700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xs)}.weeknav .arrow:hover{background:var(--bg-hover-token);border-color:rgba(var(--brand-rgb),.3);color:var(--brand-text)}.weeknav .week-label{display:flex;flex-direction:column;gap:0;padding:0 4px}.weeknav .week-label .num{font-size:20px;font-weight:500;color:var(--text-main);letter-spacing:0;line-height:1.2}.weeknav .week-label .range{font-size:12px;font-weight:500;color:var(--planable-grey-500);letter-spacing:0}.weeknav .today-btn{display:inline-flex;align-items:center;margin-left:4px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--planable-grey-700);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;letter-spacing:0;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xs)}.weeknav .today-btn:hover{background:var(--bg-hover-token);border-color:rgba(var(--brand-rgb),.3);color:var(--brand-text)}.stats{display:flex;gap:24px;align-items:center}.stat{display:flex;flex-direction:column;gap:0;align-items:flex-start}.stat .lbl{font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-500)}.stat .val{font-size:20px;font-weight:500;color:var(--planable-ink);letter-spacing:0;line-height:1.2;font-variant-numeric:tabular-nums}.stat .val .denom{font-size:14px;font-weight:500;color:var(--planable-grey-500);margin-left:2px}.view-toggle{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px;gap:4px;box-shadow:var(--shadow-xs)}.view-toggle button{background:transparent;border:none;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--planable-grey-700);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.view-toggle button:hover{color:var(--brand-text)}.view-toggle button.active{background:var(--bg-content);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--border-default)}.app-subhead{z-index:50}.planner-grid{z-index:1}.subhead-right{display:flex;align-items:center;gap:10px}.cat-filter-icon{position:relative;display:flex;align-items:center;gap:8px}.cat-active-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 4px 8px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--dot) 12%,var(--planable-white));border:1px solid color-mix(in srgb,var(--dot) 38%,var(--border-default));font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-700);white-space:nowrap;box-shadow:var(--shadow-xs);animation:catfade-in var(--dur-fast) var(--ease-out)}.cat-active-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}.cat-active-pill .lbl{line-height:1}.cat-active-pill .clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--planable-grey-500);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cat-active-pill .clear:hover{background:color-mix(in srgb,var(--dot) 20%,transparent);color:var(--brand-text)}@keyframes catfade-in{0%{opacity:0}to{opacity:1}}.cat-filter-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-xs);color:var(--planable-grey-700);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cat-filter-btn:hover{border-color:var(--planable-pink);color:var(--brand-text)}.cat-filter-btn.open,.cat-filter-btn.filtered{border-color:var(--planable-red);color:var(--brand-text)}.cat-filter-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;background:var(--planable-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:12px;min-width:220px;animation:catfade-in var(--dur-fast) var(--ease-out)}.cat-pop-title{font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-700);margin-bottom:8px;padding:0 8px}.cat-pop-menu{display:flex;flex-direction:column;gap:4px}.cat-pop-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:transparent;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--planable-grey-700);cursor:pointer;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cat-pop-item:hover{background:var(--bg-hover)}.cat-pop-item.active{background:rgba(var(--brand-rgb),.08);color:var(--brand-text)}.cat-pop-dot{width:8px;height:8px;border-radius:50%;background:var(--planable-grey-300);flex:none}.cat-pop-lbl{flex:1}.cat-pop-check{margin-left:auto;flex:none}[data-theme=dark] .cat-filter-btn,[data-theme$=-dark] .cat-filter-btn,.dark .cat-filter-btn{background:#ffffff0a}[data-theme=dark] .cat-filter-pop,[data-theme$=-dark] .cat-filter-pop,.dark .cat-filter-pop{background:var(--bg-card)}[data-theme=dark] .cat-pop-item:hover,[data-theme$=-dark] .cat-pop-item:hover,.dark .cat-pop-item:hover{background:#ffffff0d}[data-theme=dark] .cat-pop-item.active,[data-theme$=-dark] .cat-pop-item.active,.dark .cat-pop-item.active{background:rgba(var(--brand-rgb),.16);color:color-mix(in srgb,var(--planable-pink) var(--accent-ink),var(--accent-ink-base))}[data-theme=dark] .cat-active-pill,[data-theme$=-dark] .cat-active-pill,.dark .cat-active-pill{background:color-mix(in srgb,var(--dot) 20%,transparent);border-color:color-mix(in srgb,var(--dot) 48%,transparent);color:var(--planable-grey-700);box-shadow:none}.planner-grid{flex:1;display:flex;flex-direction:column;padding:8px 28px 12px;min-height:0;position:relative;z-index:1}.planner-grid,.planner-grid *{box-sizing:border-box}.planner-grid .day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;flex:1;min-height:0;min-width:1000px}@media(max-width:1440px){.planner-grid{padding:8px 16px 12px}.planner-grid .day-grid{gap:8px;min-width:820px}}@media(max-width:1024px){.planner-grid .day-grid{min-width:760px}}.planner-grid .day{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;transition:border-color var(--dur-base) var(--ease-out);overflow:hidden;box-shadow:var(--shadow-xs)}.planner-grid .day:hover{border-color:rgba(var(--brand-rgb),.25)}.planner-grid .day.past{background:transparent;box-shadow:none}.planner-grid .day.past .day-header .dow,.planner-grid .day.past .day-header .dnum{color:var(--fg-muted)}.planner-grid .day.today{background:var(--bg-card);border-color:rgba(var(--brand-rgb),.25)}.planner-grid .day.today:before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;background:var(--planable-red);border-radius:0 0 3px 3px}.planner-grid .day.is-over{border-color:var(--planable-red);box-shadow:inset 0 0 0 1px var(--planable-red)}.planner-grid .day-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-default);flex-shrink:0}.planner-grid .day.past .day-header{border-bottom-color:transparent}.planner-grid .day-header .dow{font-size:12px;font-weight:500;letter-spacing:0;text-transform:capitalize;color:var(--planable-grey-700)}.planner-grid .day.today .day-header .dow{color:var(--brand-text)}.planner-grid .day-header .dnum{display:inline-flex;align-items:baseline;gap:4px;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--planable-ink);white-space:nowrap}.planner-grid .day.today .day-header .dnum{color:var(--brand-text);font-weight:600}.planner-grid .day-header .dnum .mon{font-size:12px;font-weight:500;text-transform:lowercase;color:var(--planable-grey-700)}.planner-grid .day.today .day-header .dnum .mon{color:var(--brand-text);opacity:.7}.planner-grid .day-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--planable-grey-300) transparent}.planner-grid .day-body::-webkit-scrollbar{width:4px}.planner-grid .day-body::-webkit-scrollbar-thumb{background:var(--planable-grey-300);border-radius:2px}.planner-grid .day-body::-webkit-scrollbar-track{background:transparent}.planner-grid .sect-lbl{display:flex;align-items:center;gap:8px;padding:0 4px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-700)}.planner-grid .sect-lbl.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease-out)}.planner-grid .sect-lbl.clickable:hover{color:var(--planable-ink)}.planner-grid .sect-lbl.collapsed{color:var(--fg-muted)}.planner-grid .sect-lbl .lbl-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--bg-content);color:var(--text-secondary);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;border-radius:999px;letter-spacing:0;padding:0 4px}.planner-grid .sect-group{display:flex;flex-direction:column;gap:8px}.planner-grid .appt{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;min-height:36px;padding:8px 8px 8px 12px;background:var(--planable-rose-25);border:1px solid transparent;border-radius:var(--radius-sm);position:relative;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);overflow:hidden}.planner-grid .day.today .appt{background:var(--bg-card);border-color:var(--planable-grey-300)}.planner-grid .appt:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--planable-red)}.planner-grid .appt.tone-pink:before{background:var(--planable-pink)}.planner-grid .appt.tone-blue:before{background:var(--planable-blue-sea)}.planner-grid .appt.tone-lilac:before{background:var(--planable-lilac)}.planner-grid .appt.tone-green:before{background:var(--planable-green)}.planner-grid .appt.tone-purple:before{background:var(--planable-purple)}.planner-grid .appt.tone-orange:before{background:var(--planable-orange)}.planner-grid .appt.canceled{opacity:.6}.planner-grid .appt.canceled .title{text-decoration:line-through}.planner-grid .appt.canceled:before{background:var(--planable-grey-500);opacity:.5}.planner-grid .appt:hover{border-color:var(--planable-pink)}.planner-grid .appt .time{font-size:12px;font-weight:500;color:var(--planable-ink);letter-spacing:0;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.planner-grid .day.past .appt .time{color:var(--fg-muted)}.planner-grid .appt .title{display:flex;align-items:flex-start;gap:4px;font-size:13px;font-weight:500;color:var(--planable-ink);line-height:20px;letter-spacing:0;min-width:0}.planner-grid .appt .title>svg{flex-shrink:0;margin-top:4px;opacity:.75}.planner-grid .appt .title-text{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.planner-grid .appt.allday{grid-template-columns:1fr;background:color-mix(in srgb,var(--planable-lilac) 18%,transparent);border-color:color-mix(in srgb,var(--planable-lilac) 40%,transparent)}.planner-grid .day.today .appt.allday{background:color-mix(in srgb,var(--planable-lilac) 20%,transparent)}.planner-grid .appt.allday:before{background:var(--planable-lilac)}.planner-grid .appt.allday.tone-pink{background:var(--planable-rose-25);border-color:var(--border-default)}.planner-grid .appt.allday.tone-pink:before{background:var(--planable-pink)}.planner-grid .appt.allday.tone-green{background:var(--status-success-soft);border-color:#038a3d4d}.planner-grid .appt.allday.tone-green:before{background:var(--planable-green)}.planner-grid .appt.allday .title{font-weight:500;color:var(--planable-ink);font-size:13px}.planner-grid .task{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;min-height:36px;padding:8px 8px 8px 12px;background:var(--planable-rose-25);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.planner-grid .task:has(>:nth-child(3)){grid-template-columns:18px minmax(0,1fr) auto}.planner-grid .day{container-type:inline-size}@container (max-width: 140px){.planner-grid .day-body{padding:8px;gap:8px}.planner-grid .task,.planner-grid .appt{padding:8px 8px 8px 12px;gap:4px 8px}.planner-grid .task{padding-left:8px}.planner-grid .appt{grid-template-columns:minmax(0,1fr)}.planner-grid .task:has(>:nth-child(3)){grid-template-columns:18px minmax(0,1fr)}.planner-grid .task>:nth-child(3){grid-column:2}}.planner-grid .day.today .task{background:var(--bg-card);border-color:var(--planable-grey-300)}.planner-grid .task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--planable-red);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.planner-grid .task.prio-high:before{opacity:1;background:var(--planable-red)}.planner-grid .task.prio-med:before{opacity:1;background:var(--planable-orange)}.planner-grid .task.prio-low:before{opacity:1;background:var(--planable-green)}.planner-grid .task:hover{border-color:var(--planable-pink)}.planner-grid .task .cb{width:18px;height:18px;margin-top:1px;border-radius:4px;border:2px solid var(--planable-red);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--fg-onPrimary);flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.planner-grid .task.prio-high .cb{border-color:var(--planable-red)}.planner-grid .task.prio-med .cb{border-color:var(--planable-orange)}.planner-grid .task.prio-low .cb{border-color:var(--planable-green)}.planner-grid .task.has-cat-color .cb{border-color:var(--cat-color)}.planner-grid .task.done .cb,.planner-grid .task.done.prio-high .cb{background:var(--planable-red);border-color:var(--planable-red)}.planner-grid .task.done.prio-med .cb{background:var(--planable-orange);border-color:var(--planable-orange)}.planner-grid .task.done.prio-low .cb{background:var(--planable-green);border-color:var(--planable-green)}.planner-grid .task.done.has-cat-color .cb{background:var(--cat-color);border-color:var(--cat-color)}.planner-grid .task .lbl{font-size:13px;font-weight:500;color:var(--planable-ink);line-height:20px;letter-spacing:0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.planner-grid .task .task-ind{line-height:20px}.planner-grid .task.done .lbl{text-decoration:line-through;color:var(--planable-grey-500)}.voltooid-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 4px 0;color:var(--planable-grey-500);font-size:12px;font-weight:500;letter-spacing:0;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);align-self:flex-start;white-space:nowrap}.voltooid-toggle:hover{color:var(--brand-text)}.voltooid-toggle .chev{transition:transform var(--dur-fast) var(--ease-out)}.voltooid-toggle.open .chev{transform:rotate(90deg)}.planner-grid .add-row{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:1px dashed var(--planable-grey-300);border-radius:var(--radius-sm);background:transparent;color:var(--planable-grey-500);font-size:12px;font-weight:500;letter-spacing:0;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);margin-top:auto;width:100%}.planner-grid .add-row:hover{border-color:var(--planable-red);border-style:solid;color:var(--brand-text);background:var(--planable-rose-25)}.planner-grid .add-row.inline{margin-top:0;padding:4px 8px;font-size:12px}.planner-grid .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;gap:4px;color:var(--fg-muted);font-weight:500;font-size:12px;text-align:center;line-height:1.4}.planner-grid .empty-state svg{opacity:.7}.planner-grid .day.vacation{background:color-mix(in srgb,var(--bg-card) 94%,rgb(var(--brand-rgb)))}.weekdoel-bar{margin:12px 96px 20px 28px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);position:relative;z-index:1;box-shadow:var(--shadow-xs);transition:border-color var(--dur-base) var(--ease-out)}.weekdoel-bar:focus-within{border-color:var(--brand-bright)}.weekdoel-bar .lbl{font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-secondary);flex-shrink:0}.weekdoel-bar input{flex:1;border:none;background:transparent;font-weight:500;font-size:14px;color:var(--planable-ink);outline:none;min-width:0}.weekdoel-bar input::-moz-placeholder{color:var(--text-muted);opacity:1}.weekdoel-bar input::placeholder{color:var(--text-muted);opacity:1}.weekdoel-bar .save-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;color:var(--brand-text);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;letter-spacing:0;box-shadow:none;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.weekdoel-bar:focus-within .save-btn{opacity:1;pointer-events:auto}.weekdoel-bar .save-btn:hover{background:rgba(var(--brand-rgb),.08)}@media(max-width:1024px){.weekdoel-bar{margin:12px 16px 20px}}.dag-wrap{flex:1;display:flex;flex-direction:column;padding:0 28px 12px;min-height:0;position:relative;z-index:1;overflow:hidden}.dag-wrap,.dag-wrap *{box-sizing:border-box}.daystrip{--daystrip-gap: 8px;position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--daystrip-gap);padding:8px 0 16px;flex-shrink:0}.daystrip-pill{position:absolute;top:8px;bottom:16px;left:0;z-index:1;width:calc((100% - 6 * var(--daystrip-gap)) / 7);border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid rgba(var(--brand-rgb),.35);pointer-events:none;transform:translate(calc(var(--i, 0) * (100% + var(--daystrip-gap))));transition:transform .2s var(--ease-out)}.daystrip-pill[data-index="1"]{--i: 1}.daystrip-pill[data-index="2"]{--i: 2}.daystrip-pill[data-index="3"]{--i: 3}.daystrip-pill[data-index="4"]{--i: 4}.daystrip-pill[data-index="5"]{--i: 5}.daystrip-pill[data-index="6"]{--i: 6}.daystrip .d .dow,.daystrip .d .dnum,.daystrip .d .pulse{position:relative;z-index:2}.daystrip .d .dow,.daystrip .d .dnum{transition:color var(--dur-fast) var(--ease-out)}@media(prefers-reduced-motion:reduce){.daystrip-pill{transition:none}}.daystrip .d{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);min-height:72px;text-align:left;font-family:inherit;color:inherit}.daystrip .d:not(.selected):hover{border-color:rgba(var(--brand-rgb),.25)}.daystrip .d .dow{font-size:12px;font-weight:500;letter-spacing:0;text-transform:capitalize;color:var(--planable-grey-700)}.daystrip .d .dnum{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--planable-ink);letter-spacing:0;line-height:1}.daystrip .d .pulse{display:flex;gap:4px;align-self:flex-start}.daystrip .d .pulse span{width:4px;height:4px;border-radius:999px;background:var(--planable-grey-500)}.daystrip .d.drag-over{background:var(--backlog-soft);border-color:var(--backlog);box-shadow:inset 0 0 0 1px var(--backlog)}.daystrip .d.selected{background:transparent;border-color:transparent}.daystrip .d.selected .dnum,.daystrip .d.today-pill .dow{color:var(--brand-text)}.daystrip .d.today-pill:before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;background:var(--planable-red);border-radius:0 0 3px 3px;z-index:3}.dag-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;flex:1;min-height:0}@media(max-width:1080px){.dag-grid{grid-template-columns:1fr 320px}}@media(max-width:900px){.dag-grid{grid-template-columns:1fr}}.dag-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-xs);overflow:hidden}.dag-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-default);gap:12px;flex-shrink:0}.dag-panel-head .title{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--planable-ink);margin:0}.dag-panel-head .title .lbl-count{font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-700);font-variant-numeric:tabular-nums}.dag-panel-head .title .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--planable-grey-700)}.dag-panel-head .title .icon svg{width:16px;height:16px}.dag-panel-head .actions{display:flex;align-items:center;gap:8px}.dag-panel-head .actions .cat-filter-icon{gap:8px}.dag-panel-head .actions .cat-filter-btn{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-default);color:var(--planable-grey-700);box-shadow:none}.dag-panel-head .actions .cat-filter-btn:hover{background:var(--bg-hover);border-color:rgba(var(--brand-rgb),.25);color:var(--brand-text)}.dag-panel-head .actions .cat-filter-btn.open,.dag-panel-head .actions .cat-filter-btn.filtered{background:var(--bg-card);border-color:var(--planable-red);color:var(--brand-text)}.dag-panel-head .add-menu-wrap{position:relative;display:inline-flex}.dag-panel-head .add-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;display:flex;flex-direction:column;min-width:180px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px;box-shadow:var(--shadow-md);animation:catfade-in var(--dur-fast) var(--ease-out)}.dag-panel-head .add-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:500;color:var(--planable-ink);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dag-panel-head .add-menu button:hover{background:var(--bg-hover)}.dag-panel-head .add-menu button svg{flex-shrink:0;color:var(--planable-grey-700)}.dag-panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--planable-grey-300) transparent}.dag-panel-body::-webkit-scrollbar{width:6px}.dag-panel-body::-webkit-scrollbar-thumb{background:var(--planable-grey-300);border-radius:3px}.dag-aside{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--planable-grey-300) transparent}.dag-aside::-webkit-scrollbar{width:6px}.dag-aside::-webkit-scrollbar-thumb{background:var(--planable-grey-300);border-radius:3px}.dag-aside .dag-panel{flex-shrink:0}.dag-aside-sortable{position:relative;flex-shrink:0}.dag-aside-sortable.is-dragging{opacity:.4;z-index:10}.dag-aside-grip{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--planable-grey-400);cursor:grab;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.dag-aside-sortable:hover .dag-aside-grip{opacity:1}.dag-aside-grip:active{cursor:grabbing}.dag-appt{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px 16px;min-height:64px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);position:relative;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);align-items:center}.dag-appt:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--planable-blue-sea);border-radius:0 2px 2px 0}.dag-appt.tone-pink:before{background:var(--planable-pink)}.dag-appt.tone-green:before{background:var(--planable-green)}.dag-appt.tone-lilac:before{background:var(--planable-lilac)}.dag-appt.tone-red:before{background:var(--planable-red)}.dag-appt.tone-purple:before{background:var(--planable-purple)}.dag-appt.tone-orange:before{background:var(--planable-orange)}.dag-appt.canceled{opacity:.55}.dag-appt.canceled .title{text-decoration:line-through}.dag-appt:hover{border-color:rgba(var(--brand-rgb),.25)}.dag-appt .time{font-size:12px;font-weight:500;color:var(--planable-blue-sea);letter-spacing:0;font-variant-numeric:tabular-nums}.dag-appt.tone-pink .time{color:color-mix(in srgb,var(--planable-pink) var(--accent-ink),var(--accent-ink-base))}.dag-appt.tone-green .time{color:var(--status-success-text)}.dag-appt.tone-lilac .time{color:var(--planable-purple)}.dag-appt.tone-red .time{color:var(--brand-text)}.dag-appt.tone-purple .time{color:var(--planable-purple)}.dag-appt.tone-orange .time{color:var(--status-warning-text)}.dag-appt .body{display:flex;flex-direction:column;gap:4px;min-width:0}.dag-appt .title{font-size:14px;font-weight:500;color:var(--planable-ink);line-height:1.25;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.dag-appt .meta{font-size:12px;font-weight:500;color:var(--planable-grey-700);letter-spacing:0}.dag-aside-appts{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.dag-aside-appts .dag-appt{width:100%;font-family:inherit;text-align:left}.dag-item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;cursor:pointer;position:relative}.dag-item:before{content:"";position:absolute;left:56px;width:2px;top:-4px;bottom:-4px;background:var(--border-default);pointer-events:none;z-index:0}.dag-item .card{display:grid;grid-template-columns:1fr;align-items:center;min-height:64px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out);position:relative;z-index:1}.dag-item:hover .card{border-color:rgba(var(--brand-rgb),.25)}.dag-item .card:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--planable-grey-300);border-radius:0 2px 2px 0}.dag-item.is-task.prio-high .card:before{background:var(--planable-red)}.dag-item.is-task.prio-med .card:before{background:var(--planable-orange)}.dag-item.is-task.prio-low .card:before{background:var(--planable-green)}.dag-item.is-appt.tone-pink .card:before{background:var(--planable-pink)}.dag-item.is-appt.tone-blue .card:before{background:var(--planable-blue-sea)}.dag-item.is-appt.tone-lilac .card:before{background:var(--planable-lilac)}.dag-item.is-appt.tone-green .card:before{background:var(--planable-green)}.dag-item.is-appt.tone-purple .card:before{background:var(--planable-purple)}.dag-item.is-appt.tone-orange .card:before{background:var(--planable-orange)}.dag-item.is-dragging{opacity:.4}.dag-item.canceled{opacity:.55}.dag-item.canceled .lbl{text-decoration:line-through}.dag-item .time-rail{display:grid;grid-template-columns:1fr 14px;gap:8px;align-items:center;min-height:24px}.dag-item .time-rail .time{grid-column:1;text-align:right;font-size:12px;font-weight:500;color:var(--planable-ink);letter-spacing:0;font-variant-numeric:tabular-nums}.dag-item.is-appt.tone-pink .time-rail .time{color:color-mix(in srgb,var(--planable-pink) var(--accent-ink),var(--accent-ink-base))}.dag-item.is-appt.tone-blue .time-rail .time{color:var(--planable-blue-sea)}.dag-item.is-appt.tone-lilac .time-rail .time{color:var(--planable-purple)}.dag-item.is-appt.tone-green .time-rail .time{color:var(--status-success-text)}.dag-item.is-appt.tone-purple .time-rail .time{color:var(--planable-purple)}.dag-item.is-appt.tone-orange .time-rail .time{color:var(--status-warning-text)}.dag-item .time-rail .dot{grid-column:2;width:14px;height:14px;border-radius:999px;flex-shrink:0;position:relative;z-index:1;background:var(--bg-card);box-shadow:inset 0 0 0 2px var(--planable-grey-500)}.dag-item.is-task .time-rail .dot{background:var(--planable-grey-500);box-shadow:none}.dag-item.is-task.prio-high .time-rail .dot{background:var(--planable-red)}.dag-item.is-task.prio-med .time-rail .dot{background:var(--planable-orange)}.dag-item.is-task.prio-low .time-rail .dot{background:var(--planable-green)}.dag-item.is-appt .time-rail .dot{background:var(--bg-card);box-shadow:inset 0 0 0 2px var(--planable-grey-500)}.dag-item.is-appt.tone-pink .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-pink)}.dag-item.is-appt.tone-blue .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-blue-sea)}.dag-item.is-appt.tone-lilac .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-lilac)}.dag-item.is-appt.tone-green .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-green)}.dag-item.is-appt.tone-purple .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-purple)}.dag-item.is-appt.tone-orange .time-rail .dot{box-shadow:inset 0 0 0 2px var(--planable-orange)}.dag-item .content{display:flex;align-items:center;gap:12px;min-width:0}.dag-item .grip{display:grid;grid-template-columns:3px 3px;grid-template-rows:3px 3px 3px;gap:3px;color:var(--planable-grey-500);flex-shrink:0;cursor:grab;opacity:.55;transition:opacity var(--dur-base) var(--ease-out)}.dag-item:hover .grip{opacity:1}.dag-item .grip span{width:3px;height:3px;background:currentColor;border-radius:999px}.dag-item .cb{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--planable-grey-500);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--fg-onPrimary);flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.dag-item.is-task.prio-high .cb{border-color:var(--planable-red)}.dag-item.is-task.prio-med .cb{border-color:var(--planable-orange)}.dag-item.is-task.prio-low .cb{border-color:var(--planable-green)}.dag-item.is-task.done .cb{background:var(--planable-red);border-color:var(--planable-red)}.dag-item.is-task.done.prio-med .cb{background:var(--planable-orange);border-color:var(--planable-orange)}.dag-item.is-task.done.prio-low .cb{background:var(--planable-green);border-color:var(--planable-green)}.dag-item.is-task .cb svg{display:none}.dag-item.is-task.done .cb svg{display:block}.dag-item .body{display:flex;flex-direction:column;gap:4px;min-width:0}.dag-item .body .lbl{font-size:14px;font-weight:500;color:var(--planable-ink);line-height:1.25;letter-spacing:0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.dag-item.is-task.done .body .lbl{text-decoration:line-through;color:var(--planable-grey-500)}.dag-item .body .meta{display:inline-flex;align-items:center;gap:4px;min-height:16px;font-size:12px;line-height:16px;font-weight:500;color:var(--planable-grey-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dag-item .body .meta svg{opacity:.8;flex-shrink:0}.dag-allday-group{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.dag-allday-group .group-lbl{font-size:12px;font-weight:500;letter-spacing:0;color:var(--planable-grey-700);padding:0 4px}.dag-now-marker{display:flex;align-items:center;gap:8px;padding:0;margin:4px 0}.dag-now-marker .now-label{font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;color:var(--brand-text);font-variant-numeric:tabular-nums;white-space:nowrap}.dag-now-marker .line{flex:1;height:1px;background:var(--brand-bright)}.dag-empty{padding:40px 12px;text-align:center;font-weight:400;font-size:14px;color:var(--planable-grey-700)}.dag-progress{display:flex;flex-direction:column;gap:12px;padding:16px}.dag-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dag-progress-head .label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--planable-ink)}.dag-progress-head .label .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--planable-grey-700)}.dag-progress-head .label .icon svg{width:16px;height:16px}.dag-progress-head .pct{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--planable-ink);letter-spacing:0}.dag-progress .bar{height:8px;background:var(--bg-hover);border-radius:999px;overflow:hidden}.dag-progress .bar .fill{width:100%;height:100%;background:var(--brand-bright);transform-origin:left;transition:transform .3s var(--ease-out)}@media(prefers-reduced-motion:reduce){.dag-progress .bar .fill{transition:none}}.dag-progress .stats-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--planable-grey-700)}.dag-progress .stats-row .overdue{color:var(--status-warning-text);font-weight:500}.dag-progress .stat-line{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--planable-grey-700)}.dag-progress .stat-line strong{font-weight:500;color:var(--planable-ink)}.dag-stack{position:relative;flex-shrink:0;margin-bottom:12px}.dag-stack>.dag-stack-collapse{position:absolute;top:8px;right:8px}.dag-stack:not(.is-collapsed) .dag-stack-card{padding-right:48px}.dag-stack-title.is-rotating{animation:dag-stack-title-in var(--dur-base) var(--ease-out)}@keyframes dag-stack-title-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dag-stack-title.is-rotating{animation:none}}.dag-stack-expand-icon{flex-shrink:0;margin-left:auto;color:var(--text-muted)}.dag-stack-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:12px 16px}.dag-stack-main{display:flex;align-items:center;gap:16px;width:100%;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left}button.dag-stack-main{cursor:pointer;border-radius:12px}button.dag-stack-main:focus-visible{outline:2px solid var(--brand-bright);outline-offset:4px}.dag-stack-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dag-stack-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.dag-stack-title-row{display:flex;align-items:baseline;gap:10px;min-width:0}.dag-stack-time{flex-shrink:0;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-main)}.dag-stack-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.dag-stack-title{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dag-stack-title.is-large{font-size:16px}.dag-stack-more{font-size:12px;color:var(--text-secondary)}.dag-stack-meta{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary)}.dag-stack-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.dag-stack-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.dag-stack-actions.is-indented{margin-top:8px;padding-left:48px}.dag-stack-chip{min-width:64px;padding:0 14px}.focus-custom-stepper{display:flex;justify-content:center;padding:8px 0}.dag-stack-link{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:none;border:0;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.dag-stack-link:hover{color:var(--brand-bright);background:rgba(var(--brand-rgb),.06)}.dag-stack-link.is-end{margin-left:auto}.dag-stack-link.is-more{align-self:flex-start;margin-left:-8px}.dag-stack-main.is-top{align-items:flex-start}.dag-stack-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:6px}.dag-stack-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--planable-grey-300);cursor:pointer}.dag-stack-dot.is-active{background:var(--brand-bright)}.dag-stack-dot:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.dag-stack-card.is-collapsed{display:flex;align-items:center;gap:12px;padding:8px 14px}.dag-stack-card.is-collapsed .dag-stack-main{flex:1;min-width:0;gap:12px}.dag-stack-card.is-collapsed .dag-stack-body{gap:1px}.dag-stack-card.is-collapsed .dag-stack-icon{width:28px;height:28px}.dag-stack.is-collapsed{margin-bottom:10px}.dag-stack.is-collapsed .dag-stack-pager{padding-top:2px;gap:6px}.dag-stack.is-collapsed .dag-stack-pager button:not(.dag-stack-dot){width:22px;height:22px}[data-theme=dark] .dag-stack-card,[data-theme$=-dark] .dag-stack-card,.dark .dag-stack-card,[data-theme=dark] .dag-stack-row,[data-theme$=-dark] .dag-stack-row,.dark .dag-stack-row{box-shadow:none}[data-theme=dark] .dag-stack-dot:not(.is-active),[data-theme$=-dark] .dag-stack-dot:not(.is-active),.dark .dag-stack-dot:not(.is-active){background:var(--planable-grey-500)}.dag-stack-groups{display:flex;flex-direction:column;gap:16px}.dag-stack-group{display:flex;flex-direction:column;gap:2px}.dag-stack-group h4{margin:0;font-size:13px;font-weight:500;color:var(--text-secondary)}.dag-stack-group>h4+.dag-stack-row{border-top:0}.dag-stack-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border-default)}.dag-stack-row-title{flex:1 1 auto;min-width:0;font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dag-stack-check{flex:none;width:18px;height:18px;padding:0;border:1.5px solid rgba(var(--brand-rgb),.45);border-radius:50%;background:transparent;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.dag-stack-check:hover{border-color:var(--brand-bright);background:rgba(var(--brand-rgb),.14)}.dag-stack-row-trail{flex:none;display:grid;align-items:center;justify-items:end}.dag-stack-row-trail>*{grid-area:1 / 1}.dag-stack-row-date{font-size:12px;color:var(--text-muted);white-space:nowrap;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}.dag-stack-row-choices{display:flex;gap:2px;opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out)}.dag-stack-row:hover .dag-stack-row-choices,.dag-stack-row:focus-within .dag-stack-row-choices{opacity:1;visibility:visible}.dag-stack-row:hover .dag-stack-row-date,.dag-stack-row:focus-within .dag-stack-row-date{opacity:0}@media(hover:none){.dag-stack-row-choices{opacity:1;visibility:visible}.dag-stack-row-date{opacity:0}}.dag-stack-rows{display:flex;flex-direction:column;min-width:0;max-width:720px}.dag-stack-row.is-compact{padding:4px 8px;margin:0 -8px;border-top:0;border-radius:8px;transition:background var(--dur-base) var(--ease-out)}.dag-stack-row.is-compact:hover{background:rgba(var(--brand-rgb),.04)}.dag-stack-chip{padding:3px 8px;border:0;border-radius:6px;background:transparent;color:var(--brand-bright);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}.dag-stack-chip:hover{background:rgba(var(--brand-rgb),.12)}.dag-summary{display:flex;flex-direction:column;padding:4px 16px 8px}.dag-summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-default);font-size:14px;font-weight:400;color:var(--planable-ink)}.dag-summary-row:last-child{border-bottom:none}.dag-summary-row .count{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--planable-ink);letter-spacing:0}.dag-summary-row.is-voltooid .count{color:var(--status-success-text)}.dag-summary-row.is-filter{font-size:12px;color:var(--planable-grey-700)}.coach-fab{position:fixed;right:22px;bottom:24px;width:56px;height:56px;border-radius:999px;background:var(--planable-red);border:none;color:var(--fg-onPrimary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;z-index:50;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.coach-fab:hover{background:var(--brand-deep)}.coach-fab:active{transform:scale(.97)}.coach-fab--open{z-index:1101}.coach-fab-badge{background:var(--planable-pink)}[data-theme=dark] .planner-grid .day,[data-theme$=-dark] .planner-grid .day,.dark .planner-grid .day{border-color:rgba(var(--brand-soft-rgb),.2);box-shadow:none}[data-theme=dark] .planner-grid .day:hover,[data-theme$=-dark] .planner-grid .day:hover,.dark .planner-grid .day:hover{border-color:rgba(var(--brand-soft-rgb),.45)}[data-theme=dark] .planner-grid .day.past,[data-theme$=-dark] .planner-grid .day.past,.dark .planner-grid .day.past{border-color:#ffffff14}[data-theme=dark] .planner-grid .day.today,[data-theme$=-dark] .planner-grid .day.today,.dark .planner-grid .day.today{border-color:rgba(var(--brand-soft-rgb),.45)}[data-theme=dark] .planner-grid .sect-lbl .lbl-count,[data-theme$=-dark] .planner-grid .sect-lbl .lbl-count,.dark .planner-grid .sect-lbl .lbl-count{background:#ffffff1a;color:var(--fg-body)}[data-theme=dark] .planner-grid .day.past .day-header .dow,[data-theme$=-dark] .planner-grid .day.past .day-header .dow,.dark .planner-grid .day.past .day-header .dow,[data-theme=dark] .planner-grid .day.past .day-header .dnum,[data-theme$=-dark] .planner-grid .day.past .day-header .dnum,.dark .planner-grid .day.past .day-header .dnum,[data-theme=dark] .planner-grid .day.past .appt .time,[data-theme$=-dark] .planner-grid .day.past .appt .time,.dark .planner-grid .day.past .appt .time{color:var(--planable-grey-700)}[data-theme=dark] .planner-grid .day.vacation,[data-theme$=-dark] .planner-grid .day.vacation,.dark .planner-grid .day.vacation{background:color-mix(in srgb,var(--bg-card) 90%,rgb(var(--brand-rgb)))}[data-theme=dark] .dag-panel,[data-theme$=-dark] .dag-panel,.dark .dag-panel{border-color:var(--planable-grey-300);box-shadow:none}[data-theme=dark] .dag-panel-head,[data-theme$=-dark] .dag-panel-head,.dark .dag-panel-head{border-bottom-color:var(--planable-grey-300)}[data-theme=dark] .daystrip .d:not(.selected),[data-theme$=-dark] .daystrip .d:not(.selected),.dark .daystrip .d:not(.selected){border-color:var(--planable-grey-300)}[data-theme=dark] .weekdoel-bar,[data-theme$=-dark] .weekdoel-bar,.dark .weekdoel-bar{box-shadow:none}[data-theme=dark] .weekdoel-bar input::-moz-placeholder,[data-theme$=-dark] .weekdoel-bar input::-moz-placeholder,.dark .weekdoel-bar input::-moz-placeholder{color:var(--fg-muted);opacity:1}[data-theme=dark] .weekdoel-bar input::placeholder,[data-theme$=-dark] .weekdoel-bar input::placeholder,.dark .weekdoel-bar input::placeholder{color:var(--fg-muted);opacity:1}[data-theme=dark] .planner-grid .appt,[data-theme$=-dark] .planner-grid .appt,.dark .planner-grid .appt,[data-theme=dark] .planner-grid .task,[data-theme$=-dark] .planner-grid .task,.dark .planner-grid .task,[data-theme=dark] .planner-grid .day.today .appt,[data-theme$=-dark] .planner-grid .day.today .appt,.dark .planner-grid .day.today .appt,[data-theme=dark] .planner-grid .day.weekend .appt,[data-theme$=-dark] .planner-grid .day.weekend .appt,.dark .planner-grid .day.weekend .appt,[data-theme=dark] .planner-grid .day.today .task,[data-theme$=-dark] .planner-grid .day.today .task,.dark .planner-grid .day.today .task,[data-theme=dark] .planner-grid .day.weekend .task,[data-theme$=-dark] .planner-grid .day.weekend .task,.dark .planner-grid .day.weekend .task{background:#00000040}.task-popover{position:fixed;z-index:9999;width:248px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow-md);pointer-events:none;animation:catfade-in var(--dur-fast) var(--ease-out) both}.task-popover:has(.task-popover-delete){padding-right:40px}.task-popover-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);pointer-events:auto;background:transparent;color:var(--fg-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.task-popover-delete:hover{background:var(--bg-hover);color:var(--brand-text)}.task-popover .task-popover-start{border-radius:var(--radius-sm);background:transparent;color:var(--fg-muted)}.task-popover .task-popover-start:hover{background:var(--bg-hover);color:var(--fg-body)}.task-popover-prio{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--fg-secondary);margin-bottom:8px}.task-popover-prio-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--planable-grey-300)}.task-popover.prio-high .task-popover-prio-dot{background:var(--planable-red)}.task-popover.prio-med .task-popover-prio-dot{background:var(--planable-orange)}.task-popover.prio-low .task-popover-prio-dot{background:var(--planable-green)}.task-popover-text{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--fg-body);line-height:20px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.task-popover.done .task-popover-text{text-decoration:line-through;color:var(--fg-muted)}.task-popover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;line-height:16px;color:var(--fg-muted);font-weight:400;font-variant-numeric:tabular-nums}.task-popover-meta:empty{display:none}.task-popover-prio-sep{color:var(--fg-muted);font-weight:400}.task-popover-done-chip{color:var(--status-success-text);font-size:12px;font-weight:500;letter-spacing:0}.appt-popover{position:fixed;z-index:9999;width:248px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow-md);pointer-events:none;animation:catfade-in var(--dur-fast) var(--ease-out) both}.appt-popover-time{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--fg-secondary);margin-bottom:8px}.appt-popover-time-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.appt-popover-title{display:flex;align-items:center;gap:4px;margin:0 0 8px;font-size:14px;font-weight:500;color:var(--fg-body);line-height:20px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.appt-popover-exam-icon{flex:none;color:rgba(var(--brand-rgb),.75)}.appt-popover-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:16px;color:var(--fg-muted);font-weight:400;font-variant-numeric:tabular-nums}.appt-popover-meta:empty{display:none}.task-ind{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:var(--planable-grey-500)}.task-ind .task-ind-sub{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}.task-ind .task-ind-sub.all-done{color:var(--status-success-text)}.task.done .task-ind{opacity:.6}.task-popover-subtasks{display:inline-flex;align-items:center;gap:4px}.dag-drag-overlay{width:auto!important;height:auto!important;max-width:280px}.planner-with-backlog{display:flex;align-items:stretch;min-height:0;flex:1}.w-backlog{width:290px;flex-shrink:0;margin:8px 28px 12px 0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xs);transition:width .28s cubic-bezier(.16,1,.3,1)}.w-backlog.collapsed{width:56px}.w-backlog.is-over{border-color:var(--backlog);box-shadow:inset 0 0 0 1px var(--backlog)}@media(max-width:1024px){.w-backlog{margin-right:16px;width:250px}}.dag-aside .w-backlog{width:100%;margin:0}.dag-item .dag-actions{display:flex;align-items:center;gap:8px}.dag-dropzone{display:flex;flex-direction:column;gap:12px;flex:1;border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.dag-dropzone.is-over{background:var(--backlog-soft);box-shadow:inset 0 0 0 1px var(--backlog)}.w-bl-head{padding:12px 16px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:8px}.w-bl-head .bi{position:relative;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.w-bl-head .bi:hover{background:var(--bg-hover);color:var(--fg-body)}.w-bl-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:var(--radius-pill);background:var(--backlog);color:var(--fg-onPrimary);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-card)}.w-bl-head .tt{font-weight:500;font-size:16px;color:var(--fg-body)}.w-bl-head .ct{color:var(--fg-muted);font-weight:500;font-size:14px;font-variant-numeric:tabular-nums}.w-bl-head-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.w-bl-head .collapse{color:var(--fg-muted);cursor:pointer;background:none;border:none;border-radius:var(--radius-sm);display:flex;padding:2px;transition:transform var(--dur-base) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.w-backlog:not(.collapsed) .w-bl-head .collapse{transform:rotate(0)}.w-backlog.collapsed .w-bl-head{flex-direction:column;padding:12px 8px}.w-backlog.collapsed .w-bl-head-actions{margin-left:0}.w-backlog.collapsed .w-bl-head .collapse{transform:rotate(180deg)}.w-backlog.collapsed .tt,.w-backlog.collapsed .ct,.w-backlog.collapsed .w-bl-sub,.w-backlog.collapsed .w-bl-body,.w-backlog.collapsed .w-bl-empty,.w-backlog.collapsed .w-bl-foot{display:none}.w-bl-sub{padding:8px 16px;font-size:12px;font-weight:400;color:var(--fg-muted);line-height:16px}.w-bl-group-toggle{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.w-bl-group-toggle:hover{background:var(--bg-hover);color:var(--fg-body)}.w-bl-group-toggle.active{color:var(--fg-body)}.w-bl-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:8px}.w-bl-body .task{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;min-height:36px;padding:8px 8px 8px 12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.w-bl-body .task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--planable-red);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.w-bl-body .task:has(>:nth-child(3)){grid-template-columns:18px minmax(0,1fr) auto}.w-bl-body .task.prio-high:before{opacity:1;background:var(--planable-red)}.w-bl-body .task.prio-med:before{opacity:1;background:var(--planable-orange)}.w-bl-body .task.prio-low:before{opacity:1;background:var(--planable-green)}.w-bl-body .task:hover{border-color:var(--planable-pink)}.w-bl-body .task .cb{width:18px;height:18px;margin-top:1px;border-radius:4px;border:2px solid var(--planable-red);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--fg-onPrimary);flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.w-bl-body .task.prio-high .cb{border-color:var(--planable-red)}.w-bl-body .task.prio-med .cb{border-color:var(--planable-orange)}.w-bl-body .task.prio-low .cb{border-color:var(--planable-green)}.w-bl-body .task.has-cat-color .cb{border-color:var(--cat-color)}.w-bl-body .task.done .cb,.w-bl-body .task.done.prio-high .cb{background:var(--planable-red);border-color:var(--planable-red)}.w-bl-body .task.done.prio-med .cb{background:var(--planable-orange);border-color:var(--planable-orange)}.w-bl-body .task.done.prio-low .cb{background:var(--planable-green);border-color:var(--planable-green)}.w-bl-body .task.done.has-cat-color .cb{background:var(--cat-color);border-color:var(--cat-color)}.w-bl-body .task .lbl{font-size:13px;font-weight:500;color:var(--planable-ink);line-height:20px;letter-spacing:0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.w-bl-body .task .task-ind{line-height:20px}.w-bl-body .task.done .lbl{text-decoration:line-through;color:var(--planable-grey-500)}.w-bl-cat+.w-bl-cat{margin-top:4px}.w-bl-cat-head{width:100%;display:flex;align-items:center;gap:8px;padding:4px;border:none;background:none;cursor:pointer;color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out)}.w-bl-cat-head:hover{color:var(--fg-body)}.w-bl-cat-head .nm{font-size:12px;font-weight:500;letter-spacing:0;color:var(--fg-secondary)}.w-bl-cat-head .ct{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--fg-muted);margin-left:auto}.w-bl-cat-body{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.w-bl-foot{padding:12px;border-top:1px solid var(--border-default)}.w-bl-add{width:100%;border:1px dashed var(--border-default);background:transparent;color:var(--fg-secondary);font-family:var(--font-family);font-weight:500;font-size:14px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.w-bl-add:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-body)}.w-bl-add:disabled{opacity:.5;cursor:not-allowed}.w-bl-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center}.w-inline{display:flex;align-items:center;gap:8px}.w-inline input{flex:1;min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px;font-family:var(--font-family);font-weight:500;font-size:14px;color:var(--fg-body);background:var(--bg-card);transition:border-color var(--dur-fast) var(--ease-out)}.w-inline input:focus{border-color:var(--backlog);outline:none}.w-inline button{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:var(--backlog);color:var(--fg-onPrimary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.agenda-main{display:flex;flex-direction:column}.ag-subhead{display:grid;grid-template-columns:1fr 268px;gap:16px;padding:8px 28px 16px;align-items:center;position:relative;z-index:2}.ag-subhead-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.ag-datenav{display:flex;align-items:center;gap:8px}.ag-datenav .arrow{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.ag-datenav .arrow:hover{background:var(--bg-hover);border-color:rgba(var(--brand-rgb),.3);color:var(--brand-text)}.ag-datenav .ag-date{display:inline-flex;align-items:baseline;gap:8px;padding:0 4px;white-space:nowrap}.ag-datenav .ag-date .prim{font-family:var(--font-family);font-size:20px;font-weight:500;color:var(--fg-body);line-height:1.2;white-space:nowrap}.ag-datenav .ag-date .ghost{font-size:20px;font-weight:400;color:var(--fg-muted);line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.ag-datenav .vandaag{display:inline-flex;align-items:center;margin-left:4px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--fg-secondary);font-family:var(--font-family);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.ag-datenav .vandaag:hover{background:var(--bg-hover);border-color:rgba(var(--brand-rgb),.3);color:var(--brand-text)}.ag-view-toggle{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px;gap:4px;box-shadow:var(--shadow-xs)}.ag-view-toggle button{background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--fg-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ag-view-toggle button:hover{color:var(--brand-text)}.ag-view-toggle button.active{background:var(--bg-content);color:var(--fg-body);box-shadow:inset 0 0 0 1px var(--border-default)}.ag-view-toggle .add-event{min-width:0;width:36px;height:36px;padding:0;margin-left:4px;background:var(--planable-red);color:var(--fg-onPrimary)}.ag-view-toggle .add-event:hover{background:var(--brand-dark);color:var(--fg-onPrimary)}.ag-datenav button:focus-visible,.ag-view-toggle button:focus-visible,.ag-calpanel button:focus-visible,.ag-day-strip .d:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.ag-body{flex:1;display:grid;grid-template-columns:1fr 268px;gap:16px;padding:0 28px 20px;min-height:0;position:relative;z-index:1}.ag-body-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-xs)}.ag-calpanel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:4px;min-height:0;box-shadow:var(--shadow-xs);align-self:flex-start}[data-theme=dark] .ag-body-content,[data-theme$=-dark] .ag-body-content,.dark .ag-body-content,[data-theme=dark] .ag-calpanel,[data-theme$=-dark] .ag-calpanel,.dark .ag-calpanel{box-shadow:none}.ag-calpanel .head{display:flex;align-items:center;justify-content:space-between;padding:0 0 4px 8px}.ag-calpanel .head .lbl{font-size:14px;font-weight:500;color:var(--fg-body)}.ag-calpanel .head .add{width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ag-calpanel .head .add:hover{background:var(--bg-hover);color:var(--brand-text)}.ag-calpanel .cal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.ag-calpanel .cal-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ag-calpanel .cal-row:hover{background:var(--bg-hover)}.ag-calpanel .cal-row .tick{flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--fg-muted);background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.ag-calpanel .cal-row .tick.on{background:var(--cal-color, var(--planable-red));border-color:var(--cal-color, var(--planable-red))}.ag-calpanel .cal-row .name{flex:1;font-size:14px;font-weight:400;color:var(--fg-body);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ag-calpanel .cal-row .badge{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0}.ag-week{flex:1;display:flex;flex-direction:column;min-height:0;--time-col-w: 64px}.ag-week-head{display:grid;grid-template-columns:var(--time-col-w) repeat(7,minmax(0,1fr));padding:12px 0;border-bottom:1px solid var(--border-default);background:var(--bg-card);flex-shrink:0}.ag-week-head .ag-head-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px;border-left:1px solid var(--border-default)}.ag-week-head .ag-head-day .dow{font-size:12px;font-weight:500;text-transform:capitalize;color:var(--fg-secondary)}.ag-week-head .ag-head-day .dnum{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font-size:20px;font-weight:500;color:var(--fg-body);font-variant-numeric:tabular-nums;line-height:1}.ag-week-head .ag-head-day.is-today .dow{color:var(--brand-text)}.ag-week-head .ag-head-day .today-pill{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--planable-red);color:var(--fg-onPrimary);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.ag-allday-strip{display:grid;grid-template-columns:var(--time-col-w) minmax(0,1fr);min-height:calc(34px * var(--allday-rows, 1) + 8px);border-bottom:1px solid var(--border-default)}.ag-allday-strip .ag-allday-label{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:12px;font-weight:400;color:var(--fg-muted);white-space:nowrap}.ag-allday-track{position:relative;min-height:calc(34px * var(--allday-rows, 1) + 8px);border-left:1px solid var(--border-default)}.ag-allday-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ag-allday-bg-cell{border-left:1px solid var(--border-default)}.ag-allday-bg-cell:first-child{border-left:0}.ag-allday-bg-cell.is-today{background:rgba(var(--brand-rgb),.04)}.ag-allday-bar{position:absolute;padding:0 2px}.ag-allday-event{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 12%,transparent);border:1px solid color-mix(in srgb,var(--cal-color, var(--planable-red)) 28%,transparent);cursor:pointer;min-height:24px;transition:border-color var(--dur-fast) var(--ease-out);overflow:hidden}.ag-allday-event:hover{border-color:color-mix(in srgb,var(--cal-color, var(--planable-red)) 55%,transparent)}.ag-allday-event .dot{width:6px;height:6px;border-radius:999px;background:var(--cal-color, var(--planable-red));flex-shrink:0}.ag-allday-event .title{font-size:12px;font-weight:500;color:color-mix(in srgb,var(--cal-color, var(--planable-red)) var(--accent-ink),var(--accent-ink-base));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}[data-theme=dark] .ag-allday-event,[data-theme$=-dark] .ag-allday-event,.dark .ag-allday-event{background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 22%,transparent);border-color:color-mix(in srgb,var(--cal-color, var(--planable-red)) 38%,transparent)}.ag-week-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ag-week-head,.ag-allday-strip,.ag-week-scroll,.ag-day-allday,.ag-day-scroll{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ag-week-head,.ag-allday-strip,.ag-day-allday{overflow:hidden}.ag-week-scroll::-webkit-scrollbar{width:8px}.ag-week-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.ag-week-grid{display:grid;grid-template-columns:var(--time-col-w) repeat(7,minmax(0,1fr));position:relative}.ag-timecol{position:relative}.ag-tlabel{position:absolute;right:8px;transform:translateY(-50%);font-size:12px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ag-day-col{position:relative;border-left:1px solid var(--border-default)}.ag-day-col.is-today{background:rgba(var(--brand-rgb),.03)}.ag-hour-line{position:absolute;left:0;right:0;height:1px;background:var(--border-default);pointer-events:none}.ag-now-line{position:absolute;left:0;right:0;height:2px;background:var(--planable-red);z-index:5;pointer-events:none}.ag-now-line .dot{position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:999px;background:var(--planable-red)}.ag-now-pill{position:absolute;z-index:6;display:inline-flex;align-items:center;padding:2px 8px;background:var(--planable-red);color:var(--fg-onPrimary);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;border-radius:999px;white-space:nowrap}.ag-event{position:absolute;border-radius:6px;padding:4px 8px 4px 10px;background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--cal-color, var(--planable-red)) 22%,transparent);overflow:hidden;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);display:flex;flex-direction:column;gap:2px;z-index:2}.ag-event:hover{border-color:color-mix(in srgb,var(--cal-color, var(--planable-red)) 50%,transparent)}.ag-event .bar{position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0;background:var(--cal-color, var(--planable-red))}.ag-event .body{display:flex;flex-direction:column;gap:2px;min-width:0}.ag-event .title,.ag-event .time,.ag-event .loc{color:color-mix(in srgb,var(--cal-color, var(--planable-red)) var(--accent-ink),var(--accent-ink-base))}.ag-event .title{font-size:12px;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-event .time{font-size:11px;font-weight:400;line-height:1.25;opacity:.85;font-variant-numeric:tabular-nums}.ag-event .loc{font-size:11px;font-weight:400;line-height:1.25;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-event.compact{padding:2px 8px 2px 10px}.ag-event.compact .title{font-size:11px}.ag-event-glyph{display:inline-block;vertical-align:-1px;flex-shrink:0;opacity:.8}.ag-event-glyph.lead{margin-right:4px}.ag-event-glyph.trail{margin-left:4px}.ag-event.stacked{box-shadow:0 0 0 1px var(--bg-card)}[data-theme=dark] .ag-event,[data-theme$=-dark] .ag-event,.dark .ag-event{background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 20%,var(--bg-card));border-color:color-mix(in srgb,var(--cal-color, var(--planable-red)) 38%,transparent)}[data-theme=dark] .ag-event:hover,[data-theme$=-dark] .ag-event:hover,.dark .ag-event:hover{border-color:color-mix(in srgb,var(--cal-color, var(--planable-red)) 60%,transparent)}.ag-event-popover{position:fixed;z-index:9999;width:280px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow-md);pointer-events:none;animation:ag-popover-fade var(--dur-fast) var(--ease-out) both}@keyframes ag-popover-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ag-event-popover{animation:none}}.ag-event-popover-time{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--fg-secondary)}.ag-event-popover-dot{width:8px;height:8px;border-radius:50%;flex:none}.ag-event-popover-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:500;color:var(--fg-body);line-height:20px;overflow-wrap:break-word}.ag-event-popover-exam-icon{flex:none;color:var(--fg-secondary)}.ag-event-popover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;color:var(--fg-secondary);font-weight:400;line-height:1.4}.ag-event-popover-meta:empty{display:none}.ag-event-popover-repeat{display:inline-flex;align-items:center;gap:4px}.ag-event-popover-notes{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-default);font-size:12px;font-weight:400;line-height:1.45;color:var(--fg-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ag-day{flex:1;display:flex;flex-direction:column;min-height:0;--time-col-w: 64px}.ag-day-strip{--strip-gap: 8px;--strip-pad-x: 16px;position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--strip-gap);padding:12px var(--strip-pad-x);border-bottom:1px solid var(--border-default);flex-shrink:0}.ag-day-strip .d{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);position:relative}.ag-day-strip .d:hover{background:var(--bg-hover)}.ag-day-strip .d .dow{font-size:12px;font-weight:500;text-transform:capitalize;color:var(--fg-secondary)}.ag-day-strip .d .dnum{font-size:20px;font-weight:500;color:var(--fg-body);font-variant-numeric:tabular-nums;line-height:1}.ag-day-strip .d .bar{width:16px;height:3px;border-radius:2px;background:transparent}.ag-day-strip .d.selected,.ag-day-strip .d.selected:hover{background:transparent;border-color:transparent}.ag-day-strip .d.selected .dnum,.ag-day-strip .d.today .dow{color:var(--brand-text)}.ag-day-strip .d.today .bar{background:var(--planable-red)}.ag-day-strip-pill{position:absolute;top:12px;bottom:12px;left:var(--strip-pad-x);z-index:1;width:calc((100% - 2 * var(--strip-pad-x) - 6 * var(--strip-gap)) / 7);border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid rgba(var(--brand-rgb),.35);box-sizing:border-box;pointer-events:none;transform:translate(calc(var(--i, 0) * (100% + var(--strip-gap))));transition:transform .2s var(--ease-out)}.ag-day-strip-pill[data-index="1"]{--i: 1}.ag-day-strip-pill[data-index="2"]{--i: 2}.ag-day-strip-pill[data-index="3"]{--i: 3}.ag-day-strip-pill[data-index="4"]{--i: 4}.ag-day-strip-pill[data-index="5"]{--i: 5}.ag-day-strip-pill[data-index="6"]{--i: 6}.ag-day-strip .d .dow,.ag-day-strip .d .dnum,.ag-day-strip .d .bar{position:relative;z-index:2;transition:color var(--dur-fast) var(--ease-out)}@media(prefers-reduced-motion:reduce){.ag-day-strip-pill,.ag-day-strip .d .dow,.ag-day-strip .d .dnum,.ag-day-strip .d .bar{transition:none}}.ag-day-allday{display:grid;grid-template-columns:var(--time-col-w) 1fr;border-bottom:1px solid var(--border-default);padding:8px 0}.ag-day-allday .lbl{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:12px;font-weight:400;color:var(--fg-muted);white-space:nowrap}.ag-day-allday .rows{display:flex;flex-direction:column;gap:4px;padding:0 16px 0 4px}.ag-allday-event.large{padding:8px 12px;min-height:32px}.ag-allday-event.large .title{font-size:14px}.ag-allday-event.large .dot{width:8px;height:8px}.ag-day-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ag-day-scroll::-webkit-scrollbar{width:8px}.ag-day-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.ag-day-grid{display:grid;grid-template-columns:var(--time-col-w) 1fr;position:relative}.ag-day-col.single{position:relative;min-height:100%}.ag-day-empty{position:absolute;inset:30% 12% 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;pointer-events:none;z-index:0}.ag-day-empty .big{font-size:16px;font-weight:500;color:var(--fg-body)}.ag-day-empty .sub{font-size:14px;font-weight:400;color:var(--fg-muted)}.ag-event.large{left:12px;right:12px;padding:4px 16px;border-radius:var(--radius-sm)}.ag-event.large .title{font-size:14px}.ag-event.large .time{font-size:12px}.ag-event.large .loc{display:inline-flex;align-items:center;gap:4px;font-size:12px}.ag-event.large .body{gap:0}.ag-event.large .bar{width:3px}.ag-event.large.compact{padding:4px 16px}.ag-event.large.compact .time,.ag-event.large.compact .loc{display:none}.ag-month{flex:1;display:flex;flex-direction:column;min-height:0}.ag-month-head{display:grid;grid-template-columns:repeat(7,1fr);padding:12px 0 8px;border-bottom:1px solid var(--border-default);flex-shrink:0}.ag-month-head>div{font-size:12px;font-weight:500;text-transform:capitalize;color:var(--fg-secondary);text-align:center}.ag-month-grid{flex:1;display:grid;grid-template-rows:repeat(5,1fr);min-height:0}.ag-month-row{position:relative;display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-default)}.ag-month-row:last-child{border-bottom:none}.ag-month-allday-bar{position:absolute;height:18px;border-radius:4px;background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 14%,transparent);color:color-mix(in srgb,var(--cal-color, var(--planable-red)) var(--accent-ink),var(--accent-ink-base));font-size:11px;font-weight:500;line-height:16px;padding:1px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;z-index:1;transition:background var(--dur-fast) var(--ease-out)}.ag-month-allday-bar:hover{background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 22%,transparent)}[data-theme=dark] .ag-month-allday-bar,[data-theme$=-dark] .ag-month-allday-bar,.dark .ag-month-allday-bar{background:color-mix(in srgb,var(--cal-color, var(--planable-red)) 26%,transparent)}.ag-month-allday-more{position:absolute;left:4px;font-size:11px;font-weight:400;color:var(--fg-muted)}.ag-month-cell{position:relative;padding:8px;border-left:1px solid var(--border-default);display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;overflow:hidden;transition:background var(--dur-fast) var(--ease-out);cursor:pointer}.ag-month-cell:hover{background:var(--bg-hover)}.ag-month-cell:first-child{border-left:none}.ag-month-cell.faded .ag-month-dnum{color:var(--fg-muted)}.ag-month-cell.today{background:rgba(var(--brand-rgb),.03)}.ag-month-dnum{display:flex;align-items:center;min-height:24px;font-size:13px;font-weight:500;color:var(--fg-body);font-variant-numeric:tabular-nums;padding:0 4px}.ag-month-dnum.has-wknum{gap:8px}.ag-month-wknum{font-size:11px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.ag-month-dnum .today-pill{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:-4px;border-radius:999px;background:var(--planable-red);color:var(--fg-onPrimary);font-size:13px;font-weight:500}.ag-month-events{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.ag-month-chip{display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:6px;padding:2px 4px;border-radius:4px;background:transparent;font-size:12px;font-weight:400;color:var(--fg-body);cursor:pointer;line-height:1.3;overflow:hidden;transition:background var(--dur-fast) var(--ease-out)}.ag-month-chip:hover{background:var(--bg-content)}.ag-month-chip .dot{width:6px;height:6px;border-radius:999px;background:var(--cal-color, var(--planable-red));flex-shrink:0}.ag-month-chip .title{display:flex;align-items:center;gap:4px;overflow:hidden;min-width:0}.ag-month-chip .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ag-month-chip .time{font-size:11px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums}.ag-month-more{font-size:11px;font-weight:400;color:var(--fg-muted);padding:1px 4px}@media(prefers-contrast:more){.ag-event .time,.ag-event .loc{opacity:1}}.rem-wrap{flex:1;min-height:0;overflow:auto;padding:12px 28px 40px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.rem-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px 24px 24px}.rem-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.rem-section-title{margin:0;font-family:var(--font-ui);font-size:16px;font-weight:500;line-height:24px;color:var(--fg-body)}.rem-section-actions{display:flex;align-items:center;gap:4px}.rem-lists-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:12px}.rem-list-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;min-height:96px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);text-align:left;font-family:var(--font-ui)}.rem-list-tile:hover{background:var(--bg-hover)}.rem-list-tile:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.rem-list-tile .ic{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--fg-secondary)}.rem-list-tile .name{font-size:14px;font-weight:500;line-height:20px;color:var(--fg-body);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.rem-list-tile .name svg{margin-left:4px;vertical-align:-2px;color:var(--fg-muted)}.rem-list-tile .count{font-size:12px;font-weight:400;line-height:16px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.rem-list-tile.active{background:rgba(var(--brand-rgb),.08);border-color:var(--primary)}.rem-list-tile.active .ic{color:var(--brand-text)}.rem-list-tile.dashed{background:transparent}.rem-list-tile.dashed .ic,.rem-list-tile.dashed .name{color:var(--fg-muted)}.rem-list-tile.dashed:hover{background:var(--bg-hover)}.rem-list-tile.dashed:hover .ic,.rem-list-tile.dashed:hover .name{color:var(--fg-body)}.rem-tile-edit{position:absolute;top:8px;right:8px;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-secondary);cursor:pointer;opacity:0;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.rem-tile-edit:hover{background:var(--bg-hover);color:var(--fg-body)}.tw-group:hover .rem-tile-edit,.rem-tile-edit:focus-visible{opacity:1}.rem-tile-edit:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.rem-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.rem-list{display:flex;flex-direction:column;gap:8px}.rem-row{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:flex-start;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.rem-row:hover{background:var(--bg-hover)}.rem-cb{margin-top:0;width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid var(--fg-muted);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-onPrimary);background:transparent;flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.rem-cb:hover{border-color:var(--primary)}.rem-row.done .rem-cb{background:var(--primary);border-color:var(--primary)}.rem-row.done .rem-title{text-decoration:line-through;color:var(--fg-muted)}.rem-row.done .rem-meta{opacity:.6}.rem-body{display:flex;flex-direction:column;gap:4px;min-width:0}.rem-title{font-size:14px;font-weight:500;color:var(--fg-body);line-height:20px}.rem-meta{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}.rem-meta-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;line-height:16px;color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.rem-meta-pill svg{flex-shrink:0}.rem-meta-pill.prio-hoog{color:var(--brand-text)}.rem-meta-pill.overdue{color:var(--brand-text);font-weight:500}.rem-empty{padding:40px 12px;text-align:center;color:var(--fg-muted);font-size:14px}@media(prefers-reduced-motion:reduce){.rem-list-tile,.rem-row,.rem-cb,.rem-tile-edit{transition:none}}.pip-backdrop{position:fixed;inset:0;background:#00000047;z-index:1090}[data-theme=dark] .pip-backdrop,[data-theme$=-dark] .pip-backdrop,.dark .pip-backdrop{background:#00000080}.pip-pop{position:fixed;right:24px;bottom:96px;width:min(420px,calc(100vw - 48px));height:min(820px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;z-index:1100;transform-origin:bottom right}[data-theme=dark] .pip-pop,[data-theme$=-dark] .pip-pop,.dark .pip-pop{box-shadow:none}@media(prefers-reduced-motion:no-preference){.pip-backdrop,.pip-pop{animation:pip-fade var(--dur-base) var(--ease-out)}}@keyframes pip-fade{0%{opacity:0}to{opacity:1}}.pip-head{display:flex;align-items:center;gap:8px;padding:16px 16px 8px;flex-shrink:0}.pip-head-v2{align-items:flex-start}.pip-head-v2 .pip-title-block.pip-title-left{text-align:left;flex:1;min-width:0}.pip-head-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.pip-head-card{padding:4px 4px 8px}.pip-card-title{font-size:17px;font-weight:500;color:var(--fg-body);line-height:1.25}.pip-card-subtitle{margin-top:4px;font-size:13px;line-height:1.45;color:var(--fg-secondary)}.pip-title-block{flex:1;text-align:center;line-height:1.2}.pip-ttl{font-size:18px;font-weight:500;color:var(--fg-body)}.pip-sub{margin-top:2px;font-size:12px;font-weight:400;color:var(--fg-muted)}.pip-back,.pip-dismiss{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--fg-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pip-back:hover,.pip-dismiss:hover{background:var(--bg-hover);color:var(--fg-body)}.pip-back:focus-visible,.pip-dismiss:focus-visible,.pip-tile:focus-visible,.pip-daily-check-toggle:focus-visible,.pip-tile-showall:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.pip-undo-toast{position:absolute;left:16px;right:16px;bottom:80px;z-index:15;background:var(--fg-body);color:var(--bg-card);border-radius:var(--radius-md);padding:8px 8px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;box-shadow:var(--shadow-md)}.pip-undo-toast button{color:var(--bg-card)}.pip-body{flex:1;overflow-y:auto;padding:4px 16px 8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.pip-body::-webkit-scrollbar{width:6px}.pip-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}.pip-hero{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px 16px 16px;text-align:center;flex-shrink:0}.pip-av{width:48px;height:48px;margin:0 auto 12px;border-radius:999px;background:rgba(var(--brand-rgb),.1);color:var(--brand-text);display:flex;align-items:center;justify-content:center}[data-theme=dark] .pip-av,[data-theme$=-dark] .pip-av,.dark .pip-av{background:rgba(var(--brand-rgb),.22)}.pip-quote{margin:0;font-size:18px;font-weight:500;line-height:1.3;color:var(--fg-body);text-wrap:balance}.pip-meta{margin-top:4px;font-size:12px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums}.pip-tile{display:flex;align-items:flex-start;gap:8px;flex-direction:column;padding:12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);font-family:inherit;color:inherit}.pip-tile:hover{background:var(--bg-hover)}.pip-ic{width:20px;height:20px;color:var(--fg-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pip-lbl{font-size:12px;font-weight:400;color:var(--fg-muted);display:block}.pip-ttl-sm{font-size:14px;font-weight:500;color:var(--fg-body);line-height:1.35;display:block;text-wrap:pretty}.pip-tile.wide{flex-direction:row;align-items:center;gap:12px;padding:12px 16px}.pip-tile.wide .pip-tile-text,.pip-tile.hero .pip-tile-text{flex:1;display:flex;flex-direction:column;gap:2px}.pip-arr{color:var(--fg-muted);display:inline-flex}.pip-tile.hero{flex-direction:row;align-items:center;background:rgba(var(--brand-rgb),.06);border-color:rgba(var(--brand-rgb),.45)}.pip-tile.hero:hover{background:rgba(var(--brand-rgb),.1)}[data-theme=dark] .pip-tile.hero,[data-theme$=-dark] .pip-tile.hero,.dark .pip-tile.hero{background:rgba(var(--brand-rgb),.14)}[data-theme=dark] .pip-tile.hero:hover,[data-theme$=-dark] .pip-tile.hero:hover,.dark .pip-tile.hero:hover{background:rgba(var(--brand-rgb),.2)}.pip-tile.hero .pip-ic,.pip-tile.hero>.pip-tile-text>.pip-lbl:first-child{color:var(--brand-text)}.pip-daily-check-inline{cursor:default;gap:12px}.pip-daily-check-inline:hover{background:var(--bg-card)}.pip-tile--highlight{border-color:rgba(var(--brand-rgb),.45)}.pip-tile-top-row{display:flex;align-items:center;gap:12px;width:100%}.pip-daily-check-toggle{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;text-align:left;color:inherit;border-radius:var(--radius-sm)}.pip-daily-check-saved-emoji{margin-left:4px;font-weight:400;color:var(--fg-secondary)}.pip-feeling-row{display:flex;gap:8px;width:100%}.pip-feeling-btn{flex:1}.pip-input{flex-shrink:0;padding:8px 16px 16px;background:var(--bg-card)}.pip-pill{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out)}.pip-pill:focus-within{border-color:var(--brand-bright)}.pip-pill input,.pip-pill textarea{flex:1;border:none;background:transparent;font:inherit;font-size:14px;color:var(--fg-body);padding:8px 0;outline:none;resize:none;max-height:100px;font-family:inherit}.pip-pill input::-moz-placeholder,.pip-pill textarea::-moz-placeholder{color:var(--fg-muted)}.pip-pill input::placeholder,.pip-pill textarea::placeholder{color:var(--fg-muted)}.pip-msgs{display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}.pip-msg-row{display:flex;align-items:flex-end;gap:8px}.pip-msg-row.user{justify-content:flex-end}.pip-msg-avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--brand-rgb),.1);color:var(--brand-text)}[data-theme=dark] .pip-msg-avatar,[data-theme$=-dark] .pip-msg-avatar,.dark .pip-msg-avatar{background:rgba(var(--brand-rgb),.22)}.pip-msg-row.user .pip-msg-avatar{background:transparent;color:var(--fg-muted);border:1px solid var(--border-default)}.pip-msg-bubble{max-width:78%;padding:8px 12px;border-radius:var(--radius-lg);font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.pip-msg-bubble.coach{background:var(--bg-card);color:var(--fg-body);border:1px solid var(--border-default);border-bottom-left-radius:var(--radius-sm)}.pip-msg-bubble.user{background:rgba(var(--brand-rgb),.1);color:var(--fg-body);border-bottom-right-radius:var(--radius-sm)}[data-theme=dark] .pip-msg-bubble.user,[data-theme$=-dark] .pip-msg-bubble.user,.dark .pip-msg-bubble.user{background:rgba(var(--brand-rgb),.24)}.pip-typing{display:inline-flex;align-items:center;gap:4px;padding:4px 0}.pip-typing>span{width:6px;height:6px;border-radius:999px;background:var(--fg-muted);opacity:.5}@media(prefers-reduced-motion:no-preference){.pip-typing>span{animation:pip-typing 1.2s infinite ease-in-out both}.pip-typing>span:nth-child(2){animation-delay:.2s}.pip-typing>span:nth-child(3){animation-delay:.4s}}@keyframes pip-typing{0%,80%,to{opacity:.3}40%{opacity:.9}}.pip-error{margin:8px 0;padding:8px 12px;border-radius:var(--radius-md);font-size:13px;text-align:center;background:var(--status-error-soft);color:var(--status-error-text)}.pip-daily-check-note-wrap{display:flex;flex-direction:column;gap:8px;margin-top:4px;width:100%}.pip-daily-check-followup-copy{margin:0;font-size:13px;color:var(--fg-secondary)}.pip-daily-check-note-input{width:100%;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-body);font-size:13px;font-family:inherit;resize:none;box-sizing:border-box;line-height:1.45}.pip-daily-check-note-input::-moz-placeholder{color:var(--fg-muted)}.pip-daily-check-note-input::placeholder{color:var(--fg-muted)}.pip-daily-check-note-input:focus{outline:none;border-color:var(--brand-bright)}.pip-daily-check-note-actions{display:flex;justify-content:flex-end;gap:8px}.pip-tile-showall{display:block;margin:4px auto 0;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--fg-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.pip-tile-showall:hover{color:var(--fg-body)}.pip-msgs .pip-action-card{margin-top:8px;margin-left:36px;max-width:calc(100% - 36px)}.pip-exam-material{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px 36px}.pip-exam-material-hint{margin:0;font-size:12px;color:var(--fg-secondary)}.pip-exam-steps{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px 36px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card)}.pip-exam-steps ul{margin:2px 0 0;padding-left:16px;font-size:13px;color:var(--fg-body);line-height:1.45}.pip-exam-week{cursor:default;gap:12px}.pip-exam-week:hover{background:var(--bg-card)}.pip-exam-week.hero:hover{background:rgba(var(--brand-rgb),.06)}.pip-exam-week-sub{font-size:12px;color:var(--fg-secondary)}.pip-exam-week-exams{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.pip-exam-week-exam{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-hover)}.pip-exam-week-exam-text{flex:1;min-width:0;display:flex;flex-direction:column}.pip-exam-week-exam-title{font-size:13px;font-weight:500;color:var(--fg-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pip-exam-week-exam-meta{font-size:12px;color:var(--fg-secondary);font-variant-numeric:tabular-nums}.pip-exam-week-short{color:var(--brand-text);font-weight:500}.pip-exam-week-days{display:flex;flex-wrap:wrap;gap:4px;width:100%}.pip-exam-week-day{display:inline-flex;flex-direction:column;align-items:center;min-width:28px;padding:4px 2px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:11px;color:var(--fg-secondary)}.pip-exam-week-day-num{font-size:12px;font-weight:500;color:var(--fg-body);font-variant-numeric:tabular-nums}.pip-exam-week-day.is-busy{background:var(--status-warning-soft)}.pip-exam-week-day.is-exam{border-color:var(--brand)}.pip-exam-week-legend{display:flex;gap:12px;font-size:11px;color:var(--fg-secondary)}.pip-exam-week-legend>span{display:inline-flex;align-items:center;gap:4px}.pip-exam-week-swatch{width:10px;height:10px;border-radius:3px;border:1px solid transparent}.pip-exam-week-swatch.is-busy{background:var(--status-warning-soft)}.pip-exam-week-swatch.is-exam{border-color:var(--brand)}.settings-main{min-height:100%;background:var(--planable-paper)}.settings-inner{max-width:880px;margin:0 auto;padding:8px 32px 60px;display:flex;flex-direction:column;gap:16px}.settings-hero{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.settings-hero-content{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px}.settings-hero-avatar{width:56px;height:56px;border-radius:50%;background:rgba(var(--brand-rgb),.1);display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:20px;font-weight:500;color:var(--brand-text);flex-shrink:0}.settings-hero-text{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-hero-name{font-family:var(--font-family);font-size:20px;font-weight:500;color:var(--fg-body);line-height:1.25}.settings-hero-email{font-size:14px;font-weight:400;color:var(--fg-secondary);overflow-wrap:anywhere}.settings-hero-badges{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:13px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums}.settings-hero-badge.premium{font-weight:500;color:var(--fg-primary)}.settings-hero-badge.premium.is-free{font-weight:400;color:var(--fg-muted)}.settings-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.quick-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 20px;cursor:pointer;text-align:left;font-family:var(--font-family);transition:background-color var(--dur-fast) var(--ease-out)}.quick-card+.quick-card{border-left:1px solid var(--border-default)}.quick-card:hover{background:var(--bg-hover)}.quick-card:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.quick-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted)}.quick-text{display:flex;flex-direction:column;gap:4px;min-width:0}.quick-label{font-size:14px;font-weight:500;color:var(--fg-body);line-height:1.3}.quick-val{font-size:12px;font-weight:400;color:var(--fg-muted)}.settings-section-label{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--fg-secondary);margin:8px 0 -8px;padding:0 4px}.settings-list{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.set-row+.set-row{border-top:1px solid var(--border-default)}.set-row-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-family);color:inherit;transition:background-color var(--dur-fast) var(--ease-out)}.set-row-head:hover,.set-row.open .set-row-head{background:var(--bg-hover)}.set-row-head:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.set-row-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;color:var(--fg-muted);flex-shrink:0}.set-row-text{display:flex;flex-direction:column;min-width:0;gap:4px}.set-row-label{font-size:14px;font-weight:500;color:var(--fg-body);line-height:1.3}.set-row-meta{font-size:13px;font-weight:400;color:var(--fg-muted);line-height:1.35}.set-row-chev{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);transition:transform var(--dur-base) var(--ease-out)}.set-row.open .set-row-chev{transform:rotate(180deg)}.set-row-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--border-default);animation:setRowFadeIn var(--dur-base) var(--ease-out)}@keyframes setRowFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.set-row-body{animation:none}}.set-divider{height:1px;background:var(--border-default);margin:0 -20px}.set-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.set-form--single{grid-template-columns:1fr}.set-form .set-row-actions,.set-field--full{grid-column:1 / -1}.set-field{display:flex;flex-direction:column;gap:8px}.set-field>span{font-size:14px;font-weight:500;color:var(--fg-body)}.set-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.set-row-actions.wide{justify-content:flex-start}.set-quiet-btn svg{color:var(--fg-muted)}.settings-main .chip-btn:not([aria-pressed=true]):enabled:hover{background:var(--bg-hover)}.settings-main .chip-btn:not([aria-pressed=true]) svg{color:var(--fg-muted)}.set-chip-row{display:flex;flex-wrap:wrap;gap:8px}.set-toggle{position:relative;width:44px;height:24px;padding:0;border-radius:999px;background:var(--divider);border:none;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out);flex-shrink:0}.set-toggle>span{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--dur-base) var(--ease-out)}.set-toggle.on{background:var(--primary)}.set-toggle.on>span{transform:translate(20px)}.set-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:is(.dark,[data-theme$=-dark]) .set-toggle>span{background:var(--fg-body)}.set-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.theme-swatch:not(.active):enabled:hover{background:var(--bg-hover)}.theme-swatch.active{border-color:var(--primary);background:rgba(var(--brand-rgb),.1)}.theme-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-swatch:disabled{cursor:default;opacity:.6}.theme-swatch-disc{position:relative;display:flex;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px #0000000f inset}.theme-swatch-disc>span:not(.theme-swatch-check){flex:1;display:block}.theme-swatch-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;display:inline-flex;align-items:center;justify-content:center}.theme-swatch-name{font-size:13px;font-weight:500;color:var(--fg-body)}.set-appearance-block{display:flex;flex-direction:column;gap:8px}.set-segment-label{font-size:14px;font-weight:500;color:var(--fg-body)}.set-helper{margin:0;font-size:12px;line-height:1.4;color:var(--fg-secondary)}.set-appearance-grid,.set-radio-group{display:flex;flex-wrap:wrap;gap:8px}.set-radio-sub{font-size:12px;font-weight:400;color:var(--fg-muted)}.set-toggle-card-list{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-md)}.set-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.set-toggle-card+.set-toggle-card{border-top:1px solid var(--border-default)}.set-toggle-text{display:flex;flex-direction:column;gap:4px;min-width:0}.set-toggle-label{font-size:14px;font-weight:500;color:var(--fg-body)}.set-toggle-sub{font-size:13px;font-weight:400;color:var(--fg-muted)}.set-premium{display:flex;flex-direction:column;gap:16px}.set-premium-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-default)}.set-premium-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.set-premium-tier{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--fg-primary)}.set-premium-list{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:400;color:var(--fg-body)}.set-premium-list>div{display:flex;align-items:center;gap:8px}.set-premium-list svg{color:var(--status-success-text);flex-shrink:0}.set-premium-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default);font-size:13px;font-weight:400;color:var(--fg-muted);font-variant-numeric:tabular-nums}.set-premium-foot strong{font-weight:500;color:var(--fg-body)}.set-premium-head+.set-premium-foot{margin-top:0}.set-source-list{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-md)}.set-source{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 16px}.set-source+.set-source{border-top:1px solid var(--border-default)}.set-source-ic{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted)}.set-source-text{display:flex;flex-direction:column;gap:4px;min-width:0}.set-source-label{font-size:14px;font-weight:500;color:var(--fg-body)}.set-source-sub{font-size:13px;font-weight:400;color:var(--fg-muted);overflow-wrap:anywhere}.set-source-warning{color:var(--status-warning-text)}.settings-logout{align-self:center;margin-top:8px}.settings-version{text-align:center;font-size:12px;font-weight:400;color:var(--fg-muted);margin-top:16px}.settings-version a,.settings-version-link{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}.settings-version-link{background:none;border:none;padding:0;cursor:pointer;font:inherit}.settings-version a:hover,.settings-version-link:hover{color:var(--fg-body);text-decoration-color:currentColor}.set-inline-row{display:flex;align-items:stretch;gap:8px}.set-inline-row>.set-input{flex:1;min-width:0}.set-inline-row>button{height:auto}.set-feedback{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:400}.set-feedback.success{background:var(--status-success-soft);color:var(--status-success-text)}.set-feedback.error{background:var(--status-error-soft);color:var(--status-error-text)}.set-feedback.warning{background:var(--status-warning-soft);color:var(--status-warning-text)}.set-help-text{margin:0;font-size:13px;font-weight:400;color:var(--fg-muted);line-height:1.5}.set-help-text--full{grid-column:1 / -1}.set-help-text--error{color:var(--status-error-text)}.set-help-text--success{color:var(--status-success-text)}.set-help-text--body{color:var(--fg-body)}.set-trial-banner{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default)}.set-trial-badge{font-size:13px;font-weight:500;color:var(--status-warning-text)}.set-trial-banner.expired .set-trial-badge,.set-trial-badge--premium{color:var(--fg-primary)}.set-trial-banner p{margin:0;font-size:14px;font-weight:400;color:var(--fg-body);line-height:1.45}@media(max-width:720px){.settings-quick{grid-template-columns:1fr}.quick-card+.quick-card{border-left:none;border-top:1px solid var(--border-default)}.set-form{grid-template-columns:1fr}.set-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.habits-page{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:920px;margin:0 auto;width:100%}.habits-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.habits-header__sub{font-size:14px;color:var(--fg-secondary)}.habits-cta{font-weight:500}.habits-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.habits-summary{grid-template-columns:1fr}}.habits-stat{display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px}.habits-stat__value{font-size:24px;font-weight:500;color:var(--fg-body);line-height:32px;font-variant-numeric:tabular-nums}.habits-stat__label{font-size:14px;color:var(--fg-secondary)}.habits-list{display:flex;flex-direction:column;gap:8px}.habit-challenge-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card)}.habit-challenge-card__header{display:flex;align-items:center;gap:12px}.habit-challenge-card__title{margin:0;color:var(--fg-body);font-size:16px;font-weight:500}.habit-challenge-card__subtitle{margin:2px 0 0;color:var(--fg-secondary);font-size:14px}.habit-challenge-progress{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--bg-content)}.habit-challenge-progress__line{display:flex;align-items:center;gap:8px;min-width:0;color:var(--fg-muted)}.habit-challenge-progress__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-body);font-size:14px;font-weight:500}.habit-challenge-progress__count{flex:0 0 auto;color:var(--fg-secondary);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.habit-challenge-progress__count--complete,.habit-challenge-progress__done{color:var(--status-success-text)}.habit-challenge-progress__track{height:4px;overflow:hidden;border-radius:2px;background:var(--border-default)}.habit-challenge-progress__fill{display:block;height:100%;border-radius:inherit;background:var(--brand)}.habit-challenge-progress__done{font-size:12px;font-weight:500}.habit-challenge-card__nudge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-body);background:var(--bg-card);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.habit-challenge-card__nudge:hover{background:var(--bg-hover)}.habit-challenge-card__nudge svg{color:var(--fg-secondary)}.habit-challenge-empty{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:inherit;text-align:left;cursor:pointer;background:var(--bg-card);font-family:inherit;transition:background-color var(--dur-fast) var(--ease-out)}.habit-challenge-empty:hover{background:var(--bg-hover)}.habit-challenge-empty__copy{display:grid;gap:4px;min-width:0}.habit-challenge-empty__copy strong{color:var(--fg-body);font-size:14px;font-weight:500}.habit-challenge-empty__copy span{color:var(--fg-secondary);font-size:14px;line-height:20px}.habit-challenge-empty__cta{color:var(--brand-text);font-size:14px;font-weight:500;white-space:nowrap}.habit-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md)}.habit-row--paused{opacity:.62}.habit-row__drag{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:grab;touch-action:none}.habit-row__drag:active{cursor:grabbing}.habit-row__main{flex:1;min-width:0}.habit-row__name-line{display:flex;align-items:center;gap:8px}.habit-row__name{font-size:14px;font-weight:500;color:var(--fg-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-row__dots{margin-top:8px}.habit-row__edit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-muted);cursor:pointer;flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.habit-row__edit:hover{background:var(--bg-hover);color:var(--fg-body)}.habit-paused-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--fg-muted);background:var(--bg-content);border-radius:var(--radius-sm);padding:2px 8px}.habit-weekdots{display:flex;gap:10px;align-items:center}.habit-weekdots__col{display:flex;flex-direction:column;align-items:center;gap:4px}.habit-weekdots__label{font-size:12px;font-weight:400;line-height:16px;color:var(--fg-muted)}.habit-weekdots__label--today{font-weight:500;color:var(--fg-body)}.habit-weekdots__dot{width:14px;height:14px;box-sizing:border-box;border-radius:999px;border:1.5px solid var(--fg-muted);background:transparent}.habit-weekdots__dot--done{background:var(--habit-accent, var(--brand));border-color:var(--habit-accent, var(--brand))}.habit-weekdots__dot--today{outline:1.5px solid var(--fg-secondary);outline-offset:2px}.habit-weekdots__dot--off{opacity:.28;width:8px;height:8px}button.habit-weekdots__dot{position:relative;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.habit-weekdots__dot:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-weekdots__dot--retro:not(.habit-weekdots__dot--done){border:2px dashed var(--habit-accent, var(--brand));background:color-mix(in srgb,var(--habit-accent, var(--brand)) 18%,transparent)}.habit-weekdots__dot--retro:after{content:"";position:absolute;inset:-9px;border-radius:999px}.habit-weekdots__label--off{opacity:.35}.habit-streak{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--fg-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.habit-streak svg{color:var(--fg-muted)}.habit-streak--muted{color:var(--fg-muted)}.habit-glyph{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:color-mix(in srgb,var(--habit-accent, var(--brand)) var(--accent-ink),var(--accent-ink-base))}.habit-glyph--strong{background:var(--habit-accent, var(--brand));color:#fff}.habit-check{width:28px;height:28px;border-radius:999px;flex-shrink:0;padding:0;border:1.5px solid var(--fg-muted);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.habit-check:hover:not(:disabled){border-color:var(--habit-accent, var(--brand))}.habit-check:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-check--done{border-color:var(--habit-accent, var(--brand));background:var(--habit-accent, var(--brand))}.habit-check:disabled{cursor:not-allowed;opacity:.4}.habits-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 28px;gap:8px}.habits-empty__art{margin-bottom:8px;color:var(--fg-muted)}.habits-empty__title{font-size:20px;font-weight:500;color:var(--fg-body)}.habits-empty__body{font-size:14px;color:var(--fg-secondary);line-height:20px;margin:0 0 16px;max-width:320px}.habit-modal-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card)}.habit-modal-preview__name{font-size:16px;font-weight:500;color:var(--fg-body)}.habit-modal-preview__name--empty{color:var(--fg-muted);font-weight:400}.habit-modal-preview__meta{font-size:14px;color:var(--fg-secondary);margin-top:2px}.habit-segmented{display:flex;gap:4px;background:var(--bg-content);border-radius:var(--radius-md);padding:4px}.habit-segmented__btn{flex:1;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;white-space:nowrap;background:transparent;color:var(--fg-secondary);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.habit-segmented__btn:hover:not(.habit-segmented__btn--active){color:var(--fg-body)}.habit-segmented__btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-segmented__btn--active{background:var(--bg-card);border-color:var(--border-default);color:var(--fg-body);font-weight:500}.habit-target-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-content);border:1px solid var(--border-default)}.habit-target-stepper__hint{flex:1;min-width:0;font-size:14px;color:var(--fg-secondary);line-height:20px}.habit-target-stepper__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.habit-target-stepper__btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-body);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.habit-target-stepper__btn:hover{background:var(--bg-hover)}.habit-target-stepper__btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-target-stepper__value{min-width:24px;text-align:center;font-size:16px;font-weight:500;color:var(--fg-body);font-variant-numeric:tabular-nums}.icon-box-neutral{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--fg-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.icon-box-neutral:hover{background:var(--bg-hover);color:var(--fg-body)}.habit-daypicker{display:flex;gap:8px;margin-top:8px}.habit-daypicker__btn{flex:1;min-height:36px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:400;cursor:pointer;border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-body);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.habit-daypicker__btn:hover{background:var(--bg-hover)}.habit-daypicker__btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-daypicker__btn--on,.habit-daypicker__btn--on:hover{border-color:var(--primary);background:rgba(var(--brand-rgb),.08);color:var(--fg-primary);font-weight:500}.habit-icongrid{display:grid;grid-template-rows:repeat(2,44px);grid-auto-flow:column;grid-auto-columns:44px;gap:8px;overflow-x:auto;padding-right:24px;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.habit-icongrid:active{cursor:grabbing}.habit-icongrid::-webkit-scrollbar{display:none}.habit-icongrid__btn{width:44px;height:44px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.habit-icongrid__btn:hover{background:var(--bg-hover)}.habit-icongrid__btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-icongrid__btn[aria-pressed=true]{border-color:var(--primary);background:rgba(var(--brand-rgb),.08);color:var(--fg-primary)}.habit-colors{display:flex;flex-wrap:wrap;gap:12px}.habit-colors__btn{width:28px;height:28px;border-radius:999px;cursor:pointer;padding:0;border:0}.habit-colors__btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habit-colors__btn--on{outline:2px solid var(--fg-body);outline-offset:2px}.habits-daycard__streak{display:inline-flex;align-items:center;gap:4px;color:var(--status-warning-text);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.habits-daycard__body{display:flex;flex-direction:column;gap:8px;padding:16px}.habits-daycard__row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default)}.habits-daycard__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.habits-daycard__name{font-size:14px;font-weight:500;color:var(--fg-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habits-daycard__meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.habits-daycard__row--auto{align-items:center}.habits-daycard__auto-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.habits-daycard__auto-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--fg-muted);flex-shrink:0}.habits-daycard__auto-progress{display:flex;align-items:center;gap:8px}.habits-daycard__auto-bar-wrap{flex:1;height:4px;border-radius:2px;background:var(--border-default);overflow:hidden}.habits-daycard__auto-bar-fill{height:100%;border-radius:2px}.habits-daycard__auto-count{font-size:12px;font-weight:500;color:var(--fg-body);white-space:nowrap;font-variant-numeric:tabular-nums}.habits-daycard__auto-goal{font-weight:400;color:var(--fg-muted)}.habits-daycard__auto-badge{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand-text)}.habits-daycard__add{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:var(--radius-md);border:1px dashed var(--border-default);background:transparent;color:var(--fg-muted);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.habits-daycard__add:hover{border-color:var(--brand);color:var(--brand-text)}.habits-premium{max-width:460px;margin:48px auto;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:28px;display:flex;flex-direction:column;gap:16px;text-align:center}.habits-premium__badge{align-self:center;color:var(--fg-secondary);display:flex;align-items:center;justify-content:center}.habits-premium__title{font-size:20px;font-weight:500;color:var(--fg-body)}.habits-premium__body{font-size:14px;color:var(--fg-secondary);margin:8px 0 0;line-height:20px}.habits-rhythm-card{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card)}.habits-rhythm-card__header{display:flex;align-items:center;gap:12px}.habits-rhythm-card__title{flex:1;font-size:16px;font-weight:500;color:var(--fg-body)}.habits-rhythm-card__body{display:flex;align-items:center;gap:16px}.habits-rhythm-card__summary{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.habits-rhythm-card__rate{font-size:28px;font-weight:500;line-height:36px;color:var(--fg-body);font-variant-numeric:tabular-nums}.habits-rhythm-card__period{font-size:14px;line-height:20px;color:var(--fg-secondary)}.habits-rhythm-card__heatmap{flex:0 0 auto;width:132px;display:flex;flex-direction:column;gap:4px}.habits-rhythm-card__heatmap-row{display:flex;gap:4px}.habits-rhythm-card__heatmap-cell{flex:1;height:8px;border-radius:2px;background:var(--bg-content);border:1px solid var(--border-default);box-sizing:border-box}.habits-rhythm-card__heatmap-cell--done{background:var(--brand);border-color:var(--brand)}.habits-rhythm-card__heatmap-cell--partial{background:color-mix(in srgb,var(--brand) 50%,var(--bg-card));border-color:transparent}.habits-rhythm-card__heatmap-cell--future{opacity:.35}.habits-detail{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:720px;margin:0 auto;width:100%}.habits-detail__header{display:flex;align-items:center;gap:8px}.habits-detail__iconbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--fg-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.habits-detail__iconbtn:hover{background:var(--bg-hover);color:var(--fg-body)}.habits-detail__iconbtn:focus-visible,.habits-detail__action:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.habits-detail__title{flex:1;font-size:16px;font-weight:500;color:var(--fg-body)}.habits-detail__action{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-body);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out)}.habits-detail__action:hover{background:var(--bg-hover)}.habits-detail__action svg{color:var(--fg-secondary)}.habits-detail__glyphrow{display:flex;align-items:center;gap:12px}.habits-detail__name{font-size:24px;font-weight:500;line-height:32px;color:var(--fg-body);overflow-wrap:anywhere}.habits-detail__meta{margin-top:2px;font-size:14px;color:var(--fg-secondary)}.habits-detail__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px}.habits-detail__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.habits-detail__insights{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card)}.habits-detail__insights-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.habits-detail__insights-title{flex:1;font-size:16px;font-weight:500;color:var(--fg-body)}.habits-detail__insights .habits-stat{background:var(--bg-content);border-color:transparent}.habits-heatmap{display:flex;flex-direction:column;gap:4px}.habits-heatmap--compact{gap:2px}.habits-heatmap__row{display:flex;gap:4px}.habits-heatmap__cell{flex:1;aspect-ratio:1;border-radius:4px;background:var(--bg-content);border:1px solid var(--border-default);box-sizing:border-box}.habits-heatmap--compact .habits-heatmap__cell{aspect-ratio:3.1;border-radius:999px}.habits-heatmap__cell--complete{background:var(--habit-accent, var(--brand));border-color:transparent}.habits-heatmap__cell--muted{opacity:.38}.habits-heatmap__cell--pending{opacity:.62}.habits-weeknav{display:flex;align-items:center;gap:8px}.habits-weeknav__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.habits-weeknav__btn:disabled{opacity:.35;cursor:default}.habits-weeknav__label{min-width:120px;text-align:center;font-weight:500;font-size:14px;color:var(--fg-body)}.habits-weeknav__hint{margin:0;font-size:12px;color:var(--fg-muted)}.habits-detail__weeknav{margin-bottom:12px;justify-content:center}.habits-detail__retrohint{margin-top:10px}@media(prefers-reduced-motion:reduce){.habit-check,.habit-segmented__btn,.habit-daypicker__btn,.habit-icongrid__btn,.habit-challenge-empty,.habit-challenge-card__nudge,.habit-row__edit,.habit-target-stepper__btn,.icon-box-neutral,.habits-detail__iconbtn,.habits-detail__action{transition:none}}.card-panel{border-radius:1rem;border-width:1px;border-color:var(--divider);background-color:var(--card-background);padding:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.flex-between{display:flex;align-items:center;justify-content:space-between}.modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-header-styled{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:var(--divider);background-color:var(--card-background);padding:1rem}.modal-title-styled{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:500;color:var(--fg-body)}.modal-close-btn{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent;padding:.5rem;color:var(--text-secondary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.icon-box-error{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-sm);border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;padding:.5rem;color:var(--text-secondary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.icon-box-error:hover{background-color:var(--status-error-soft);color:var(--status-error-text)}.modal-input{box-sizing:border-box;width:100%;resize:none;border-radius:var(--radius-md);border-width:1px;border-style:solid!important;border-color:var(--divider);background-color:var(--card-background);padding:.75rem;font-family:var(--font-family),sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400;color:var(--text-main);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}.modal-input::-moz-placeholder{color:var(--text-muted)}.modal-input::placeholder{color:var(--text-muted)}.modal-input:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px}.modal-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);border-width:1px;border-style:solid!important;border-color:var(--divider);background-color:var(--card-background);padding:.75rem;font-family:var(--font-family),sans-serif;font-size:1rem;line-height:1.5rem;color:var(--text-main);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}.modal-select:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px}.modal-input:focus-visible,div.modal-input:focus-within,.modal-select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.15)}.chip-btn{box-sizing:border-box;display:flex;min-height:2.25rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);border-width:1px;border-style:solid!important;border-color:var(--divider);background-color:var(--card-background);font-family:var(--font-family),sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--text-main);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}.chip-btn-inactive{border-color:var(--divider);background-color:var(--card-background);color:var(--text-main)}.chip-btn-inactive:hover:enabled{background-color:var(--bg-hover)}.chip-btn:where([aria-pressed=true]){border-color:var(--primary);background-color:rgba(var(--brand-rgb),.1);font-weight:500;color:var(--fg-primary)}.chip-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chip-btn:disabled{cursor:default;opacity:.6}.checkbox-styled{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:2px;border-style:solid!important;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.checkbox-styled:hover{background-color:var(--bg-hover)}.checkbox-sm{height:.875rem;width:.875rem;border-radius:3px}.checkbox-priority-high,.checkbox-priority-hoog{border-color:var(--primary)!important;color:var(--brand-text)}.checkbox-priority-high.\!checked,.checkbox-priority-hoog.\!checked,.checkbox-priority-high.checked,.checkbox-priority-hoog.checked{border-color:var(--primary)!important;background-color:var(--primary)!important;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.checkbox-priority-medium,.checkbox-priority-midden{--tw-border-opacity: 1 !important;border-color:rgb(255 183 3 / var(--tw-border-opacity, 1))!important;--tw-text-opacity: 1;color:rgb(255 183 3 / var(--tw-text-opacity, 1))}.checkbox-priority-medium.\!checked,.checkbox-priority-midden.\!checked,.checkbox-priority-medium.checked,.checkbox-priority-midden.checked{border-color:var(--primary)!important;background-color:var(--primary)!important;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.checkbox-priority-low,.checkbox-priority-laag{--tw-border-opacity: 1 !important;border-color:rgb(75 181 67 / var(--tw-border-opacity, 1))!important;--tw-text-opacity: 1;color:rgb(75 181 67 / var(--tw-text-opacity, 1))}.checkbox-priority-low.\!checked,.checkbox-priority-laag.\!checked,.checkbox-priority-low.checked,.checkbox-priority-laag.checked{border-color:var(--primary)!important;background-color:var(--primary)!important;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:14px;border-style:none;background-color:var(--primary);padding:.75rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--fg-onPrimary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.75rem;border-style:none;background-color:transparent;padding:.75rem 1.5rem;font-weight:500;color:var(--text-secondary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-icon-danger{display:flex;height:2.75rem;width:2.75rem;cursor:pointer;align-items:center;justify-content:center;border-radius:14px;border-style:none;background-color:var(--status-error-soft);color:var(--status-error-text);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}.btn-icon-danger:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tw-pointer-events-none{pointer-events:none}.tw-pointer-events-auto{pointer-events:auto}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-sticky{position:sticky}.tw-inset-0{inset:0}.tw-inset-y-0{top:0;bottom:0}.-tw-right-1{right:-.25rem}.-tw-right-1\.5{right:-.375rem}.-tw-top-1{top:-.25rem}.-tw-top-1\.5{top:-.375rem}.tw-bottom-0{bottom:0}.tw-bottom-24{bottom:6rem}.tw-bottom-6{bottom:1.5rem}.tw-bottom-8{bottom:2rem}.tw-left-0{left:0}.tw-left-1\/2{left:50%}.tw-left-3\.5{left:.875rem}.tw-left-4{left:1rem}.tw-left-\[24px\]{left:24px}.tw-left-\[4px\]{left:4px}.tw-right-0{right:0}.tw-right-1{right:.25rem}.tw-right-1\.5{right:.375rem}.tw-right-3{right:.75rem}.tw-right-4{right:1rem}.tw-right-6{right:1.5rem}.tw-right-8{right:2rem}.tw-right-ds-3{right:var(--space-3)}.tw-top-0{top:0}.tw-top-1{top:.25rem}.tw-top-1\.5{top:.375rem}.tw-top-1\/2{top:50%}.tw-top-3{top:.75rem}.tw-top-4{top:1rem}.tw-top-9{top:2.25rem}.tw-top-\[72px\]{top:72px}.tw-top-full{top:100%}.tw-z-10{z-index:10}.tw-z-20{z-index:20}.tw-z-40{z-index:40}.tw-z-50{z-index:50}.tw-z-\[100\]{z-index:100}.tw-z-\[1100\]{z-index:1100}.tw-z-\[2000\]{z-index:2000}.tw-z-\[4000\]{z-index:4000}.tw-z-\[99999\]{z-index:99999}.tw-order-1{order:1}.tw-order-2{order:2}.tw-m-0{margin:0}.tw-m-4{margin:1rem}.tw-m-auto{margin:auto}.-tw-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-tw-mx-\[6px\]{margin-left:-6px;margin-right:-6px}.-tw-my-\[11px\]{margin-top:-11px;margin-bottom:-11px}.-tw-my-\[7px\]{margin-top:-7px;margin-bottom:-7px}.-tw-my-ds-3{margin-top:calc(var(--space-3) * -1);margin-bottom:calc(var(--space-3) * -1)}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-3{margin-left:.75rem;margin-right:.75rem}.tw-mx-4{margin-left:1rem;margin-right:1rem}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-my-auto{margin-top:auto;margin-bottom:auto}.tw-my-ds-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.tw-my-ds-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.tw-my-ds-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.tw-my-ds-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.-tw-ml-3{margin-left:-.75rem}.-tw-mr-ds-2{margin-right:calc(var(--space-2) * -1)}.-tw-mt-6{margin-top:-1.5rem}.tw-mb-0{margin-bottom:0}.tw-mb-1{margin-bottom:.25rem}.tw-mb-1\.5{margin-bottom:.375rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-3{margin-bottom:.75rem}.tw-mb-4{margin-bottom:1rem}.tw-mb-5{margin-bottom:1.25rem}.tw-mb-6{margin-bottom:1.5rem}.tw-mb-8{margin-bottom:2rem}.tw-mb-ds-1{margin-bottom:var(--space-1)}.tw-mb-ds-10{margin-bottom:var(--space-10)}.tw-mb-ds-2{margin-bottom:var(--space-2)}.tw-mb-ds-3{margin-bottom:var(--space-3)}.tw-mb-ds-4{margin-bottom:var(--space-4)}.tw-mb-ds-5{margin-bottom:var(--space-5)}.tw-mb-ds-6{margin-bottom:var(--space-6)}.tw-mb-ds-8{margin-bottom:var(--space-8)}.tw-ml-1{margin-left:.25rem}.tw-ml-2{margin-left:.5rem}.tw-ml-9{margin-left:2.25rem}.tw-ml-auto{margin-left:auto}.tw-mr-1{margin-right:.25rem}.tw-mr-auto{margin-right:auto}.tw-mt-0{margin-top:0}.tw-mt-0\.5{margin-top:.125rem}.tw-mt-1{margin-top:.25rem}.tw-mt-1\.5{margin-top:.375rem}.tw-mt-2{margin-top:.5rem}.tw-mt-3{margin-top:.75rem}.tw-mt-3\.5{margin-top:.875rem}.tw-mt-4{margin-top:1rem}.tw-mt-\[-2px\]{margin-top:-2px}.tw-mt-ds-1{margin-top:var(--space-1)}.tw-mt-ds-2{margin-top:var(--space-2)}.tw-mt-ds-3{margin-top:var(--space-3)}.tw-mt-ds-4{margin-top:var(--space-4)}.tw-mt-ds-5{margin-top:var(--space-5)}.tw-mt-ds-6{margin-top:var(--space-6)}.tw-mt-ds-8{margin-top:var(--space-8)}.tw-mt-px{margin-top:1px}.tw-box-border{box-sizing:border-box}.tw-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-inline{display:inline}.\!tw-flex{display:flex!important}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-aspect-\[1200\/630\]{aspect-ratio:1200/630}.tw-aspect-square{aspect-ratio:1 / 1}.\!tw-h-9{height:2.25rem!important}.tw-h-1{height:.25rem}.tw-h-1\.5{height:.375rem}.tw-h-10{height:2.5rem}.tw-h-11{height:2.75rem}.tw-h-12{height:3rem}.tw-h-14{height:3.5rem}.tw-h-16{height:4rem}.tw-h-2{height:.5rem}.tw-h-2\.5{height:.625rem}.tw-h-28{height:7rem}.tw-h-3{height:.75rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-6{height:1.5rem}.tw-h-7{height:1.75rem}.tw-h-8{height:2rem}.tw-h-9{height:2.25rem}.tw-h-\[100dvh\]{height:100dvh}.tw-h-\[133\.34\%\]{height:133.34%}.tw-h-\[150px\]{height:150px}.tw-h-\[18px\]{height:18px}.tw-h-\[494px\]{height:494px}.tw-h-\[57px\]{height:57px}.tw-h-\[58px\]{height:58px}.tw-h-\[5px\]{height:5px}.tw-h-\[66px\]{height:66px}.tw-h-auto{height:auto}.tw-h-dvh{height:100dvh}.tw-h-fit{height:-moz-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-h-px{height:1px}.tw-max-h-48{max-height:12rem}.tw-max-h-\[300px\]{max-height:300px}.tw-max-h-\[60vh\]{max-height:60vh}.tw-max-h-\[90dvh\]{max-height:90dvh}.tw-min-h-0{min-height:0px}.tw-min-h-10{min-height:2.5rem}.tw-min-h-12{min-height:3rem}.tw-min-h-9{min-height:2.25rem}.tw-min-h-\[100dvh\]{min-height:100dvh}.tw-min-h-\[100px\]{min-height:100px}.tw-min-h-\[160px\]{min-height:160px}.tw-min-h-\[200px\]{min-height:200px}.tw-min-h-\[380px\]{min-height:380px}.tw-min-h-\[50vh\]{min-height:50vh}.tw-min-h-\[64px\]{min-height:64px}.tw-min-h-\[70vh\]{min-height:70vh}.tw-min-h-\[80px\]{min-height:80px}.tw-min-h-full{min-height:100%}.tw-min-h-screen{min-height:100vh}.\!tw-w-auto{width:auto!important}.tw-w-1\.5{width:.375rem}.tw-w-10{width:2.5rem}.tw-w-11{width:2.75rem}.tw-w-12{width:3rem}.tw-w-14{width:3.5rem}.tw-w-16{width:4rem}.tw-w-2{width:.5rem}.tw-w-2\.5{width:.625rem}.tw-w-28{width:7rem}.tw-w-3{width:.75rem}.tw-w-4{width:1rem}.tw-w-5{width:1.25rem}.tw-w-6{width:1.5rem}.tw-w-64{width:16rem}.tw-w-7{width:1.75rem}.tw-w-8{width:2rem}.tw-w-9{width:2.25rem}.tw-w-\[133\.34\%\]{width:133.34%}.tw-w-\[18px\]{width:18px}.tw-w-\[230px\]{width:230px}.tw-w-\[380px\]{width:380px}.tw-w-\[600px\]{width:600px}.tw-w-auto{width:auto}.tw-w-full{width:100%}.tw-w-max{width:-moz-max-content;width:max-content}.tw-min-w-0{min-width:0px}.tw-min-w-5{min-width:1.25rem}.tw-min-w-\[100px\]{min-width:100px}.tw-min-w-\[140px\]{min-width:140px}.tw-min-w-\[18px\]{min-width:18px}.tw-min-w-\[200px\]{min-width:200px}.tw-min-w-\[60px\]{min-width:60px}.tw-min-w-\[7rem\]{min-width:7rem}.tw-min-w-\[90px\]{min-width:90px}.tw-max-w-2xl{max-width:42rem}.tw-max-w-3xl{max-width:48rem}.tw-max-w-4xl{max-width:56rem}.tw-max-w-6xl{max-width:72rem}.tw-max-w-\[220px\]{max-width:220px}.tw-max-w-\[300px\]{max-width:300px}.tw-max-w-\[34ch\]{max-width:34ch}.tw-max-w-\[400px\]{max-width:400px}.tw-max-w-\[420px\]{max-width:420px}.tw-max-w-\[46ch\]{max-width:46ch}.tw-max-w-\[480px\]{max-width:480px}.tw-max-w-\[56px\]{max-width:56px}.tw-max-w-\[640px\]{max-width:640px}.tw-max-w-\[700px\]{max-width:700px}.tw-max-w-\[800px\]{max-width:800px}.tw-max-w-\[820px\]{max-width:820px}.tw-max-w-\[900px\]{max-width:900px}.tw-max-w-lg{max-width:32rem}.tw-max-w-md{max-width:28rem}.tw-max-w-sm{max-width:24rem}.tw-max-w-xl{max-width:36rem}.tw-max-w-xs{max-width:20rem}.tw-flex-1{flex:1 1 0%}.tw-flex-shrink-0,.tw-shrink-0{flex-shrink:0}.tw-basis-60{flex-basis:15rem}.tw-origin-top-left{transform-origin:top left}.-tw-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw--translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw--translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes tw-fadeIn{0%{opacity:0}to{opacity:1}}.tw-animate-fade-in{animation:tw-fadeIn .2s ease-out}@keyframes tw-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tw-animate-slide-up{animation:tw-slideUp .3s cubic-bezier(.16,1,.3,1)}.tw-animate-spin{animation:tw-spin 1s linear infinite}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-animate-spin-slow{animation:tw-spin 3s linear infinite}.\!tw-cursor-default{cursor:default!important}.tw-cursor-default{cursor:default}.tw-cursor-grabbing{cursor:grabbing}.tw-cursor-pointer{cursor:pointer}.tw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-resize-none{resize:none}.tw-snap-center{scroll-snap-align:center}.tw-scroll-my-4{scroll-margin-top:1rem;scroll-margin-bottom:1rem}.tw-list-none{list-style-type:none}.tw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.tw-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.tw-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-flex-nowrap{flex-wrap:nowrap}.tw-place-items-center{place-items:center}.tw-content-start{align-content:flex-start}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-items-baseline{align-items:baseline}.tw-items-stretch{align-items:stretch}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-justify-around{justify-content:space-around}.tw-justify-items-center{justify-items:center}.tw-gap-0{gap:0px}.tw-gap-0\.5{gap:.125rem}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-2{gap:.5rem}.tw-gap-2\.5{gap:.625rem}.tw-gap-3{gap:.75rem}.tw-gap-3\.5{gap:.875rem}.tw-gap-4{gap:1rem}.tw-gap-5{gap:1.25rem}.tw-gap-6{gap:1.5rem}.tw-gap-8{gap:2rem}.tw-gap-ds-1{gap:var(--space-1)}.tw-gap-ds-2{gap:var(--space-2)}.tw-gap-ds-3{gap:var(--space-3)}.tw-gap-ds-4{gap:var(--space-4)}.tw-gap-ds-5{gap:var(--space-5)}.tw-gap-ds-6{gap:var(--space-6)}.tw-gap-ds-8{gap:var(--space-8)}.tw-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.tw-gap-x-ds-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.tw-gap-y-2{row-gap:.5rem}.tw-gap-y-ds-6{row-gap:var(--space-6)}.tw-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.tw-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.tw-divide-divider>:not([hidden])~:not([hidden]){border-color:var(--divider)}.tw-self-start{align-self:flex-start}.tw-self-end{align-self:flex-end}.tw-self-center{align-self:center}.tw-self-stretch{align-self:stretch}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-x-auto{overflow-x:auto}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-whitespace-nowrap{white-space:nowrap}.tw-whitespace-pre-line{white-space:pre-line}.tw-whitespace-pre-wrap{white-space:pre-wrap}.tw-break-words{overflow-wrap:break-word}.tw-break-all{word-break:break-all}.\!tw-rounded-ds-sm{border-radius:var(--radius-sm)!important}.tw-rounded{border-radius:.25rem}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-ds-2xl{border-radius:var(--radius-2xl)}.tw-rounded-ds-lg{border-radius:var(--radius-lg)}.tw-rounded-ds-md{border-radius:var(--radius-md)}.tw-rounded-ds-pill{border-radius:var(--radius-pill)}.tw-rounded-ds-sm{border-radius:var(--radius-sm)}.tw-rounded-ds-xl{border-radius:var(--radius-xl)}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-none{border-radius:0}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.tw-rounded-t-ds-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.tw-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.tw-border{border-width:1px}.tw-border-0{border-width:0px}.tw-border-2{border-width:2px}.tw-border-y{border-top-width:1px;border-bottom-width:1px}.tw-border-b{border-bottom-width:1px}.tw-border-l-4{border-left-width:4px}.tw-border-t{border-top-width:1px}.\!tw-border-solid{border-style:solid!important}.tw-border-solid{border-style:solid}.tw-border-dashed{border-style:dashed}.tw-border-none{border-style:none}.\!tw-border-primary{border-color:var(--primary)!important}.\!tw-border-transparent{border-color:transparent!important}.tw-border-border{border-color:var(--border-color)}.tw-border-brand-tint-strong{border-color:rgba(var(--brand-rgb),.18)}.tw-border-divider{border-color:var(--divider)}.tw-border-error{border-color:var(--error)}.tw-border-info{border-color:var(--brand-blue-sea)}.tw-border-line-default{border-color:var(--border-default)}.tw-border-line-strong{border-color:var(--border-strong)}.tw-border-primary{border-color:var(--primary)}.tw-border-success{border-color:var(--success)}.tw-border-text-main{border-color:var(--text-main)}.tw-border-text-muted{border-color:var(--text-muted)}.tw-border-transparent{border-color:transparent}.tw-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.\!tw-bg-transparent{background-color:transparent!important}.tw-bg-\[color-mix\(in_srgb\,var\(--fg-muted\)_45\%\,transparent\)\]{background-color:color-mix(in srgb,var(--fg-muted) 45%,transparent)}.tw-bg-background{background-color:var(--background)}.tw-bg-bg-app{background-color:var(--bg-app)}.tw-bg-bg-card{background-color:var(--bg-card)}.tw-bg-bg-content{background-color:var(--bg-content)}.tw-bg-brand-tint{background-color:rgba(var(--brand-rgb),.1)}.tw-bg-card{background-color:var(--card-background)}.tw-bg-current{background-color:currentColor}.tw-bg-divider{background-color:var(--divider)}.tw-bg-error{background-color:var(--error)}.tw-bg-error-tint{background-color:var(--status-error-soft)}.tw-bg-fg-body{background-color:var(--fg-body)}.tw-bg-fg-secondary{background-color:var(--fg-secondary)}.tw-bg-hover{background-color:var(--bg-hover)}.tw-bg-info-tint{background-color:color-mix(in srgb,var(--brand-blue-sea) 12%,transparent)}.tw-bg-input{background-color:var(--input-background)}.tw-bg-line-default{background-color:var(--border-default)}.tw-bg-primary{background-color:var(--primary)}.tw-bg-primary-light{background-color:var(--primary-light)}.tw-bg-success{background-color:var(--success)}.tw-bg-surface{background-color:var(--surface)}.tw-bg-text-muted{background-color:var(--text-muted)}.tw-bg-transparent{background-color:transparent}.tw-bg-warning{background-color:var(--warning)}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tw-bg-white\/20{background-color:#fff3}.tw-bg-white\/25{background-color:#ffffff40}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-left-top{-o-object-position:left top;object-position:left top}.tw-object-top{-o-object-position:top;object-position:top}.tw-p-0{padding:0}.tw-p-0\.5{padding:.125rem}.tw-p-1{padding:.25rem}.tw-p-10{padding:2.5rem}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-p-3\.5{padding:.875rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-6{padding:1.5rem}.tw-p-8{padding:2rem}.tw-p-ds-1{padding:var(--space-1)}.tw-p-ds-12{padding:var(--space-12)}.tw-p-ds-2{padding:var(--space-2)}.tw-p-ds-3{padding:var(--space-3)}.tw-p-ds-4{padding:var(--space-4)}.tw-p-ds-5{padding:var(--space-5)}.tw-p-ds-6{padding:var(--space-6)}.tw-p-ds-8{padding:var(--space-8)}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-0{padding-left:0;padding-right:0}.tw-px-1{padding-left:.25rem;padding-right:.25rem}.tw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-2\.5{padding-left:.625rem;padding-right:.625rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-px-ds-2{padding-left:var(--space-2);padding-right:var(--space-2)}.tw-px-ds-3{padding-left:var(--space-3);padding-right:var(--space-3)}.tw-px-ds-4{padding-left:var(--space-4);padding-right:var(--space-4)}.tw-px-ds-5{padding-left:var(--space-5);padding-right:var(--space-5)}.tw-px-ds-6{padding-left:var(--space-6);padding-right:var(--space-6)}.tw-px-ds-8{padding-left:var(--space-8);padding-right:var(--space-8)}.tw-py-0{padding-top:0;padding-bottom:0}.tw-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-12{padding-top:3rem;padding-bottom:3rem}.tw-py-14{padding-top:3.5rem;padding-bottom:3.5rem}.tw-py-16{padding-top:4rem;padding-bottom:4rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-py-8{padding-top:2rem;padding-bottom:2rem}.tw-py-ds-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.tw-py-ds-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.tw-py-ds-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.tw-py-ds-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.tw-py-ds-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.tw-py-ds-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.tw-py-ds-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.tw-py-ds-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.tw-pb-0{padding-bottom:0}.tw-pb-1{padding-bottom:.25rem}.tw-pb-10{padding-bottom:2.5rem}.tw-pb-2{padding-bottom:.5rem}.tw-pb-3{padding-bottom:.75rem}.tw-pb-4{padding-bottom:1rem}.tw-pb-5{padding-bottom:1.25rem}.tw-pb-6{padding-bottom:1.5rem}.tw-pb-8{padding-bottom:2rem}.tw-pb-\[max\(env\(safe-area-inset-bottom\)\,1\.25rem\)\]{padding-bottom:max(env(safe-area-inset-bottom),1.25rem)}.tw-pb-ds-12{padding-bottom:var(--space-12)}.tw-pb-ds-6{padding-bottom:var(--space-6)}.tw-pb-ds-8{padding-bottom:var(--space-8)}.tw-pl-0{padding-left:0}.tw-pl-10{padding-left:2.5rem}.tw-pl-11{padding-left:2.75rem}.tw-pl-4{padding-left:1rem}.tw-pl-5{padding-left:1.25rem}.tw-pl-ds-5{padding-left:var(--space-5)}.tw-pr-10{padding-right:2.5rem}.tw-pr-11{padding-right:2.75rem}.tw-pr-2{padding-right:.5rem}.tw-pr-4{padding-right:1rem}.tw-pr-8{padding-right:2rem}.tw-pr-9{padding-right:2.25rem}.tw-pt-2{padding-top:.5rem}.tw-pt-4{padding-top:1rem}.tw-pt-5{padding-top:1.25rem}.tw-pt-6{padding-top:1.5rem}.tw-pt-ds-10{padding-top:var(--space-10)}.tw-pt-ds-12{padding-top:var(--space-12)}.tw-pt-ds-3{padding-top:var(--space-3)}.tw-pt-ds-4{padding-top:var(--space-4)}.tw-pt-ds-6{padding-top:var(--space-6)}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-align-text-bottom{vertical-align:text-bottom}.tw-font-display{font-family:CityMango,cursive}.tw-font-sans{font-family:var(--font-family),sans-serif}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-6xl{font-size:3.75rem;line-height:1}.tw-text-base,.tw-text-body{font-size:1rem;line-height:1.5rem}.tw-text-body-sm{font-size:.875rem;line-height:1.25rem}.tw-text-caption{font-size:.75rem;line-height:1rem}.tw-text-display{font-size:2rem;line-height:2.25rem}.tw-text-h2{font-size:1.5rem;line-height:2rem}.tw-text-h3{font-size:1.25rem;line-height:1.75rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-title{font-size:1.125rem;line-height:1.5rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.\!tw-font-medium{font-weight:500!important}.tw-font-bold{font-weight:700}.tw-font-light{font-weight:300}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-uppercase{text-transform:uppercase}.tw-lowercase{text-transform:lowercase}.tw-capitalize{text-transform:capitalize}.tw-tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tw-leading-5{line-height:1.25rem}.tw-leading-7{line-height:1.75rem}.tw-leading-\[18px\]{line-height:18px}.tw-leading-none{line-height:1}.tw-leading-normal{line-height:1.5}.tw-leading-relaxed{line-height:1.625}.tw-leading-snug{line-height:1.375}.tw-leading-tight{line-height:1.25}.tw-tracking-wide{letter-spacing:.025em}.\!tw-text-error{color:var(--status-error-text)!important}.\!tw-text-text-main{color:var(--text-main)!important}.\!tw-text-text-muted{color:var(--text-muted)!important}.\!tw-text-text-secondary{color:var(--text-secondary)!important}.tw-text-bg-card{color:var(--bg-card)}.tw-text-brand-blue-sea{color:var(--brand-blue-sea)}.tw-text-brand-green{color:var(--status-success-text)}.tw-text-brand-orange{color:var(--status-warning-text)}.tw-text-error{color:var(--status-error-text)}.tw-text-fg-body{color:var(--fg-body)}.tw-text-fg-muted{color:var(--fg-muted)}.tw-text-fg-on-primary{color:var(--fg-onPrimary)}.tw-text-fg-primary{color:var(--fg-primary)}.tw-text-fg-secondary{color:var(--fg-secondary)}.tw-text-info{color:var(--brand-blue-sea)}.tw-text-primary{color:var(--brand-text)}.tw-text-success{color:var(--status-success-text)}.tw-text-text-main{color:var(--text-main)}.tw-text-text-muted{color:var(--text-muted)}.tw-text-text-primary{color:var(--text-primary)}.tw-text-text-secondary{color:var(--text-secondary)}.tw-text-warning{color:var(--status-warning-text)}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-underline{text-decoration-line:underline}.tw-line-through{text-decoration-line:line-through}.tw-no-underline{text-decoration-line:none}.tw-accent-primary{accent-color:var(--primary)}.tw-opacity-0{opacity:0}.tw-opacity-30{opacity:.3}.tw-opacity-50{opacity:.5}.tw-opacity-60{opacity:.6}.tw-opacity-70{opacity:.7}.tw-opacity-75{opacity:.75}.tw-opacity-80{opacity:.8}.tw-opacity-90{opacity:.9}.tw-shadow-ds-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-ds-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-ds-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-ds-xs{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.tw-ring-card{--tw-ring-color: var(--card-background)}.tw-ring-current{--tw-ring-color: currentColor}.tw-ring-offset-2{--tw-ring-offset-width: 2px}.tw-ring-offset-bg-card{--tw-ring-offset-color: var(--bg-card)}.tw-drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-transition-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-200{transition-duration:.2s}.tw-duration-300{transition-duration:.3s}.tw-duration-ds-fast{transition-duration:.12s}.tw-ease-ds-out{transition-timing-function:var(--ease-out)}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:CityMango;src:url(/fonts/CityMango.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--bg-app);color:var(--brand);z-index:9999}.loading-screen__wordmark{font-family:CityMango,sans-serif;font-size:2.25rem;line-height:1;color:var(--brand)}.loading-screen__spinner{width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);animation:loading-spin .7s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.skeleton-shimmer{background-color:var(--divider);animation:skeleton-pulse 1.6s ease-in-out infinite;display:block}:root{font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(var(--brand-soft-rgb),.45);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--brand-soft-rgb),.85)}html,body,#root{height:100dvh;width:100%;margin:0;padding:0;overflow:hidden;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:manipulation}#root{display:flex;flex-direction:column}body{min-width:320px}input,select,textarea{font-size:16px!important}.placeholder\:tw-text-fg-muted::-moz-placeholder{color:var(--fg-muted)}.placeholder\:tw-text-fg-muted::placeholder{color:var(--fg-muted)}.placeholder\:tw-text-text-muted::-moz-placeholder{color:var(--text-muted)}.placeholder\:tw-text-text-muted::placeholder{color:var(--text-muted)}.after\:tw-absolute:after{content:var(--tw-content);position:absolute}.after\:tw-left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:tw-top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:tw-h-5:after{content:var(--tw-content);height:1.25rem}.after\:tw-w-5:after{content:var(--tw-content);width:1.25rem}.after\:tw-rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:tw-border:after{content:var(--tw-content);border-width:1px}.after\:tw-border-line-default:after{content:var(--tw-content);border-color:var(--border-default)}.after\:tw-bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:tw-transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:tw-content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:tw-mb-0:last-child{margin-bottom:0}.last\:tw-border-b-0:last-child{border-bottom-width:0px}.focus-within\:tw-border-primary:focus-within{border-color:var(--primary)}.hover\:\!tw-translate-y-0:hover{--tw-translate-y: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:\!tw-scale-100:hover{--tw-scale-x: 1 !important;--tw-scale-y: 1 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:tw-scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:tw-border-primary:hover{border-color:var(--primary)}.hover\:tw-border-primary-dark:hover{border-color:var(--primary-dark)}.hover\:\!tw-bg-error-tint:hover{background-color:var(--status-error-soft)!important}.hover\:tw-bg-bg-hover:hover{background-color:var(--bg-hover-token)}.hover\:tw-bg-black\/5:hover{background-color:#0000000d}.hover\:tw-bg-brand-tint-strong:hover{background-color:rgba(var(--brand-rgb),.18)}.hover\:tw-bg-error-tint:hover{background-color:var(--status-error-soft)}.hover\:tw-bg-hover:hover{background-color:var(--bg-hover)}.hover\:tw-bg-primary-dark:hover{background-color:var(--primary-dark)}.hover\:tw-bg-surface:hover{background-color:var(--surface)}.hover\:tw-bg-white\/30:hover{background-color:#ffffff4d}.hover\:\!tw-text-error:hover{color:var(--status-error-text)!important}.hover\:\!tw-text-text-main:hover{color:var(--text-main)!important}.hover\:tw-text-error:hover{color:var(--status-error-text)}.hover\:tw-text-fg-body:hover{color:var(--fg-body)}.hover\:tw-text-fg-primary:hover{color:var(--fg-primary)}.hover\:tw-text-primary:hover{color:var(--brand-text)}.hover\:tw-text-text-main:hover{color:var(--text-main)}.hover\:tw-text-text-secondary:hover{color:var(--text-secondary)}.hover\:tw-underline:hover{text-decoration-line:underline}.hover\:tw-opacity-100:hover{opacity:1}.hover\:tw-opacity-80:hover{opacity:.8}.hover\:tw-brightness-95:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:tw-border-primary:focus{border-color:var(--primary)}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-border-primary:focus-visible{border-color:var(--primary)}.focus-visible\:tw-text-primary:focus-visible{color:var(--brand-text)}.focus-visible\:tw-opacity-100:focus-visible{opacity:1}.focus-visible\:tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-outline:focus-visible{outline-style:solid}.focus-visible\:tw-outline-2:focus-visible{outline-width:2px}.focus-visible\:tw-outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:tw-outline-\[var\(--brand-bright\)\]:focus-visible{outline-color:var(--brand-bright)}.focus-visible\:tw-outline-primary:focus-visible{outline-color:var(--primary)}.focus-visible\:tw-ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:tw-ring-primary:focus-visible{--tw-ring-color: var(--primary)}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:tw-scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:tw-scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\:hover\:tw-border-line-strong:hover:enabled{border-color:var(--border-strong)}.enabled\:hover\:tw-bg-hover:hover:enabled{background-color:var(--bg-hover)}.disabled\:tw-pointer-events-none:disabled{pointer-events:none}.disabled\:tw-cursor-default:disabled{cursor:default}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:tw-opacity-40:disabled{opacity:.4}.disabled\:tw-opacity-50:disabled{opacity:.5}.disabled\:tw-opacity-60:disabled{opacity:.6}.disabled\:tw-opacity-90:disabled{opacity:.9}.disabled\:hover\:tw-border-divider:hover:disabled{border-color:var(--divider)}.disabled\:hover\:tw-text-text-main:hover:disabled{color:var(--text-main)}.tw-group:focus-within .group-focus-within\:tw-opacity-100{opacity:1}.tw-group:hover .group-hover\:tw-opacity-100{opacity:1}.tw-peer:checked~.peer-checked\:tw-bg-primary{background-color:var(--primary)}.tw-peer:checked~.peer-checked\:after\:tw-translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-peer:checked~.peer-checked\:after\:tw-border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.tw-peer:focus-visible~.peer-focus-visible\:tw-ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.tw-peer:focus-visible~.peer-focus-visible\:tw-ring-primary{--tw-ring-color: var(--primary)}.tw-peer:focus-visible~.peer-focus-visible\:tw-ring-offset-2{--tw-ring-offset-width: 2px}@media(prefers-reduced-motion:reduce){.motion-reduce\:tw-animate-none{animation:none}}@media(max-width:768px){.max-\[768px\]\:tw-hidden{display:none}.max-\[768px\]\:tw-h-auto{height:auto}.max-\[768px\]\:tw-w-full{width:100%}.max-\[768px\]\:tw-flex-none{flex:none}.max-\[768px\]\:tw-justify-around{justify-content:space-around}.max-\[768px\]\:tw-gap-0{gap:0px}.max-\[768px\]\:tw-overflow-visible{overflow:visible}.max-\[768px\]\:tw-px-2\.5{padding-left:.625rem;padding-right:.625rem}.max-\[768px\]\:tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.max-\[768px\]\:tw-pb-1{padding-bottom:.25rem}.max-\[768px\]\:tw-text-caption{font-size:.75rem;line-height:1rem}.max-\[768px\]\:tw-opacity-100{opacity:1}}@media not all and (min-width:640px){.max-sm\:tw-right-4{right:1rem}.max-sm\:tw-hidden{display:none}.max-sm\:tw-w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}}@media(max-width:600px){.max-\[600px\]\:tw-hidden{display:none}.max-\[600px\]\:tw-min-w-\[80px\]{min-width:80px}.max-\[600px\]\:tw-text-h3{font-size:1.25rem;line-height:1.75rem}}@media(min-width:640px){.sm\:tw-mx-0{margin-left:0;margin-right:0}.sm\:tw-my-ds-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.sm\:tw-mb-ds-4{margin-bottom:var(--space-4)}.sm\:tw-mb-ds-6{margin-bottom:var(--space-6)}.sm\:tw-mt-ds-4{margin-top:var(--space-4)}.sm\:tw-h-14{height:3.5rem}.sm\:tw-h-auto{height:auto}.sm\:tw-w-14{width:3.5rem}.sm\:tw-w-\[240px\]{width:240px}.sm\:tw-max-w-none{max-width:none}.sm\:tw-flex-1{flex:1 1 0%}.sm\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:tw-flex-row{flex-direction:row}.sm\:tw-items-center{align-items:center}.sm\:tw-justify-center{justify-content:center}.sm\:tw-self-center{align-self:center}.sm\:tw-whitespace-nowrap{white-space:nowrap}.sm\:tw-rounded-ds-2xl{border-radius:var(--radius-2xl)}.sm\:tw-border{border-width:1px}.sm\:tw-border-solid{border-style:solid}.sm\:tw-border-line-default{border-color:var(--border-default)}.sm\:tw-p-4{padding:1rem}.sm\:tw-p-ds-10{padding:var(--space-10)}.sm\:tw-p-ds-4{padding:var(--space-4)}.sm\:tw-p-ds-6{padding:var(--space-6)}.sm\:tw-p-ds-8{padding:var(--space-8)}.sm\:tw-px-ds-10{padding-left:var(--space-10);padding-right:var(--space-10)}.sm\:tw-px-ds-8{padding-left:var(--space-8);padding-right:var(--space-8)}.sm\:tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:tw-py-ds-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.sm\:tw-pr-8{padding-right:2rem}.sm\:tw-pt-ds-10{padding-top:var(--space-10)}.sm\:tw-text-5xl{font-size:3rem;line-height:1}.sm\:tw-text-display{font-size:2rem;line-height:2.25rem}.sm\:tw-text-h2{font-size:1.5rem;line-height:2rem}.sm\:tw-shadow-ds-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media(min-width:768px){.md\:tw-order-1{order:1}.md\:tw-order-2{order:2}.md\:tw-my-auto{margin-top:auto;margin-bottom:auto}.md\:tw-block{display:block}.md\:tw-flex{display:flex}.md\:tw-hidden{display:none}.md\:tw-basis-\[44\%\]{flex-basis:44%}.md\:tw-basis-\[56\%\]{flex-basis:56%}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:tw-flex-row{flex-direction:row}.md\:tw-gap-2{gap:.5rem}.md\:tw-gap-4{gap:1rem}.md\:tw-border-0{border-width:0px}.md\:tw-bg-transparent{background-color:transparent}.md\:tw-p-0{padding:0}.md\:tw-p-6{padding:1.5rem}.md\:tw-p-8{padding:2rem}.md\:tw-p-ds-10{padding:var(--space-10)}.md\:tw-p-ds-12{padding:var(--space-12)}.md\:tw-text-base{font-size:1rem;line-height:1.5rem}.md\:tw-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media(min-width:769px){.min-\[769px\]\:tw-hidden{display:none}}@media(min-width:1024px){.lg\:tw-col-span-2{grid-column:span 2 / span 2}.lg\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:tw-px-ds-10{padding-left:var(--space-10);padding-right:var(--space-10)}}.\[\&\>svg\]\:tw-text-fg-muted>svg{color:var(--fg-muted)}.\[\&_button\]\:tw-font-sans button{font-family:var(--font-family),sans-serif}