:root{--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shell:62rem;--shell-narrow:46rem;--bg:#f6f7fb;--fg:#14161c;--fg-muted:#5b6472;--fg-subtle:#8b93a3;--accent:#4f46e5;--accent-fg:#ffffff;--accent-soft:rgba(79,70,229,0.1);--danger:#d63c3c;--ok:#2f9e44;--glass-bg:rgba(255,255,255,0.62);--glass-bg-strong:rgba(255,255,255,0.78);--menu-bg:rgba(255,255,255,0.97);--glass-border:rgba(255,255,255,0.7);--glass-edge:rgba(16,18,24,0.06);--glass-blur:saturate(180%) blur(20px);--surface-2:rgba(16,18,24,0.04);--shadow-sm:0 1px 2px rgba(16,18,24,0.05);--shadow-md:0 1px 2px rgba(16,18,24,0.04),0 8px 24px -8px rgba(16,18,24,0.12);--shadow-lg:0 2px 4px rgba(16,18,24,0.04),0 24px 48px -16px rgba(16,18,24,0.18);--ease:cubic-bezier(0.32,0.72,0,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#07080b;--fg:#eceff5;--fg-muted:#9aa3b2;--fg-subtle:#6b7383;--accent:#8b93f8;--accent-fg:#0b0d14;--accent-soft:rgba(139,147,248,0.14);--danger:#f87171;--ok:#4ade80;--glass-bg:rgba(28,31,38,0.58);--glass-bg-strong:rgba(28,31,38,0.76);--menu-bg:rgba(30,33,41,0.975);--glass-border:rgba(255,255,255,0.09);--glass-edge:rgba(0,0,0,0.4);--surface-2:rgba(255,255,255,0.06);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 1px 2px rgba(0,0,0,0.3),0 8px 24px -8px rgba(0,0,0,0.6);--shadow-lg:0 2px 4px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.7)}}.dev-dark,:root[data-theme=dark]{--bg:#07080b;--fg:#eceff5;--fg-muted:#9aa3b2;--fg-subtle:#6b7383;--accent:#8b93f8;--accent-fg:#0b0d14;--accent-soft:rgba(139,147,248,0.14);--danger:#f87171;--ok:#4ade80;--glass-bg:rgba(28,31,38,0.58);--glass-bg-strong:rgba(28,31,38,0.76);--menu-bg:rgba(30,33,41,0.975);--glass-border:rgba(255,255,255,0.09);--glass-edge:rgba(0,0,0,0.4);--surface-2:rgba(255,255,255,0.06);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 1px 2px rgba(0,0,0,0.3),0 8px 24px -8px rgba(0,0,0,0.6);--shadow-lg:0 2px 4px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.7)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@supports (overflow-x:clip){body,html{overflow-x:clip}}body{font-size:.8rem}a{color:inherit}.bg-orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-orbs:after,.bg-orbs:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.bg-orbs:before{width:46rem;height:46rem;top:-18rem;left:-10rem;background:radial-gradient(circle,#6366f1 0,transparent 70%)}.bg-orbs:after{width:38rem;height:38rem;top:10rem;right:-12rem;background:radial-gradient(circle,#22d3ee 0,transparent 70%)}@media (prefers-color-scheme:dark){.bg-orbs:after,.bg-orbs:before{opacity:.28}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.badge,.btn-ghost,.card,.dday-hero,.dday-memo,.dday-row,.menu-panel,.site-header,input,select,textarea{background:var(--glass-bg-strong)}}h1{font-size:clamp(1.76rem,4.4vw,2.8rem);line-height:1.08;letter-spacing:-.04em;font-weight:700;margin:0 0 var(--sp-4)}h2{font-size:1.2rem;letter-spacing:-.025em;font-weight:660;margin:0 0 var(--sp-2)}h3{font-size:.8rem;letter-spacing:-.015em;font-weight:620;margin:0 0 var(--sp-1)}p{margin:0 0 var(--sp-4)}p:last-child{margin-bottom:0}.lede{font-size:clamp(.84rem,1.6vw,.96rem);max-width:34rem;margin:0 auto var(--sp-6)}.lede,.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle);font-size:.7rem}.error{color:var(--danger);font-size:.72rem;margin:0}code{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.875em;background:var(--surface-2);padding:.15em .45em;border-radius:6px}.shell{max-width:var(--shell)}.shell,.shell-narrow{margin:0 auto;padding-inline:var(--sp-5)}.shell-narrow{max-width:var(--shell-narrow)}.section{padding-block:var(--sp-7)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:3.5rem;flex-wrap:nowrap;min-width:0}.brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}.brand svg{display:block}.header-nav{display:flex;align-items:center;gap:var(--sp-2);min-width:0;flex:none}@media (max-width:560px){.header-nav .nav-secondary{display:none}}.site-footer{margin-top:var(--sp-9);padding-block:var(--sp-6);border-top:1px solid var(--glass-edge);color:var(--fg-subtle);font-size:.7rem}.avatar-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px;padding-right:var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;color:inherit;font:inherit;transition:background .2s var(--ease),transform .2s var(--ease)}.avatar-btn:hover{background:var(--glass-bg-strong)}.avatar-btn:active{transform:scale(.97)}.avatar{width:26px;height:26px;border-radius:50%;display:block;flex:none;background:var(--surface-2)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:620;color:var(--accent-fg);background:var(--accent)}.avatar-caret{width:10px;height:10px;opacity:.5;flex:none}.menu-wrap{position:relative;flex:none}.menu-panel{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:15rem;max-width:min(20rem,calc(100vw - var(--sp-5) * 2));padding:var(--sp-2);border-radius:var(--radius-lg);background:var(--menu-bg);-webkit-backdrop-filter:saturate(180%) blur(40px);backdrop-filter:saturate(180%) blur(40px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);z-index:60;transform-origin:top right;animation:menu-in .18s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.menu-panel{animation:none}}.menu-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);min-width:0;overflow:hidden}.menu-head .avatar{width:36px;height:36px}.menu-id{min-width:0;display:flex;flex-direction:column}.menu-name{font-weight:580;font-size:.74rem}.menu-email,.menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-email{font-size:.65rem;color:var(--fg-subtle)}.menu-sep{height:1px;background:var(--glass-edge);margin:var(--sp-2) var(--sp-1)}.menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3);border:none;background:none;border-radius:var(--radius-sm);font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s var(--ease)}.menu-item:hover{background:var(--surface-2)}.menu-item.is-danger{color:var(--danger)}.hero{padding-block:var(--sp-9) var(--sp-6);text-align:center}.eyebrow{display:inline-block;font-size:.65rem;font-weight:560;color:var(--accent);background:var(--accent-soft);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);margin-bottom:var(--sp-4);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.hero-art{position:relative;isolation:isolate;padding-bottom:var(--sp-6)}.hero-art:before{content:"";position:absolute;top:-6rem;left:-10%;right:-10%;height:120vh;z-index:-1;background-image:url(/img/hero-light.webp);background-size:cover;background-position:top;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}@media (prefers-color-scheme:dark){.hero-art:before{background-image:url(/img/hero-dark.webp);opacity:.7}}@media (prefers-reduced-motion:reduce){.hero-art:before{opacity:.3}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:inherit;font-weight:560;letter-spacing:-.01em;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000);box-shadow:var(--shadow-lg)}.btn-ghost{background:var(--glass-bg);color:var(--fg);border-color:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:.7rem}input[type=date],input[type=text],select,textarea{font:inherit;color:var(--fg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--sp-3);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-md);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.card p{margin:0;color:var(--fg-muted);font-size:.74rem}.create-card{gap:var(--sp-4);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.create-card,.field{display:flex;flex-direction:column}.field{gap:var(--sp-2);min-width:0}.field-row>.field{flex:1 1 12rem}.field label{font-size:.7rem;font-weight:560;color:var(--fg-muted)}.field-row{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-start}.checkbox{display:flex;align-items:center;gap:var(--sp-2);font-size:.74rem;cursor:pointer}.checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex:none}.cta-row{display:flex;gap:var(--sp-2);justify-content:center;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:var(--sp-4);gap:var(--sp-4);margin-top:var(--sp-5)}.usecase{display:flex;flex-direction:column;padding:0;overflow:hidden}.usecase:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.usecase-art{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--glass-edge)}.usecase-art img{width:100%;height:100%;object-fit:cover;display:block}@media (prefers-color-scheme:dark){.usecase-art img{filter:brightness(.78) saturate(1.05)}}.usecase-body{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.dday-hero{text-align:center;padding:var(--sp-7) var(--sp-5);margin-top:var(--sp-6);border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.dday-emoji{font-size:2.4rem;line-height:1;display:block;margin-bottom:var(--sp-3)}.dday-title{font-size:clamp(1.12rem,3.2vw,1.52rem);margin:0 0 var(--sp-5);letter-spacing:-.03em}.dday-count{font-size:clamp(2.88rem,12vw,5.2rem);font-weight:760;letter-spacing:-.055em;line-height:1;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#22d3ee));-webkit-background-clip:text;background-clip:text;color:transparent;min-height:1em}.dday-count.is-past{background:none;color:var(--fg-subtle);-webkit-text-fill-color:currentColor}.dday-phrase{font-size:.84rem;margin:var(--sp-2) 0 var(--sp-5);min-height:1.6em}.badge,.dday-phrase{color:var(--fg-muted)}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);font-size:.65rem}.repeat-badge{margin-left:var(--sp-2)}.dday-memo{border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);white-space:pre-wrap;color:var(--fg-muted);margin:var(--sp-4) 0 0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.action-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;padding-block:var(--sp-5) var(--sp-6);font-size:.7rem;color:var(--fg-subtle)}.dot{width:6px;height:6px;border-radius:50%;background:var(--fg-subtle);display:inline-block}.dot-live{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.dday-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.dday-row{display:flex;align-items:center;gap:var(--sp-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.dday-row:hover{transform:translateY(-1px);background:var(--glass-bg-strong);box-shadow:var(--shadow-md)}.dday-row-emoji{font-size:1.2rem;flex:none}.dday-row-main{display:flex;flex-direction:column;flex:1 1;min-width:0}.dday-row-title{font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dday-row-count{font-size:.92rem;font-weight:680;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.dday-row-count.is-past{color:var(--fg-subtle)}.empty-card{text-align:center;padding-block:var(--sp-7)}.empty-card p{margin-bottom:var(--sp-4)}.embed-preview{display:flex;justify-content:center;padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--glass-edge)}.embed-code{width:100%;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.625rem;line-height:1.5;resize:vertical}.hero-tight{padding-bottom:var(--sp-5)}.page-head{padding-top:var(--sp-6)}.page-head h1{font-size:1.52rem}.section-tight{padding-top:var(--sp-5)}.section-note{margin-top:var(--sp-5)}.field-note{margin:var(--sp-1) 0 0}[data-color=red]{--accent:#e03131;--accent-soft:rgba(224,49,49,0.12)}[data-color=orange]{--accent:#e8590c;--accent-soft:rgba(232,89,12,0.12)}[data-color=amber]{--accent:#c48a02;--accent-soft:rgba(196,138,2,0.14)}[data-color=green]{--accent:#2f9e44;--accent-soft:rgba(47,158,68,0.12)}[data-color=teal]{--accent:#0c8599;--accent-soft:rgba(12,133,153,0.12)}[data-color=blue]{--accent:#1971c2;--accent-soft:rgba(25,113,194,0.12)}[data-color=purple]{--accent:#7048e8;--accent-soft:rgba(112,72,232,0.12)}[data-color=pink]{--accent:#c2255c;--accent-soft:rgba(194,37,92,0.12)}@media (prefers-color-scheme:dark){[data-color=red]{--accent:#ff8787}[data-color=orange]{--accent:#ffa94d}[data-color=amber]{--accent:#ffd43b}[data-color=green]{--accent:#69db7c}[data-color=teal]{--accent:#3bc9db}[data-color=blue]{--accent:#74c0fc}[data-color=purple]{--accent:#b197fc}[data-color=pink]{--accent:#faa2c1}}.list-tools{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-4)}.list-search{flex:1 1 12rem;min-width:0}.skip-link{position:absolute;left:var(--sp-3);top:var(--sp-3);z-index:100;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);text-decoration:none;transform:translateY(-200%);transition:transform .15s var(--ease)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.dday-row:hover,.usecase:hover{transform:none}}.list-slot{min-height:var(--list-reserve,18rem)}:root[data-theme=dark] .bg-orbs:after,:root[data-theme=dark] .bg-orbs:before{opacity:.28}:root[data-theme=dark] .hero-art:before{background-image:url(/img/hero-dark.webp);opacity:.7}:root[data-theme=dark] .usecase-art img{filter:brightness(.78) saturate(1.05)}:root[data-theme=light] .hero-art:before{background-image:url(/img/hero-light.webp);opacity:.5}:root[data-theme=light] .usecase-art img{filter:none}:root[data-theme=light] .bg-orbs:after,:root[data-theme=light] .bg-orbs:before{opacity:.5}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--fg-muted);cursor:pointer;flex:none;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.theme-toggle:hover{background:var(--glass-bg-strong);color:var(--fg)}.theme-toggle:active{transform:scale(.94)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dday-list>li:first-child,.grid>:first-child,.rise{animation:rise .45s var(--ease) both}.dday-list>li:nth-child(2),.grid>:nth-child(2){animation:rise .45s var(--ease) .05s both}.dday-list>li:nth-child(3),.grid>:nth-child(3){animation:rise .45s var(--ease) .1s both}.dday-list>li:nth-child(4),.grid>:nth-child(4){animation:rise .45s var(--ease) .15s both}.dday-list>li:nth-child(5),.grid>:nth-child(5){animation:rise .45s var(--ease) .2s both}.dday-list>li:nth-child(n+6),.grid>:nth-child(n+6){animation:rise .45s var(--ease) .25s both}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.dday-count{animation:pop .4s var(--ease)}.dday-hero{animation:rise .5s var(--ease) both}.form-slot{min-height:580px}@media (max-width:479px){.form-slot{min-height:700px}}@media (max-width:380px){.form-slot{min-height:790px}}.nope-list{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.nope{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.nope-mark{flex:none;width:22px;height:22px;border-radius:50%;justify-content:center;font-size:.625rem;font-weight:700;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.import-wrap,.nope-mark{display:inline-flex;align-items:center}.import-wrap{gap:var(--sp-2)}.import-wrap label{cursor:pointer}.import-wrap label[aria-disabled=true]{opacity:.5;cursor:not-allowed}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.shortcut-hint{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--fg-subtle)}.shortcut-hint kbd{font-family:inherit;font-size:.625rem;font-weight:600;padding:.1rem .4rem;border-radius:5px;border:1px solid var(--glass-border);background:var(--surface-2)}@media (hover:none){.shortcut-hint{display:none}}.retry-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.retry-row .error{flex:1 1;min-width:12rem}.offline-banner{position:-webkit-sticky;position:sticky;top:3.5rem;z-index:40;text-align:center;font-size:.7rem;padding:var(--sp-2) var(--sp-4);color:var(--fg);background:color-mix(in srgb,var(--danger) 14%,var(--glass-bg-strong));-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)}.tag-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.tag-chip{display:inline-flex;align-items:center;gap:var(--sp-2);font:inherit;font-size:.65rem;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--fg-muted);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.tag-chip:hover{color:var(--fg)}.tag-chip.is-on,.tag-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.tag-count{font-size:.625rem;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tag-chip.is-clear{color:var(--fg-subtle)}.locale-toggle{width:auto;min-width:34px;padding-inline:var(--sp-2);font-size:.625rem;font-weight:700;letter-spacing:.02em}.push-panel{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);margin-top:var(--sp-6)}.push-head h2{margin:0 0 var(--sp-1);font-size:.85rem;letter-spacing:-.01em}.push-head p{margin:0}.push-lead{border:0;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.push-lead legend{padding:0;font-size:.65rem;font-weight:600;color:var(--fg-muted)}.push-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.push-time{margin:0;font-size:.65rem}.push-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:var(--sp-2);gap:var(--sp-2)}.push-actions .push-enable,.push-status{grid-column:1/-1}.push-status{display:flex;align-items:center;gap:var(--sp-2);font-size:.7rem;color:var(--fg-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:640px){.push-actions{grid-template-columns:1fr auto auto}.push-actions .push-enable{grid-column:auto;justify-self:start}.push-status{grid-column:1}}.push-status.is-off{color:var(--fg-subtle)}.push-status.is-off .push-dot{background:var(--fg-subtle);box-shadow:none}.push-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.push-note{margin:0;font-size:.675rem;color:var(--fg-muted);line-height:1.55}@media (max-width:380px){.site-header .inner{padding-left:var(--sp-4);padding-right:var(--sp-4)}.header-nav .locale-toggle{display:none}}.btn-danger{background:var(--danger,#dc2626);color:#fff;border:1px solid transparent}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.photo-panel{margin-top:var(--sp-4)}.photo-empty,.photo-preview{margin-top:var(--sp-3);height:9rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.photo-preview{position:relative;overflow:hidden;background-size:cover;background-position:50%;display:flex;align-items:flex-end;padding:var(--sp-4)}.photo-preview-shade{position:absolute;inset:0;background:#000;pointer-events:none}.photo-preview-label{position:relative;z-index:1;color:#fff;font-size:1.52rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.photo-empty{display:grid;place-items:center;color:var(--fg-subtle);background:var(--surface-2);font-size:.74rem}.grad-picker{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.grad-swatch{width:2.4rem;height:2.4rem;border-radius:var(--radius-md,10px);border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s var(--ease)}.grad-swatch:hover{transform:translateY(-1px)}.grad-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.grad-swatch.is-none{background:linear-gradient(to top left,transparent calc(50% - 1px),var(--fg-subtle) 50%,transparent calc(50% + 1px)),var(--surface-2)}.grad-swatch.grad-dawn{background:linear-gradient(135deg,#7c3aed,#db2777 55%,#f59e0b)}.grad-swatch.grad-sunset{background:linear-gradient(135deg,#b91c1c,#ea580c 50%,#f59e0b)}.grad-swatch.grad-ocean{background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0891b2)}.grad-swatch.grad-forest{background:linear-gradient(135deg,#14532d,#166534 50%,#4d7c0f)}.grad-swatch.grad-berry{background:linear-gradient(135deg,#4c1d95,#9d174d 60%,#be123c)}.grad-swatch.grad-mono{background:linear-gradient(135deg,#18181b,#3f3f46 55%,#52525b)}.grad-swatch.grad-aurora{background:linear-gradient(135deg,#064e3b,#0f766e 45%,#6d28d9)}.grad-swatch.grad-ember{background:linear-gradient(135deg,#431407,#9a3412 55%,#dc2626)}.showcase{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-top:var(--sp-5);align-items:flex-start}.showcase-item{margin:0;display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);justify-items:start;width:min(100%,var(--w))}.showcase-item figcaption{font-size:.7rem}.showcase-item .widget{width:100%;height:var(--h)}.showcase-card{--w:20rem;--h:9.375rem}.showcase-tile{--w:11.25rem;--h:11.25rem}.showcase-ring{--w:12.5rem;--h:12.5rem}.showcase-banner{--w:32.5rem;--h:6rem;flex-basis:100%;max-width:var(--w)}.usecase-body{display:flex;flex-direction:column;gap:var(--sp-2);height:100%}.usecase-cta{margin-top:auto;align-self:flex-start;text-decoration:none}#make{scroll-margin-top:4.5rem}