@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");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}:root{color-scheme:light dark;--bg-canvas: #faf7f1;--bg-surface: #ffffff;--bg-sunken: #f1ece3;--bg-raised: #ffffff;--text-default: #37312a;--text-muted: #6b6155;--text-subtle: #5e554a;--text-inverse: #ffffff;--border-default: #e4dcd0;--border-strong: #8a7e6e;--action-solid: #35522b;--action-solid-hover: #2b4324;--action-on-solid: #ffffff;--action-subtle-bg: #e1ebdb;--action-subtle-fg: #2b4324;--danger-solid: #b8362a;--danger-solid-hover: #9a2c22;--danger-on-solid: #ffffff;--danger-subtle-bg: #fce3e1;--danger-subtle-fg: #7c251e;--success-solid: #35522b;--success-on-solid: #ffffff;--success-subtle-bg: #e1ebdb;--success-subtle-fg: #2b4324;--warning-subtle-bg: #fbedcf;--warning-subtle-fg: #653f14;--info-subtle-bg: #f9e7de;--info-subtle-fg: #69321e;--focus-ring: #35522b;--overlay: rgba(33, 30, 27, .45);--type-shopping-bg: #f9e7de;--type-shopping-fg: #69321e;--type-todo-bg: #e1ebdb;--type-todo-fg: #2b4324;--type-note-bg: #f1ece3;--type-note-fg: #4e463c;--elevation-0: none;--elevation-1: 0 1px 2px rgb(15 23 42 / .04), 0 2px 8px rgb(15 23 42 / .04);--elevation-2: 0 4px 12px rgb(15 23 42 / .08), 0 2px 4px rgb(15 23 42 / .04);--elevation-3: 0 16px 32px rgb(15 23 42 / .12), 0 4px 8px rgb(15 23 42 / .06);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Fraunces, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-hero: 600 clamp(2.75rem, 1.55rem + 5vw, 4rem)/1.1 var(--font-serif);--text-hero-size: clamp(2.75rem, 1.55rem + 5vw, 4rem);--text-hero-tracking: -.03em;--text-display: 600 2.25rem/2.75rem var(--font-serif);--text-display-size: 2.25rem;--text-display-tracking: -.02em;--text-title: 600 1.75rem/2.25rem var(--font-serif);--text-title-size: 1.75rem;--text-title-tracking: -.015em;--text-heading: 600 1.25rem/1.75rem var(--font-sans);--text-heading-size: 1.25rem;--text-heading-tracking: -.01em;--text-body-lg: 400 1.0625rem/1.625rem var(--font-sans);--text-body-lg-size: 1.0625rem;--text-body-lg-tracking: 0;--text-body: 400 1rem/1.5rem var(--font-sans);--text-body-size: 1rem;--text-body-tracking: 0;--text-label: 500 .875rem/1.25rem var(--font-sans);--text-label-size: .875rem;--text-label-tracking: 0;--text-caption: 500 .8125rem/1.125rem var(--font-sans);--text-caption-size: .8125rem;--text-caption-tracking: 0;--target-compact: 36px;--target-base: 44px;--target-comfortable: 48px;--target: var(--target-base);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .28s;--motion-ease: cubic-bezier(.2, 0, 0, 1);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-canvas: #171513;--bg-surface: #211e1b;--bg-sunken: #171513;--bg-raised: #37312a;--text-default: #f1ece3;--text-muted: #d0c5b5;--text-subtle: #b0a596;--text-inverse: #171513;--border-default: #4e463c;--border-strong: #a79b8b;--action-solid: #739a63;--action-solid-hover: #9dbb90;--action-on-solid: #16220f;--action-subtle-bg: #2b4324;--action-subtle-fg: #e1ebdb;--danger-solid: #e26a5f;--danger-solid-hover: #f09b94;--danger-on-solid: #3b100e;--danger-subtle-bg: #7c251e;--danger-subtle-fg: #fce3e1;--success-solid: #739a63;--success-on-solid: #16220f;--success-subtle-bg: #2b4324;--success-subtle-fg: #e1ebdb;--warning-subtle-bg: #523314;--warning-subtle-fg: #f6d999;--info-subtle-bg: #69321e;--info-subtle-fg: #f9e7de;--focus-ring: #739a63;--overlay: rgba(11, 10, 9, .65);--type-shopping-bg: #69321e;--type-shopping-fg: #f9e7de;--type-todo-bg: #2b4324;--type-todo-fg: #e1ebdb;--type-note-bg: #4e463c;--type-note-fg: #e4dcd0;--elevation-0: none;--elevation-1: 0 1px 2px rgb(0 0 0 / .3);--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 16px 32px rgb(0 0 0 / .5)}}:root[data-theme=dark]{--bg-canvas: #171513;--bg-surface: #211e1b;--bg-sunken: #171513;--bg-raised: #37312a;--text-default: #f1ece3;--text-muted: #d0c5b5;--text-subtle: #b0a596;--text-inverse: #171513;--border-default: #4e463c;--border-strong: #a79b8b;--action-solid: #739a63;--action-solid-hover: #9dbb90;--action-on-solid: #16220f;--action-subtle-bg: #2b4324;--action-subtle-fg: #e1ebdb;--danger-solid: #e26a5f;--danger-solid-hover: #f09b94;--danger-on-solid: #3b100e;--danger-subtle-bg: #7c251e;--danger-subtle-fg: #fce3e1;--success-solid: #739a63;--success-on-solid: #16220f;--success-subtle-bg: #2b4324;--success-subtle-fg: #e1ebdb;--warning-subtle-bg: #523314;--warning-subtle-fg: #f6d999;--info-subtle-bg: #69321e;--info-subtle-fg: #f9e7de;--focus-ring: #739a63;--overlay: rgba(11, 10, 9, .65);--type-shopping-bg: #69321e;--type-shopping-fg: #f9e7de;--type-todo-bg: #2b4324;--type-todo-fg: #e1ebdb;--type-note-bg: #4e463c;--type-note-fg: #e4dcd0;--elevation-0: none;--elevation-1: 0 1px 2px rgb(0 0 0 / .3);--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 16px 32px rgb(0 0 0 / .5)}:root[data-theme=light]{--bg-canvas: #faf7f1;--bg-surface: #ffffff;--bg-sunken: #f1ece3;--bg-raised: #ffffff;--text-default: #37312a;--text-muted: #6b6155;--text-subtle: #5e554a;--text-inverse: #ffffff;--border-default: #e4dcd0;--border-strong: #8a7e6e;--action-solid: #35522b;--action-solid-hover: #2b4324;--action-on-solid: #ffffff;--action-subtle-bg: #e1ebdb;--action-subtle-fg: #2b4324;--danger-solid: #b8362a;--danger-solid-hover: #9a2c22;--danger-on-solid: #ffffff;--danger-subtle-bg: #fce3e1;--danger-subtle-fg: #7c251e;--success-solid: #35522b;--success-on-solid: #ffffff;--success-subtle-bg: #e1ebdb;--success-subtle-fg: #2b4324;--warning-subtle-bg: #fbedcf;--warning-subtle-fg: #653f14;--info-subtle-bg: #f9e7de;--info-subtle-fg: #69321e;--focus-ring: #35522b;--overlay: rgba(33, 30, 27, .45);--type-shopping-bg: #f9e7de;--type-shopping-fg: #69321e;--type-todo-bg: #e1ebdb;--type-todo-fg: #2b4324;--type-note-bg: #f1ece3;--type-note-fg: #4e463c;--elevation-0: none;--elevation-1: 0 1px 2px rgb(15 23 42 / .04), 0 2px 8px rgb(15 23 42 / .04);--elevation-2: 0 4px 12px rgb(15 23 42 / .08), 0 2px 4px rgb(15 23 42 / .04);--elevation-3: 0 16px 32px rgb(15 23 42 / .12), 0 4px 8px rgb(15 23 42 / .06)}@media (pointer: coarse){:root{--target: var(--target-comfortable);--text-body: 400 1.0625rem/1.625rem var(--font-sans);--text-body-size: 1.0625rem;--text-label: 500 1rem/1.5rem var(--font-sans);--text-label-size: 1rem;--text-caption: 500 .875rem/1.25rem var(--font-sans);--text-caption-size: .875rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer base,layout,components,utilities;@layer base{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--text-body);color:var(--text-default);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--text-default)}h1{font:var(--text-display);letter-spacing:var(--text-display-tracking)}h2{font:var(--text-title);letter-spacing:var(--text-title-tracking)}h3{font:var(--text-heading);letter-spacing:var(--text-heading-tracking)}h4,h5,h6{font:var(--text-label)}p{margin:0 0 var(--space-4)}a{color:var(--action-solid);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--motion-fast) var(--motion-ease)}a:hover{color:var(--action-solid-hover);text-decoration:underline}hr{border:0;border-top:1px solid var(--border-default);margin:var(--space-5) 0}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background-color:var(--action-subtle-bg);color:var(--action-subtle-fg)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;width:26px;height:26px;margin:0;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--bg-surface);display:inline-grid;place-content:center;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}input[type=checkbox]:before{content:"";width:14px;height:14px;transform:scale(0);transform-origin:center;background-color:var(--action-on-solid);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform var(--motion-fast) var(--motion-ease)}input[type=checkbox]:checked{background-color:var(--action-solid);border-color:var(--action-solid)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled{cursor:not-allowed;background-color:var(--bg-sunken);border-color:var(--border-default)}}@layer layout{.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--bg-canvas)}.layout{display:block;flex:1 1 auto;min-height:0;background-color:var(--bg-canvas)}.content{width:100%;max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:1000;display:flex;flex-direction:column;width:280px;max-width:85vw;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));background-color:var(--bg-surface);border-inline-end:1px solid var(--border-default);transform:translate(-100%);visibility:hidden;transition:transform var(--motion-base) var(--motion-ease),visibility 0s linear var(--motion-base)}.sidebar.open{transform:translate(0);visibility:visible;box-shadow:var(--elevation-3);transition:transform var(--motion-base) var(--motion-ease),visibility 0s}.sidebar>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.sidebar>header strong,.sidebar>header .brand-home,.mobile-header .brand-home{font:var(--text-heading);letter-spacing:var(--text-heading-tracking);color:var(--text-default);text-decoration:none}.brand-home{display:inline-flex;align-items:center;min-height:var(--target);border-radius:var(--radius-sm)}.brand-home:hover{color:var(--action-solid);text-decoration:none}.brand-home:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.sidebar nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font:var(--text-label)}.sidebar nav a:hover{background-color:var(--bg-sunken);color:var(--text-default);text-decoration:none}.sidebar nav a.active{background-color:var(--action-subtle-bg);color:var(--action-subtle-fg);font-weight:600}.sidebar-scrollable{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 calc(var(--space-1) * -1);padding:0 var(--space-1)}.sidebar>footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-default);font:var(--text-caption);color:var(--text-muted)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;background-color:var(--overlay)}.sidebar-overlay.open{display:block}.mobile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-top:max(var(--space-2),env(safe-area-inset-top));background-color:var(--bg-surface);border-bottom:1px solid var(--border-default)}@media (min-width: 768px){.layout{display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;align-self:stretch;height:auto;max-height:100vh;max-height:100dvh;overflow-y:auto;max-width:none;transform:none;visibility:visible;box-shadow:none}.sidebar-overlay,.mobile-header{display:none}.content{padding:var(--space-6) var(--space-5);padding-bottom:var(--space-6)}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-full);font:var(--text-label);font-weight:600;cursor:pointer;white-space:nowrap;background-color:var(--bg-sunken);color:var(--text-default);border-color:var(--border-strong);transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.btn:hover:not(:disabled){background-color:var(--bg-canvas)}.btn-primary{background-color:var(--action-solid);color:var(--action-on-solid);border-color:transparent}.btn-primary:hover:not(:disabled){background-color:var(--action-solid-hover)}.btn-secondary{background-color:var(--bg-sunken);color:var(--text-default);border-color:var(--border-strong)}.btn-danger{background-color:var(--danger-solid);color:var(--danger-on-solid);border-color:transparent}.btn-danger:hover:not(:disabled){background-color:var(--danger-solid-hover)}.btn-ghost{background-color:transparent;color:var(--action-solid);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--action-subtle-bg);color:var(--action-subtle-fg)}.btn:disabled{cursor:not-allowed;background-color:var(--bg-sunken);color:var(--text-subtle);border-color:var(--border-default)}.btn-sm{min-height:var(--target-compact);padding:0 var(--space-3);font:var(--text-caption);font-weight:600}.btn-lg{min-height:calc(var(--target) + 8px);padding:0 var(--space-6);font:var(--text-body);font-weight:600}.btn-icon{min-width:var(--target);padding:0;font-size:18px;line-height:1}.btn-icon.btn-sm{min-width:var(--target-compact);font-size:15px}.btn-icon-labelled{gap:var(--space-2);padding:0 var(--space-4)}[role=tab][aria-selected=true]{background-color:var(--action-solid);color:var(--action-on-solid);border-color:transparent}[role=tab][aria-selected=true]:hover{background-color:var(--action-solid-hover)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-4) 0}.field label{font:var(--text-label);font-weight:600;color:var(--text-muted)}.field input,.field textarea,.field select,select{width:100%;min-height:var(--target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-default);font:var(--text-body);font-family:var(--font-sans);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.field textarea{min-height:120px;padding:var(--space-3);resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--text-subtle)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,select:focus-visible{border-color:var(--action-solid)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger-solid)}.field input:disabled,.field textarea:disabled,select:disabled{background-color:var(--bg-sunken);color:var(--text-subtle);cursor:not-allowed}.field-err{font:var(--text-caption);color:var(--danger-subtle-fg)}.field-hint{font:var(--text-caption);color:var(--text-muted)}.card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:var(--space-5)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font:var(--text-caption);font-weight:600}.pill-online{background-color:var(--success-subtle-bg);color:var(--success-subtle-fg)}.pill-offline{background-color:var(--warning-subtle-bg);color:var(--warning-subtle-fg)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font:var(--text-caption);font-weight:600;background-color:var(--bg-sunken);color:var(--text-muted)}.badge-shopping{background-color:var(--type-shopping-bg);color:var(--type-shopping-fg)}.badge-todo{background-color:var(--type-todo-bg);color:var(--type-todo-fg)}.badge-note{background-color:var(--type-note-bg);color:var(--type-note-fg)}.badge-custom{background-color:var(--bg-sunken);color:var(--text-muted)}.badge-priority{background-color:var(--danger-subtle-bg);color:var(--danger-subtle-fg);flex-shrink:0}.tag{display:inline-block;margin-right:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background-color:var(--bg-sunken);color:var(--text-muted);font:var(--text-caption)}.item-type-badge{flex-shrink:0}.add-bar{display:flex;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-4)}.add-bar .field{flex:1 1 auto;margin:0}.add-bar .btn{flex:0 0 auto}@media (max-width: 767px){.add-bar{position:fixed;z-index:90;right:0;bottom:0;left:0;align-items:center;margin:0;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background-color:var(--bg-surface);border-top:1px solid var(--border-default);box-shadow:var(--elevation-3)}.add-bar .field label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.list-view{margin-bottom:var(--space-5);padding:var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.list-view>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.list-view>header h1{margin:0;font:var(--text-display);letter-spacing:var(--text-display-tracking);overflow-wrap:anywhere}.list-view-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}.confirm-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.list-actions{position:relative;display:flex}.list-actions-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:var(--target);min-height:var(--target);padding:0;border:1px solid var(--border-default);border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease)}.list-actions-toggle:hover{border-color:var(--border-strong);color:var(--text-default)}.list-actions-toggle[aria-expanded=true]{border-color:var(--action-solid);color:var(--action-solid)}.list-actions-items[hidden]{display:none}.list-actions-items{position:absolute;z-index:40;top:calc(100% + var(--space-2));right:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);min-width:260px;padding:var(--space-2);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-3)}.list-actions-items .btn,.list-actions-items select{justify-content:flex-start;width:100%;background-color:transparent;border-color:transparent;text-align:left}.list-actions-items .btn:hover{background-color:var(--bg-sunken)}.list-actions-items .list-public-toggle{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target);padding:0 var(--space-3);font:var(--text-label);color:var(--text-muted);cursor:pointer}@media (max-width: 640px){.list-actions-items{right:auto;left:0;min-width:0;width:100%}.list-actions{position:static}.list-view>header{position:relative}}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--bg-sunken);border-radius:var(--radius-md)}.list-toolbar label{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--text-muted)}.list-toolbar .btn{padding:0 var(--space-3)}.list-toolbar select{width:auto;min-height:var(--target-compact)}.task-list{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0;padding:0;list-style:none}.item-row{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--motion-ease)}.item-row:hover{border-color:var(--border-strong)}.item-row:focus-within{border-color:var(--action-solid)}.item-row-main{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target)}.item-row-main>label{display:flex;align-items:center;min-width:var(--target);min-height:var(--target);margin:calc(var(--space-2) * -1) 0 calc(var(--space-2) * -1) calc(var(--space-2) * -1);padding-left:var(--space-2);cursor:pointer}.item-name{flex:1 1 auto;min-width:0;padding:var(--space-2) 0;font:var(--text-body);overflow-wrap:anywhere}.item-row-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:var(--target);min-height:var(--target);padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-subtle);font-size:14px;line-height:1;cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease)}.item-row-toggle:hover{background-color:var(--bg-sunken);color:var(--text-default)}@media (hover: hover) and (pointer: fine){.item-row-toggle{opacity:.35}.item-row:hover .item-row-toggle,.item-row:focus-within .item-row-toggle,.item-row-toggle:focus-visible{opacity:1}}.item-row-details[hidden]{display:none}.item-row-details{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default)}@media (min-width: 640px){.item-row-details{grid-template-columns:repeat(2,minmax(0,1fr))}}.item-row-details .field{margin:0}.item-row-details .span-2{grid-column:1 / -1}.item-row-details .row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);grid-column:1 / -1}.item-row select,.item-row input[type=datetime-local],.item-row input[type=number]{width:100%;min-height:var(--target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-default);font:var(--text-body);font-family:var(--font-sans)}.item-row.done .item-name{text-decoration:line-through;color:var(--text-muted)}.category>h2{margin:var(--space-5) 0 var(--space-2);font:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.note-edit{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}@media (min-width: 768px){.note-edit{grid-template-columns:1fr 1fr}}@media (min-width: 640px){.list-view{padding:var(--space-5)}}.note-preview{min-height:200px;padding:var(--space-4);background-color:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-default);font:var(--text-body-lg);white-space:pre-wrap}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font:var(--text-label)}.banner-info{background-color:var(--info-subtle-bg);color:var(--info-subtle-fg)}.banner-warn{background-color:var(--warning-subtle-bg);color:var(--warning-subtle-fg)}.banner-error{background-color:var(--danger-subtle-bg);color:var(--danger-subtle-fg)}.banner-success{background-color:var(--success-subtle-bg);color:var(--success-subtle-fg)}.toasts{position:fixed;z-index:200;right:var(--space-5);bottom:calc(var(--space-8) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-2);max-width:calc(100vw - var(--space-7))}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:280px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-default);box-shadow:var(--elevation-2);font:var(--text-label)}.toast-info{background-color:var(--info-subtle-bg);color:var(--info-subtle-fg);border-color:transparent}.toast-warn{background-color:var(--warning-subtle-bg);color:var(--warning-subtle-fg);border-color:transparent}.toast-error{background-color:var(--danger-subtle-bg);color:var(--danger-subtle-fg);border-color:transparent}.toast-success{background-color:var(--success-subtle-bg);color:var(--success-subtle-fg);border-color:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in var(--motion-base) var(--motion-ease)}.modal{width:100%;max-width:580px;max-height:85vh;overflow:auto;padding:var(--space-5);background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--elevation-3);animation:rise var(--motion-slow) var(--motion-ease)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-header h2{margin:0;font:var(--text-heading)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-page{max-width:420px;margin:var(--space-7) auto;padding:var(--space-6);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.auth-page h1{margin-bottom:var(--space-5);font:var(--text-title);letter-spacing:var(--text-title-tracking);text-align:center}.list-nav{margin:0;padding:0;list-style:none}.list-nav li{margin-bottom:2px}.list-nav-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--text-default);font:var(--text-label)}.list-nav-link:hover{background-color:var(--bg-sunken);text-decoration:none}.list-nav-link.active{background-color:var(--action-subtle-bg);border-left-color:var(--action-solid);color:var(--action-subtle-fg)}.list-nav-link-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.list-title-text{flex:1 1 auto;min-width:0;font-weight:600}.sidebar-status{padding:var(--space-3);font:var(--text-caption);color:var(--text-muted)}.folder-group{margin-bottom:var(--space-3)}.folder-header{display:flex;align-items:center;gap:var(--space-1);padding-right:var(--space-1)}.folder-toggle{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--target-compact);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;cursor:pointer}.folder-toggle:hover{background-color:var(--bg-sunken);color:var(--text-default)}.folder-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-toggle{min-width:6rem}.folder-tools{display:flex;flex:0 0 auto;gap:2px;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.folder-header:hover .folder-tools,.folder-header:focus-within .folder-tools{opacity:1}.folder-tools:has(.folder-shared-by){opacity:1}@media (hover: none){.folder-tools{opacity:1}}.sidebar-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.category-group{display:flex;flex-direction:column;gap:2px}.category-group small{padding:var(--space-2) var(--space-3) var(--space-1);font:var(--text-caption);color:var(--text-subtle)}.main-nav{margin-bottom:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.category-menu{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;margin-bottom:var(--space-4);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);scrollbar-width:thin;overscroll-behavior:contain}.sidebar-scrollable{overscroll-behavior:contain}.category-menu strong{margin-bottom:var(--space-1);padding-left:var(--space-3);font:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.category-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--target-compact);padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-default);font:var(--text-label);text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease)}.category-menu-item:hover{background-color:var(--bg-sunken)}.category-menu-item.active{background-color:var(--action-subtle-bg);color:var(--action-subtle-fg);font-weight:700}.category-menu-item .emoji{font-size:15px}.tpl-row{margin-bottom:var(--space-3);padding:var(--space-4);list-style:none;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.tpl-row-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.tpl-preview{min-height:32px;margin-bottom:var(--space-3);padding:var(--space-3);background-color:var(--bg-sunken);border-radius:var(--radius-md)}.tpl-preview-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none;font:var(--text-caption);color:var(--text-muted)}.tpl-preview-list li:before{content:"• ";color:var(--text-subtle)}.tpl-preview-more{font-style:italic;color:var(--text-subtle)}.tpl-preview-note{margin:0;font:var(--text-caption);color:var(--text-muted);white-space:pre-wrap}.tpl-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.tpl-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4)}.tpl-filters>*{flex:1 1 200px}.tpl-empty{padding:var(--space-4) 0;list-style:none;font:var(--text-label);color:var(--text-muted)}.tpl-pagination{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-5) 0}.tpl-new-title-input{flex:1 1 auto;min-width:0;min-height:var(--target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-default);font:var(--text-body);font-family:var(--font-sans)}.tpl-new-title-input::placeholder{color:var(--text-subtle)}.folder-picker{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--text-muted)}.folder-picker select{width:auto;min-height:var(--target)}.tpl-public-toggle,.list-public-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--text-muted);cursor:pointer}.share-links{margin:var(--space-4) 0;padding:0;list-style:none}.share-links li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);font:var(--text-caption)}.history-list{margin:0;padding:0;list-style:none}.history-list li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default)}.rev-id{font-family:var(--font-mono);font-size:var(--text-caption-size);color:var(--text-subtle)}.rev-date{font:var(--text-caption);color:var(--text-muted)}.rev-mod{font:var(--text-caption);font-weight:600}.online-indicator{display:inline-flex;align-items:center;gap:var(--space-2)}.pending-count{font:var(--text-caption);color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.top-rated-section{margin-top:var(--space-6)}.dashboard-home{padding:var(--space-5) 0}.dashboard-home h2{margin-bottom:var(--space-4)}.dashboard-create{justify-content:flex-start;margin-top:var(--space-4)}.list-cards{margin:0;padding:0;list-style:none}.list-card{display:flex;flex-direction:column;gap:var(--space-2);min-height:calc(var(--target) * 2);height:100%;padding:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);color:var(--text-default);transition:border-color var(--motion-fast) var(--motion-ease)}.list-card:hover{border-color:var(--action-solid);text-decoration:none}.list-card .badge{align-self:flex-start}.list-card-title{font:var(--text-body-lg);font-weight:600;overflow-wrap:anywhere}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-4);background-color:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-state-title{font:var(--text-heading);margin:0}.empty-state p{margin:0}.tpl-details{margin-top:var(--space-4)}.tpl-details summary{cursor:pointer;font:var(--text-label);color:var(--action-solid)}.page-intro{margin-bottom:var(--space-5);color:var(--text-muted)}.error-page{max-width:480px;margin:var(--space-7) auto;padding:var(--space-6);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);text-align:center}.error-page h1{font:var(--text-title);margin-bottom:var(--space-3)}.error-page p{color:var(--text-muted);margin-bottom:var(--space-5)}.error-page .form-actions{justify-content:center}.skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.skeleton-title{width:40%;min-width:160px;height:32px;border-radius:var(--radius-md);background-color:var(--bg-sunken)}.skeleton-row{height:var(--target);border-radius:var(--radius-md);background-color:var(--bg-sunken)}.route-fallback{display:grid;place-items:center;min-height:60vh;min-height:60dvh;color:var(--text-muted);font:var(--text-body)}}@layer utilities{.muted{color:var(--text-muted)}.count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.num{font-variant-numeric:tabular-nums}.icon{flex-shrink:0}.grow{flex:1 1 auto}.full-width{width:100%}.skip-link{position:fixed;z-index:2000;top:var(--space-2);left:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--action-solid);color:var(--action-on-solid);font:var(--text-label);font-weight:600;box-shadow:none;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--motion-fast) var(--motion-ease)}.skip-link:focus-visible{box-shadow:var(--elevation-2);transform:translateY(0);text-decoration:none}#main-content:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.icon{flex:0 0 auto;width:1.25em;height:1.25em}.filter-chip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--info-subtle-bg);border-radius:var(--radius-md);color:var(--info-subtle-fg);font:var(--text-label)}.filter-chip button{padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.add-bar .field>label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.list-view{max-width:46rem}.list-title{margin:0}.list-title-button{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;margin:0;padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);border:none;border-radius:var(--radius-md);background:none;color:inherit;font:var(--text-display);letter-spacing:var(--text-display-tracking);text-align:left;cursor:pointer;overflow-wrap:anywhere}.list-title-button:hover{background-color:var(--bg-sunken)}.list-title-pencil{display:inline-flex;flex:0 0 auto;color:var(--text-subtle);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.list-title-button:hover .list-title-pencil,.list-title-button:focus-visible .list-title-pencil{opacity:1}@media (hover: none){.list-title-pencil{opacity:.5}}.list-title-input{width:100%;padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-default);font:var(--text-display);font-family:var(--font-serif);letter-spacing:var(--text-display-tracking)}}@layer components{.site-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));background-color:var(--bg-sunken);border-bottom:1px solid var(--border-default);color:var(--text-default);font:var(--text-label)}.site-notice-warn{background-color:var(--warning-subtle-bg);border-bottom-color:var(--warning-subtle-bg);color:var(--warning-subtle-fg)}.site-notice p{flex:1 1 auto;min-width:0;margin:0}.site-notice a,.site-notice-link{color:inherit;font-weight:600;text-decoration:underline;white-space:nowrap}.site-notice button{flex:0 0 auto;display:grid;place-items:center;width:var(--target);height:var(--target);padding:0;border:none;background:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm)}.site-notice button:hover{background-color:color-mix(in srgb,currentColor 12%,transparent)}.site-notice button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tpl-scope-note{max-width:60ch;margin:0 0 var(--space-4);color:var(--text-muted);font:var(--text-label)}.tpl-scope-note a,.tpl-empty a{text-decoration:underline;font-weight:600}button.danger-action{color:var(--danger-subtle-fg);border-color:var(--danger-subtle-bg)}button.danger-action:hover:not(:disabled){background-color:var(--danger-subtle-bg)}.shared-by{flex:0 0 auto;padding:1px var(--space-2);border-radius:var(--radius-sm);background-color:var(--info-subtle-bg);color:var(--info-subtle-fg);font:var(--text-caption);font-weight:600;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-people{margin:0 0 var(--space-5)}.share-people-list{margin:0;padding:0;list-style:none}.share-people-list>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default)}.share-person-who{display:flex;flex-direction:column;flex:1 1 10rem;min-width:0}.share-person-choice{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-inline-start:auto;font:var(--text-label)}.share-person-choice label{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--target)}.folder-shared-by{flex:0 0 auto;padding:1px var(--space-2);border-radius:var(--radius-sm);background-color:var(--info-subtle-bg);color:var(--info-subtle-fg);font:var(--text-caption);font-weight:600;white-space:nowrap}.share-folder-note{max-width:52ch;margin:0 0 var(--space-4)}}