@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes routeEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes routeLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}::view-transition-old(root){animation:.18s ease both routeLeave}::view-transition-new(root){animation:.22s ease both routeEnter}:root{--bg: #ffffff;--surface: #ffffff;--hover: #faeaea;--selected: #fad4d1;--accent: #c0392b;--accent-h: #8b1a1a;--accent-light: #fce8e6;--danger: #b71c1c;--danger-bg: #fce8e6;--warning: #8a4b00;--warning-bg: #fff4d6;--success: #188038;--success-bg: #e6f4ea;--ink: #202124;--ink-2: #3c4043;--ink-muted: #5f6368;--border: #e0e0e0;--border-input: #dadce0;--s1: 0 1px 2px rgba(60,64,67,.1), 0 2px 6px rgba(60,64,67,.06);--s2: 0 1px 3px rgba(60,64,67,.16), 0 4px 8px rgba(60,64,67,.1);--s3: 0 2px 6px rgba(60,64,67,.2), 0 8px 24px rgba(60,64,67,.12);--topbar-h: 64px;--sidebar-w: 256px;--sidebar-c: 72px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm: 4px;--r-md: 8px;--r-lg: 16px;--r-pill: 999px;--t: .15s ease;--t-sb: .25s cubic-bezier(.4, 0, .2, 1);--accent-ring: rgba(192, 57, 43, .22)}:root[data-theme=dark]{--bg: #111111;--surface: #1c1c1c;--hover: #2d1a1a;--selected: #5c2020;--accent: #e05245;--accent-h: #c0392b;--accent-light: #3d1010;--danger: #ef5350;--danger-bg: #3d1010;--warning: #fbbc04;--warning-bg: #3b2f12;--success: #66bb6a;--success-bg: #1a3a1a;--ink: #e8eaed;--ink-2: #bdc1c6;--ink-muted: #9aa0a6;--border: #3c3c3c;--border-input: #555555;--s1: 0 1px 2px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.4);--s2: 0 1px 3px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.5);--s3: 0 2px 6px rgba(0,0,0,.7), 0 8px 24px rgba(0,0,0,.6);--accent-ring: rgba(224, 82, 69, .28)}:root[data-theme=dismoto]{--bg: #ffffff;--surface: #ffffff;--hover: #fef2f2;--selected: #fecaca;--accent: #dc2626;--accent-h: #991b1b;--accent-light: #fee2e2;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #18181b;--ink-2: #3f3f46;--ink-muted: #71717a;--border: #fecaca;--border-input: #fca5a5;--s1: 0 1px 2px rgba(220,38,38,.08), 0 2px 6px rgba(220,38,38,.05);--s2: 0 1px 3px rgba(220,38,38,.12), 0 4px 8px rgba(220,38,38,.08);--s3: 0 2px 6px rgba(220,38,38,.16), 0 8px 24px rgba(220,38,38,.1);--accent-ring: rgba(220, 38, 38, .22)}:root[data-theme=focus]{--bg: #f0fdfa;--surface: #ffffff;--hover: #ccfbf1;--selected: #99f6e4;--accent: #0f766e;--accent-h: #0d6861;--accent-light: #ccfbf1;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #134e4a;--ink-2: #1f5c58;--ink-muted: #2d9b90;--border: #99f6e4;--border-input: #5eead4;--s1: 0 1px 2px rgba(15,118,110,.08), 0 2px 6px rgba(15,118,110,.05);--s2: 0 1px 3px rgba(15,118,110,.12), 0 4px 8px rgba(15,118,110,.08);--s3: 0 2px 6px rgba(15,118,110,.16), 0 8px 24px rgba(15,118,110,.1);--accent-ring: rgba(15, 118, 110, .22)}:root[data-theme=slate]{--bg: #f8fafc;--surface: #f1f5f9;--hover: #e2e8f0;--selected: #cbd5e1;--accent: #475569;--accent-h: #334155;--accent-light: #e2e8f0;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #0f172a;--ink-2: #1e293b;--ink-muted: #64748b;--border: #cbd5e1;--border-input: #94a3b8;--s1: 0 1px 2px rgba(71,85,105,.08), 0 2px 6px rgba(71,85,105,.05);--s2: 0 1px 3px rgba(71,85,105,.12), 0 4px 8px rgba(71,85,105,.08);--s3: 0 2px 6px rgba(71,85,105,.18), 0 8px 24px rgba(71,85,105,.12);--accent-ring: rgba(71, 85, 105, .22)}:root[data-theme=graphite]{--bg: #18181b;--surface: #27272a;--hover: #3f3f46;--selected: #52525b;--accent: #a1a1aa;--accent-h: #71717a;--accent-light: #3f3f46;--danger: #ef5350;--danger-bg: #3d1010;--warning: #fbbc04;--warning-bg: #3b2f12;--success: #66bb6a;--success-bg: #1a3a1a;--ink: #f4f4f5;--ink-2: #d4d4d8;--ink-muted: #a1a1aa;--border: #3f3f46;--border-input: #52525b;--s1: 0 1px 2px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.4);--s2: 0 1px 3px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.5);--s3: 0 2px 6px rgba(0,0,0,.7), 0 8px 24px rgba(0,0,0,.6);--accent-ring: rgba(161, 161, 170, .22)}:root[data-theme=ocean]{--bg: #f0f9ff;--surface: #ffffff;--hover: #e0f2fe;--selected: #bae6fd;--accent: #0284c7;--accent-h: #0369a1;--accent-light: #e0f2fe;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #082f49;--ink-2: #0c4a6e;--ink-muted: #0369a1;--border: #7dd3fc;--border-input: #38bdf8;--s1: 0 1px 2px rgba(2,132,199,.08), 0 2px 6px rgba(2,132,199,.05);--s2: 0 1px 3px rgba(2,132,199,.12), 0 4px 8px rgba(2,132,199,.08);--s3: 0 2px 6px rgba(2,132,199,.18), 0 8px 24px rgba(2,132,199,.12);--accent-ring: rgba(2, 132, 199, .22)}:root[data-theme=forest]{--bg: #f0fdf4;--surface: #ffffff;--hover: #dcfce7;--selected: #bbf7d0;--accent: #166534;--accent-h: #14532d;--accent-light: #dcfce7;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #052e16;--ink-2: #14532d;--ink-muted: #15803d;--border: #86efac;--border-input: #4ade80;--s1: 0 1px 2px rgba(22,101,52,.08), 0 2px 6px rgba(22,101,52,.05);--s2: 0 1px 3px rgba(22,101,52,.12), 0 4px 8px rgba(22,101,52,.08);--s3: 0 2px 6px rgba(22,101,52,.18), 0 8px 24px rgba(22,101,52,.12);--accent-ring: rgba(22, 101, 52, .22)}:root[data-theme=amber]{--bg: #fffbeb;--surface: #ffffff;--hover: #fef3c7;--selected: #fde68a;--accent: #d97706;--accent-h: #b45309;--accent-light: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #451a03;--ink-2: #78350f;--ink-muted: #92400e;--border: #fcd34d;--border-input: #fbbf24;--s1: 0 1px 2px rgba(217,119,6,.08), 0 2px 6px rgba(217,119,6,.05);--s2: 0 1px 3px rgba(217,119,6,.12), 0 4px 8px rgba(217,119,6,.08);--s3: 0 2px 6px rgba(217,119,6,.18), 0 8px 24px rgba(217,119,6,.12);--accent-ring: rgba(217, 119, 6, .22)}:root[data-theme=rose]{--bg: #fff1f2;--surface: #ffffff;--hover: #ffe4e6;--selected: #fecdd3;--accent: #e11d48;--accent-h: #be123c;--accent-light: #ffe4e6;--danger: #e11d48;--danger-bg: #ffe4e6;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #4c0519;--ink-2: #881337;--ink-muted: #9f1239;--border: #fda4af;--border-input: #fb7185;--s1: 0 1px 2px rgba(225,29,72,.08), 0 2px 6px rgba(225,29,72,.05);--s2: 0 1px 3px rgba(225,29,72,.12), 0 4px 8px rgba(225,29,72,.08);--s3: 0 2px 6px rgba(225,29,72,.18), 0 8px 24px rgba(225,29,72,.12);--accent-ring: rgba(225, 29, 72, .22)}:root[data-theme=violet]{--bg: #f5f3ff;--surface: #ffffff;--hover: #ede9fe;--selected: #ddd6fe;--accent: #7c3aed;--accent-h: #6d28d9;--accent-light: #ede9fe;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #92400e;--warning-bg: #fef3c7;--success: #166534;--success-bg: #dcfce7;--ink: #2e1065;--ink-2: #4c1d95;--ink-muted: #5b21b6;--border: #c4b5fd;--border-input: #a78bfa;--s1: 0 1px 2px rgba(124,58,237,.08), 0 2px 6px rgba(124,58,237,.05);--s2: 0 1px 3px rgba(124,58,237,.12), 0 4px 8px rgba(124,58,237,.08);--s3: 0 2px 6px rgba(124,58,237,.18), 0 8px 24px rgba(124,58,237,.12);--accent-ring: rgba(124, 58, 237, .22)}:root[data-theme=high-contrast]{--bg: #000000;--surface: #000000;--hover: #1a1a1a;--selected: #333333;--accent: #facc15;--accent-h: #ca8a04;--accent-light: #422006;--danger: #ff5555;--danger-bg: #3d0000;--warning: #facc15;--warning-bg: #3b2f00;--success: #4ade80;--success-bg: #003d1a;--ink: #ffffff;--ink-2: #e5e5e5;--ink-muted: #a3a3a3;--border: #ffffff;--border-input: #e5e5e5;--s1: 0 1px 2px rgba(0,0,0,.8), 0 2px 6px rgba(0,0,0,.6);--s2: 0 1px 3px rgba(0,0,0,.9), 0 4px 8px rgba(0,0,0,.7);--s3: 0 2px 6px rgba(0,0,0,1), 0 8px 24px rgba(0,0,0,.9);--accent-ring: rgba(250, 204, 21, .35)}:root[data-wallpaper=soft-grid] body{background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--bg);background-size:24px 24px}:root[data-wallpaper=red-wave] body{background:radial-gradient(ellipse at 20% 50%,#fca5a5 0%,#fef2f2 55%,var(--bg) 100%)}:root[data-wallpaper=midnight] body{background:linear-gradient(135deg,#111827,#1f2937,#24243e)}:root[data-wallpaper=midnight]:not([data-theme=dark]):not([data-theme=graphite]):not([data-theme=high-contrast]){--bg: #1a1730;--surface: #211e3b;--border: #3d3860;--ink: #e8eaed;--ink-2: #bdc1c6;--ink-muted: #9aa0a6}:root[data-wallpaper=paper] body{background:linear-gradient(180deg,#faf7f2,#f5f0e8)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--bg);touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;min-width:320px;font-family:var(--font);font-size:.9375rem;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y}button,input,textarea,select{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#9aa0a6}app-root{display:block}.shell{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--sidebar-c) 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100dvh;min-height:100dvh;transition:grid-template-columns var(--t-sb)}.shell--sidebar-open{grid-template-columns:var(--sidebar-w) 1fr}.shell--no-sidebar{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.shell--no-topbar{grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:"main"}.topbar{grid-area:topbar;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 16px 0 8px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--s1)}.topbar__start{display:flex;align-items:center;gap:4px;flex-shrink:0}.topbar__search{flex:1;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:8px;height:40px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--bg);padding:0 16px;color:var(--ink-muted);transition:border-color var(--t),box-shadow var(--t),background var(--t)}.topbar__search:hover{border-color:var(--border-input)}.topbar__search:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.topbar__search svg{flex-shrink:0;transition:color var(--t)}.topbar__search:focus-within svg{color:var(--accent)}.topbar__search input{flex:1;min-width:0;border:none;background:transparent;color:var(--ink);font-size:.9375rem;outline:none;width:100%}.topbar__search input:focus,.topbar__search input:focus-visible{outline:none;box-shadow:none}.topbar__search input::placeholder{color:var(--ink-muted)}.topbar__search input[type=search]::-webkit-search-cancel-button,.topbar__search input[type=search]::-webkit-search-decoration,.topbar__search input[type=search]::-webkit-search-results-button,.topbar__search input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.topbar__search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:var(--ink-muted);color:#fff;cursor:pointer;padding:0;opacity:.55;transition:opacity var(--t),background var(--t)}.topbar__search__clear:hover{opacity:1;background:var(--accent)}.topbar__end{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.topbar__user{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--ink-muted)}.brand{display:flex;align-items:center;gap:2px;padding:4px 8px;text-decoration:none;color:var(--ink);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand__accent{color:var(--accent)}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--r-pill);background:transparent;color:var(--ink-muted);cursor:pointer;transition:background var(--t)}.icon-btn:hover{background:var(--hover)}.avatar-btn{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;background:transparent;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;transition:background var(--t),border-color var(--t),box-shadow var(--t);outline:none}.avatar-btn:hover,.avatar-btn--open{background:var(--hover);border-color:var(--border)}.avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-btn--open .avatar{box-shadow:0 0 0 3px var(--accent-light)}.avatar-chevron{color:var(--ink-muted);flex-shrink:0;transition:transform var(--t)}.avatar-btn--open .avatar-chevron{transform:rotate(180deg)}.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:600;font-size:.8125rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:box-shadow var(--t)}.avatar-btn:hover .avatar{box-shadow:0 0 0 2px var(--accent-light)}.avatar-menu{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:188px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 10px);box-shadow:0 4px 24px #00000024;padding:6px;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.avatar-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:var(--r-sm, 7px);color:var(--ink);font-size:.875rem;text-decoration:none;cursor:pointer;transition:background var(--t);text-align:left;white-space:nowrap}.avatar-dropdown__item:hover{background:var(--hover)}.avatar-dropdown__item--danger{color:var(--danger)}.avatar-dropdown__item--danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.avatar-dropdown__divider{height:1px;background:var(--border);margin:4px 0}.sidebar{grid-area:sidebar;position:sticky;top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;padding:8px 0 16px;background:var(--surface);border-right:1px solid var(--border)}.compose-fab{display:flex;align-items:center;gap:12px;margin:8px 12px 12px;padding:14px 20px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--s2);color:var(--ink);font-weight:600;font-size:.9375rem;text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;transition:box-shadow var(--t),transform var(--t)}.compose-fab:hover{box-shadow:var(--s3);transform:translateY(-1px)}.compose-fab:active{transform:translateY(0);box-shadow:var(--s1)}.compose-fab__icon{flex-shrink:0;color:var(--accent)}.mobile-compose-fab{display:none}.compose-fab__label,.sidebar-label{transition:opacity var(--t-sb),max-width var(--t-sb);max-width:160px;overflow:hidden;white-space:nowrap}.nav-badge{margin-left:auto;flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;line-height:18px;text-align:center;transition:opacity var(--t-sb)}.shell:not(.shell--sidebar-open) .nav-badge{opacity:0}.shell:not(.shell--sidebar-open) .compose-fab__label,.shell:not(.shell--sidebar-open) .sidebar-label{opacity:0;max-width:0}.shell:not(.shell--sidebar-open) .compose-fab{justify-content:center;padding:0;width:48px;height:48px;border-radius:var(--r-pill);margin:12px auto 20px;background:var(--accent-light);box-shadow:var(--s1)}.shell:not(.shell--sidebar-open) .compose-fab .compose-fab__icon{color:var(--accent)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:16px;padding:0 12px;height:40px;border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;transition:background var(--t)}.sidebar-nav a:hover{background:var(--hover)}.sidebar-nav a.active{background:var(--selected);color:var(--ink);font-weight:700}.shell:not(.shell--sidebar-open) .sidebar-nav{padding:0;align-items:center}.shell:not(.shell--sidebar-open) .sidebar-nav a{justify-content:center;align-items:center;gap:0;padding:0;width:48px;height:40px;border-radius:var(--r-pill);margin:0 auto}.shell:not(.shell--sidebar-open) .sidebar-nav a.active{background:var(--selected)}.sidebar-footer{padding:8px 8px 0;border-top:1px solid var(--border);margin-top:8px}.sidebar-logout{display:none}.sidebar-support{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:var(--r-pill);text-decoration:none;color:#1da851;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;background:#25d3661a;border:1px solid rgba(37,211,102,.25);transition:background var(--t),border-color var(--t),box-shadow var(--t);margin:0 8px 8px;position:relative}.sidebar-support:hover{background:#25d3662e;border-color:#25d36680;box-shadow:0 0 0 3px #25d3661f;color:#17963f}.sidebar-support .nav-icon{color:#25d366;flex-shrink:0;transition:transform var(--t)}.sidebar-support:hover .nav-icon{transform:scale(1.15)}.sidebar-support:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:7px;height:7px;background:#25d366;border-radius:50%;animation:support-pulse 2s ease-in-out infinite}@keyframes support-pulse{0%,to{box-shadow:0 0 #25d36699;opacity:1}50%{box-shadow:0 0 0 5px #25d36600;opacity:.8}}.shell:not(.shell--sidebar-open) .sidebar-support{justify-content:center;gap:0;padding:0;width:48px;margin:0 auto 8px}.sidebar-brand-logo{display:block;width:100%;height:auto;max-height:44px;object-fit:contain;object-position:left center;opacity:.9}.shell:not(.shell--sidebar-open) .sidebar-footer{padding:0;display:flex;justify-content:center}.shell:not(.shell--sidebar-open) .sidebar-brand-logo{max-width:40px;max-height:40px;object-position:center center}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--ink-muted)}.sidebar-nav a.active .nav-icon{color:var(--accent)}.main{grid-area:main;overflow:auto;min-height:0}.sidebar-backdrop{display:none}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px!important}.shell,.shell--sidebar-open{grid-template-columns:0 1fr}.shell--no-sidebar,.shell--no-topbar{grid-template-columns:1fr}.shell--no-sidebar:not(.shell--no-topbar){grid-template-areas:"topbar" "main"}.shell--no-topbar{grid-template-rows:1fr;grid-template-areas:"main"}.sidebar{position:fixed;left:0;top:0;height:100dvh;padding-top:calc(var(--topbar-h) + 8px);z-index:200;width:min(var(--sidebar-w),85vw);transform:translate(-100%);transition:transform var(--t-sb),box-shadow var(--t-sb);box-shadow:none}.shell--sidebar-open .sidebar{transform:translate(0);box-shadow:var(--s3)}.compose-fab__label,.sidebar-label{opacity:1!important;max-width:160px!important}.sidebar>.compose-fab{display:none}.mobile-compose-fab{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom));z-index:150;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--accent);box-shadow:var(--s3);cursor:pointer;transition:transform var(--t),box-shadow var(--t),background var(--t)}.mobile-compose-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000038}.mobile-compose-fab:active{transform:translateY(0);box-shadow:var(--s1)}.sidebar-nav a{justify-content:flex-start!important;padding:0 12px!important;width:auto!important;margin:0!important}.sidebar-logout{display:none}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:199;background:#0000008c;animation:fadeIn .15s ease}.topbar{position:fixed;top:0;left:0;right:0;z-index:300}.topbar__user,.topbar__search{display:none}}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:none;border-radius:var(--r-sm);padding:0 16px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--t),box-shadow var(--t),transform var(--t)}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--accent-h);box-shadow:var(--s2)}.button--secondary{background:transparent;color:var(--accent);border:1px solid var(--border-input)}.button--secondary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light)}.button--ghost{background:transparent;color:var(--ink-muted)}.button--ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.button--danger{background:var(--danger);color:#fff}.button--danger:hover:not(:disabled){background:#c5221f}.alert{margin:0;border-radius:var(--r-md);padding:12px 16px;font-size:.875rem;font-weight:500;animation:fadeUp .2s ease}.alert--error{background:var(--danger-bg);color:var(--danger)}.alert--warning{background:var(--warning-bg);color:var(--warning)}.alert--success{background:var(--success-bg);color:var(--success)}.field{display:grid;gap:6px}.form-stack{display:grid;gap:16px}label{font-size:.875rem;font-weight:600;color:var(--ink-2)}input[type=text],input[type=email],input[type=password],input[type=search],textarea{width:100%;border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);color:var(--ink);padding:10px 14px;font-size:.9375rem;transition:border-color var(--t),box-shadow var(--t)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.topbar__search input[type=search],.topbar__search input[type=search]:focus,.topbar__search input[type=search]:focus-visible{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}input.invalid,textarea.invalid{border-color:var(--danger);box-shadow:0 0 0 3px #d930251f}textarea{resize:vertical}.field-error{margin:0;font-size:.8125rem;color:var(--danger)}.checkbox-field{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.actions-row{display:flex;align-items:center;gap:12px;justify-content:flex-end}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 24px;color:var(--ink-muted);text-align:center;font-size:.9375rem}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%}
