body{background-color:var(--color-background-base-secondary);margin:0}:root{--page-padding: 16px;--header-padding: 12px;--header-v-padding: 12px;--header-height: 64px;--grid-gap: 12px;--grid-row-gap: 12px;--card-radius: 8px;--popover-radius: 16px;--popover-icon-size: 16px;--popover-item-gap: 8px;--popover-item-padding: 12px 20px;--popover-item-font: var(--text-body);--popover-item-weight: 400;--media-tall-height: 320px;--type-scale-minus-3: .7rem;--type-scale-minus-2: .79rem;--type-scale-minus-1: .89rem;--type-scale-0: 1rem;--type-scale-plus-1: 1.13rem;--type-scale-plus-2: 1.27rem;--type-scale-plus-3: 1.42rem;--type-scale-plus-4: 1.6rem;--type-scale-plus-5: 1.8rem;--type-scale-plus-6: 2.03rem}@media(min-width:640px){:root{--page-padding: 24px;--header-padding: 20px;--header-v-padding: 12px;--header-height: 64px;--grid-gap: 16px;--grid-row-gap: 16px;--card-radius: 10px;--popover-radius: 12px;--popover-icon-size: 16px;--popover-item-gap: 10px;--popover-item-padding: 9px 14px;--popover-item-font: var(--text-body);--popover-item-weight: 400;--media-tall-height: 400px;--type-scale-minus-3: .66rem;--type-scale-minus-2: .74rem;--type-scale-minus-1: .84rem;--type-scale-0: .94rem;--type-scale-plus-1: 1.06rem;--type-scale-plus-2: 1.19rem;--type-scale-plus-3: 1.34rem;--type-scale-plus-4: 1.5rem;--type-scale-plus-5: 1.69rem;--type-scale-plus-6: 1.9rem}}@media(min-width:1024px){:root{--card-radius: 12px;--popover-radius: 12px;--popover-icon-size: 16px;--popover-item-gap: 10px;--popover-item-padding: 9px 14px;--popover-item-font: var(--text-body);--popover-item-weight: 400;--media-tall-height: 512px;--type-scale-minus-3: .61rem;--type-scale-minus-2: .69rem;--type-scale-minus-1: .78rem;--type-scale-0: .88rem;--type-scale-plus-1: .98rem;--type-scale-plus-2: 1.11rem;--type-scale-plus-3: 1.25rem;--type-scale-plus-4: 1.4rem;--type-scale-plus-5: 1.58rem;--type-scale-plus-6: 1.77rem}}.masonry-grid{position:relative}.masonry-grid>*{border-radius:var(--card-radius)}@media(min-width:640px){.masonry-grid{margin-top:12px}}@media(min-width:1024px){main{padding-bottom:var(--page-padding)!important}}@media(max-width:639px){main{margin-top:0!important;padding-top:var(--page-padding)!important}}@media(min-width:640px){.mobile-only{display:none!important}}@media(max-width:639px){.desktop-only{display:none!important}}@media(max-width:639px){main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}.popover-item{display:flex;align-items:center;gap:var(--popover-item-gap);width:100%;padding:var(--popover-item-padding);background:none;border:none;color:var(--color-foreground-primary);font-size:var(--popover-item-font);font-weight:var(--popover-item-weight);text-align:left;cursor:pointer;white-space:nowrap;line-height:1}.popover-item svg{width:var(--popover-icon-size);height:var(--popover-icon-size);color:var(--color-foreground-secondary);flex-shrink:0}.icon-text{display:flex;align-items:center;line-height:1}main{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-header{padding:12px var(--header-padding);padding-top:max(12px,env(safe-area-inset-top,0px))}.filter-option:hover{background-color:#fafafa}.add-overlay input::placeholder,.add-overlay textarea::placeholder{color:var(--color-foreground-tertiary)}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}:root{--primitive-white: #ffffff;--primitive-black: #000000;--primitive-gray-50: #f3f5f6;--primitive-gray-900: #252525;--primitive-dark-base: #1c1c1e;--primitive-dark-elevated: #2c2c2e;--primitive-orange-light: #ff6000;--primitive-orange-dark: #ff7a2f;--primitive-blue-light: #009dec;--primitive-blue-dark: #40b4f5;--primitive-red-light: #ff1a11;--primitive-red-dark: #ff453a;--primitive-green-light: #0ace2e;--primitive-green-dark: #30d158;--primitive-yellow-light: #ffa800;--primitive-yellow-dark: #ffd60a;--color-background-base-primary: var(--primitive-white);--color-background-base-secondary: var(--primitive-gray-50);--color-background-elevated-primary: var(--primitive-white);--color-foreground-primary: rgba(37, 37, 37, 1);--color-foreground-secondary: rgba(37, 37, 37, .64);--color-foreground-tertiary: rgba(37, 37, 37, .4);--color-fill-primary: rgba(37, 37, 37, .2);--color-fill-secondary: rgba(37, 37, 37, .14);--color-fill-tertiary: rgba(37, 37, 37, .08);--color-fill-quaternary: rgba(37, 37, 37, .04);--color-separator-primary: rgba(37, 37, 37, .15);--color-separator-secondary: rgba(37, 37, 37, .1);--color-blur-primary: rgba(255, 255, 255, .6);--color-accent-orange-primary: var(--primitive-orange-light);--color-function-white-primary: var(--primitive-white);--color-function-black-primary: var(--primitive-black);--color-function-action-primary: var(--primitive-blue-light);--color-function-error-primary: var(--primitive-red-light);--color-function-success-primary: var(--primitive-green-light);--color-function-warning-primary: var(--primitive-yellow-light);--color-shadow-heavy: rgba(0, 0, 0, .08);--color-shadow-medium: rgba(0, 0, 0, .04);--color-shadow-light: rgba(0, 0, 0, .02);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-32: 32px;--radius-48: 48px;--radius-full: 999px;--stroke-half: .5px;--stroke-1: 1px;--stroke-icon-24: 1.5px;--font-sans: "SF Pro", "SF Pro Text", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-body-lg: var(--type-scale-plus-2);--text-body-md: var(--type-scale-plus-1);--text-body: var(--type-scale-0);--text-body-sm: var(--type-scale-minus-1);--text-body-xs: var(--type-scale-minus-2);--text-body-mini: var(--type-scale-minus-3);--text-body-weight: 400;--text-body-strong-weight: 700;--text-body-line-height: 1.4;--text-paragraph-spacing: .5rem;--text-title-md: var(--type-scale-plus-3);--text-title: var(--type-scale-plus-2);--text-title-sm: var(--type-scale-plus-1);--text-title-weight: 700;--text-title-line-height: 1.2;--text-display-md: var(--type-scale-plus-5);--text-display: var(--type-scale-plus-4);--text-display-sm: var(--type-scale-plus-3);--text-display-weight: 700;--text-display-line-height: 1.1;--blur-thin: 8px;--blur-regular: 16px;--blur-thick: 40px;--effect-elevation-flat: 0 2px 2px var(--color-shadow-light);--effect-elevation-medium: 0 4px 12px var(--color-shadow-medium), 0 6px 8px var(--color-shadow-light);--effect-elevation-high: 0 24px 64px var(--color-shadow-heavy), 0 8px 32px var(--color-shadow-medium), 0 4px 12px var(--color-shadow-light)}@media(prefers-color-scheme:dark){:root:not(.theme-light){--color-background-base-primary: var(--primitive-dark-base);--color-background-base-secondary: var(--primitive-dark-elevated);--color-background-elevated-primary: var(--primitive-dark-elevated);--color-foreground-primary: rgba(255, 255, 255, 1);--color-foreground-secondary: rgba(255, 255, 255, .64);--color-foreground-tertiary: rgba(255, 255, 255, .4);--color-fill-primary: rgba(255, 255, 255, .2);--color-fill-secondary: rgba(255, 255, 255, .14);--color-fill-tertiary: rgba(255, 255, 255, .08);--color-fill-quaternary: rgba(255, 255, 255, .04);--color-separator-primary: rgba(255, 255, 255, .15);--color-separator-secondary: rgba(255, 255, 255, .1);--color-blur-primary: rgba(0, 0, 0, .6);--color-accent-orange-primary: var(--primitive-orange-dark);--color-function-action-primary: var(--primitive-blue-dark);--color-function-error-primary: var(--primitive-red-dark);--color-function-success-primary: var(--primitive-green-dark);--color-function-warning-primary: var(--primitive-yellow-dark);--color-shadow-heavy: rgba(0, 0, 0, .32);--color-shadow-medium: rgba(0, 0, 0, .2);--color-shadow-light: rgba(0, 0, 0, .12)}}:root.theme-dark{--color-background-base-primary: var(--primitive-dark-base);--color-background-base-secondary: var(--primitive-dark-elevated);--color-background-elevated-primary: var(--primitive-dark-elevated);--color-foreground-primary: rgba(255, 255, 255, 1);--color-foreground-secondary: rgba(255, 255, 255, .64);--color-foreground-tertiary: rgba(255, 255, 255, .4);--color-fill-primary: rgba(255, 255, 255, .2);--color-fill-secondary: rgba(255, 255, 255, .14);--color-fill-tertiary: rgba(255, 255, 255, .08);--color-fill-quaternary: rgba(255, 255, 255, .04);--color-separator-primary: rgba(255, 255, 255, .15);--color-separator-secondary: rgba(255, 255, 255, .1);--color-blur-primary: rgba(0, 0, 0, .6);--color-accent-orange-primary: var(--primitive-orange-dark);--color-function-action-primary: var(--primitive-blue-dark);--color-function-error-primary: var(--primitive-red-dark);--color-function-success-primary: var(--primitive-green-dark);--color-function-warning-primary: var(--primitive-yellow-dark);--color-shadow-heavy: rgba(0, 0, 0, .32);--color-shadow-medium: rgba(0, 0, 0, .2);--color-shadow-light: rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:var(--color-background-base-secondary);touch-action:pan-x pan-y;min-height:100%}body{font-family:var(--font-sans);background:var(--color-background-base-secondary);color:var(--color-foreground-primary);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100dvh;margin:0}button,input,textarea{font:inherit}img{display:block;max-width:100%}@media all and (display-mode:standalone){html,body{min-height:100vh;min-height:100dvh}}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-fill-primary);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-foreground-tertiary)}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuFadeOut{0%{opacity:1}to{opacity:0}}@keyframes scrimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mediaFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (-webkit-touch-callout: none){input[type=text],input[type=url],input[type=search],textarea,select{font-size:16px}}@media(pointer:coarse){*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}}