: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;--fs-xs:0.65rem;--fs-sm:0.72rem;--fs-md:0.8rem;--fs-lg:0.86rem;--fs-xl:0.92rem;--measure:32rem;--radius-xs:6px;--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:#676f7f;--accent:#4f46e5;--accent-fg:#ffffff;--accent-soft:rgba(79,70,229,0.1);--danger:#d63c3c;--danger-strong:#cc3434;--ok:#2f9e44;--ok-strong:#1d8234;--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);--surface:#ffffff;--border:color-mix(in srgb,var(--fg-subtle) 85%,transparent);--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:#868e9d;--accent:#8b93f8;--accent-fg:#0b0d14;--accent-soft:rgba(139,147,248,0.14);--danger:#f87171;--ok:#4ade80;--danger-strong:var(--danger);--ok-strong:var(--ok);--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);--surface:#1c1f26;--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:#868e9d;--accent:#8b93f8;--accent-fg:#0b0d14;--accent-soft:rgba(139,147,248,0.14);--danger:#f87171;--ok:#4ade80;--danger-strong:var(--danger);--ok-strong:var(--ok);--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);--surface:#1c1f26;--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);word-break:keep-all;overflow-wrap:break-word;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:var(--fs-md)}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:var(--fs-md);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(var(--fs-lg),1.6vw,var(--fs-xl));max-width:var(--measure);margin:0 auto var(--sp-6)}.lede,.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.error,.subtle{font-size:var(--fs-sm)}.error{color:var(--danger-strong);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:var(--radius-xs)}.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)}.section>.muted:not(.card),.section>.subtle:not(.card){max-width:var(--measure)}.shell-read{max-width:calc(var(--measure) + var(--sp-6) * 2);margin-inline:auto}.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);min-height:3.5rem;flex-wrap:wrap;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:0 1 auto;flex-wrap:wrap;justify-content:flex-end}@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:var(--fs-sm)}.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:var(--fs-xs);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}.auth-slot{flex:none;display:block;width:3.2rem;height:44px}.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:var(--fs-sm)}.menu-email,.menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-email{font-size:var(--fs-xs);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:var(--fs-xs);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;max-width:100%;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}.load-failed{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.load-failed .error{margin:0}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}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:var(--fs-sm)}.create-card{display:flex;flex-direction:column;gap:var(--sp-4);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.date-period{margin-block:var(--sp-5);min-width:0;overflow-wrap:anywhere}.date-period h2{font-size:var(--fs-xl);margin:0 0 var(--sp-4)}.date-period dl{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);margin:0 0 var(--sp-4)}.date-period dt{color:var(--fg-muted);font-size:var(--fs-sm)}.date-period dd{margin:var(--sp-1) 0 0;font-size:var(--fs-md);font-weight:600}@media (max-width:560px){.shell-narrow:has(>.create-card){padding-inline:min(var(--sp-4),16px)}.create-card{padding:min(var(--sp-4),16px)}}.create-card .create-presets-label{color:var(--fg-muted);font-size:var(--fs-sm);font-weight:560}.create-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.create-preset{flex-direction:column;gap:var(--sp-1);min-width:0;min-height:3rem;padding:var(--sp-2) var(--sp-3);white-space:normal;line-height:1.25}.create-preset>span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere}.create-preset .icon-img{width:1.5em;height:1.5em}.create-preset[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--glass-bg))}.recovery-fields{gap:var(--sp-4);border:0;padding:0;margin:0}.field,.recovery-fields{display:flex;flex-direction:column;min-width:0}.field{gap:var(--sp-2)}.field-row>.field{flex:1 1 12rem}.create-card .field-row>.field{max-width:100%}.create-card input,.create-card select{min-width:0;max-width:100%}.field label{font-size:var(--fs-sm);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:var(--fs-sm);cursor:pointer}.checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex:none;margin:0}.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(min(15rem,100%),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(2rem,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:var(--fs-lg);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:var(--fs-xs)}.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:var(--fs-sm);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;flex-direction:column}.dday-list,.dday-row-group{display:flex;gap:var(--sp-2)}.dday-row-group{flex-wrap:wrap;align-items:center}.dday-row-group .dday-row{flex:1 1 14rem;min-width:min(14rem,100%)}.dday-row-action{min-height:44px;flex:none}.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}.dday-row-match,.dday-row-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.dday-row-count{font-size:var(--fs-xl);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:var(--fs-xs);line-height:1.5;resize:vertical}.hero-tight{padding-bottom:var(--sp-5)}.page-head{padding-top:var(--sp-6)}.page-head .lede{margin-inline:0}.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}.list-sort-control{position:relative;max-width:100%;min-width:0}.list-sort-select{position:absolute;inset:0;width:100%;height:100%;min-width:0;opacity:0;cursor:pointer}.list-sort-value{display:block;padding:var(--sp-3);padding-right:calc(var(--sp-3) + var(--sp-3));border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--fg);overflow-wrap:anywhere;min-height:44px;pointer-events:none}.list-sort-control:after{content:"";position:absolute;right:var(--sp-3);top:50%;width:var(--sp-2);height:var(--sp-2);border-right:2px solid;border-bottom:2px solid;transform:translateY(-75%) rotate(45deg);pointer-events:none}.list-sort-control:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.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}}.text-list{margin:var(--sp-3) 0;-webkit-padding-start:var(--sp-5);padding-inline-start:var(--sp-5);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);color:var(--fg-muted)}.nope-list{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),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:var(--fs-xs);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);flex-wrap:wrap;max-width:100%}.import-wrap-open{flex:1 1 100%}.import-archive-hint{flex:1 1 100%;margin:0}.import-preview{flex:1 1 100%;min-width:0;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.import-preview p{margin:0 0 var(--sp-2)}.import-entries{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);max-height:18rem;margin-bottom:var(--sp-3);overflow-y:auto}.import-entry{display:flex;align-items:flex-start;gap:var(--sp-2);min-width:0;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.import-entry>span{min-width:0;overflow-wrap:anywhere}.import-entry small{display:block;color:var(--fg-muted)}.import-wrap label{cursor:pointer}.import-wrap label[aria-disabled=true]{opacity:.5;cursor:not-allowed}.footer-inner{display:grid;grid-gap:var(--sp-6);gap:var(--sp-6)}@media (min-width:60rem){.footer-inner{grid-template-columns:minmax(0,15rem) minmax(0,1fr);column-gap:var(--sp-7)}.footer-biz,.footer-bottom,.footer-payment{grid-column:1/-1}}.footer-brand{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.footer-tagline{margin:0;max-width:24rem;color:var(--fg-subtle);font-size:var(--fs-sm);line-height:1.55}.footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));grid-gap:var(--sp-5) var(--sp-4);gap:var(--sp-5) var(--sp-4)}.footer-biz h2,.footer-col h2,.footer-payment h2{margin:0 0 var(--sp-3);font-size:var(--fs-xs);font-weight:660;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.footer-biz a,.footer-col a{color:var(--fg-subtle);text-decoration:none}.footer-biz a:focus-visible,.footer-biz a:hover,.footer-col a:focus-visible,.footer-col a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:.2em}.footer-biz{padding-top:var(--sp-5);border-top:1px solid var(--glass-edge)}.footer-biz-grid{margin:0;display:grid;grid-template-columns:minmax(0,1fr);font-size:var(--fs-xs);line-height:1.6}.footer-biz-grid dt{color:var(--fg-muted)}.footer-biz-grid dd{margin:0 0 var(--sp-2);min-width:0;color:var(--fg-subtle);overflow-wrap:anywhere}@media (min-width:40rem){.footer-biz-grid{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:var(--sp-2) var(--sp-4)}.footer-biz-grid dd{margin:0}}@media (min-width:60rem){.footer-biz-grid{grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr)}.footer-biz-grid dt:nth-of-type(2n){padding-left:var(--sp-5)}}.footer-payment{padding-top:var(--sp-5);border-top:1px solid var(--glass-edge)}.footer-payment p{margin:0;max-width:var(--measure);font-size:var(--fs-xs);line-height:1.6;color:var(--fg-subtle)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;padding-top:var(--sp-5);border-top:1px solid var(--glass-edge)}.footer-bottom small{font-size:var(--fs-xs);color:var(--fg-subtle)}.shortcut-hint{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--fg-subtle);flex-wrap:wrap}.shortcut-hint kbd{font-family:inherit;font-size:var(--fs-xs);font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-xs);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}.detail-list-recovery .error{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}.content-block-management .btn,.detail-list-recovery .btn{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}.report-panel{overflow-wrap:anywhere}.report-panel fieldset{min-width:0}.report-panel .btn{text-align:center}.form-use-today,.report-panel .btn{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere}.form-use-today{align-self:flex-start;justify-content:flex-start;text-align:left}.offline-banner{position:-webkit-sticky;position:sticky;top:3.5rem;z-index:40;text-align:center;font-size:var(--fs-sm);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:var(--fs-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--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:var(--fs-xs);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:var(--fs-xs);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:var(--fs-lg);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:var(--fs-xs);font-weight:600;color:var(--fg-muted)}.push-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.push-time{margin:0;font-size:var(--fs-xs)}.push-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,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:var(--fs-sm);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:var(--fs-xs);color:var(--fg-muted);line-height:1.6}@media (max-width:380px){.site-header .inner{padding-left:var(--sp-4);padding-right:var(--sp-4)}.header-nav .locale-toggle{display:none}}.btn-quiet-danger{color:var(--danger)}.btn-quiet-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.action-bar .btn-quiet-danger{-webkit-margin-start:var(--sp-3);margin-inline-start:var(--sp-3)}.plan-card{display:flex;flex-direction:column;gap:var(--sp-3)}.plan-card>.plan-cta{margin-top:auto}.segmented{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius-pill);background:var(--surface-2)}.segmented-item{border:0;background:transparent;color:var(--fg-muted);font-size:var(--fs-sm);font-weight:560;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.segmented-item[aria-selected=true]{background:var(--glass-bg-strong);color:var(--fg);box-shadow:var(--shadow-sm)}.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:0}.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:var(--fs-sm)}.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);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;min-width:0;grid-template-columns:minmax(0,1fr);width:min(100%,var(--w))}.showcase-item figcaption{font-size:var(--fs-sm)}.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}.gsi-slot{min-width:190px;display:flex;justify-content:flex-end;align-items:center}.gsi-icon,.nav-short{display:none}@media (max-width:480px){.gsi-slot{min-width:40px}.gsi-label{display:none}.gsi-icon{display:block}}@media (max-width:400px){.nav-full{display:none}.nav-short{display:inline}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.table-scroll table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.table-scroll td,.table-scroll th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--glass-edge);vertical-align:top}.table-scroll thead th{font-size:var(--fs-sm);color:var(--fg-muted);font-weight:620;white-space:nowrap}.table-scroll td{color:var(--fg-muted)}@media (max-width:480px),(pointer:coarse){.site-header .brand,.site-header .btn,.site-header .theme-toggle{min-height:44px}.site-header .theme-toggle{min-width:44px}.footer-biz a,.footer-col a,.site-footer .subtle{display:inline-flex;align-items:center;min-height:44px}.footer-col ul{gap:0}.btn{min-height:44px}.site-header .inner{gap:8px}.header-nav{gap:6px}}.app-shell{display:grid;grid-template-columns:minmax(0,1fr)}.side-nav{display:none}@media (min-width:64rem){.app-shell{grid-template-columns:13rem minmax(0,1fr);gap:var(--sp-5);max-width:calc(var(--shell) + 13rem + var(--sp-5));margin:0 auto;padding-inline:var(--sp-5);align-items:start}.side-nav{display:grid;grid-gap:2px;gap:2px;position:-webkit-sticky;position:sticky;top:calc(3.5rem + var(--sp-4));padding-top:var(--sp-6)}.app-main>*>.shell,.app-main>*>.shell-narrow,.app-main>.shell,.app-main>.shell-narrow{padding-inline:0}.app-main .shell-narrow,.app-main .shell-read{margin-inline:0}body:has(.app-shell) .site-header .nav-secondary{display:none}}.side-nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);color:var(--fg-muted);text-decoration:none;font-size:var(--fs-lg);font-weight:560;min-height:44px}.side-nav-item:hover{background:var(--surface-2);color:var(--fg)}.side-nav-item.is-here{background:var(--accent-soft);color:var(--fg)}.side-nav-item svg{flex:none}.bottom-nav{position:fixed;left:max(.75rem,env(safe-area-inset-left,0px));right:max(.75rem,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom, 0px) + .6rem);z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-radius:1.6rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:0 6px 24px rgb(0 0 0/.12);overflow:hidden}@media (prefers-reduced-transparency:reduce){.bottom-nav{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:64rem){.bottom-nav{display:none}}.bottom-nav-item{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;min-height:52px;padding:var(--sp-2) 4px;color:var(--fg-subtle);text-decoration:none;font-size:var(--fs-xs);font-weight:560;text-align:center;line-height:1.2}.bottom-nav-item.is-here{color:var(--accent)}.bottom-nav-item svg{flex:none}@media (max-width:63.99rem){.app-main{padding-bottom:calc(var(--bottom-nav-h, 64px) + var(--sp-4))}html:has(.bottom-nav) .site-footer{padding-bottom:calc(var(--bottom-nav-h, 64px) + var(--sp-3))}html:has(.bottom-nav){scroll-padding-bottom:calc(var(--bottom-nav-h, 64px) + var(--sp-3))}}@media (max-height:30rem) and (max-width:63.99rem){.bottom-nav-item{min-height:40px;padding:4px}.bottom-nav-item>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.app-main{padding-bottom:calc(var(--bottom-nav-h, 52px) + var(--sp-3))}}.locale-picker{display:inline-flex;flex:none}.locale-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-inline:var(--sp-3);width:auto;min-width:44px;max-width:8.5rem;text-overflow:ellipsis;font:inherit;font-size:var(--fs-md);font-weight:560;cursor:pointer}.icon-img{width:1em;height:1em;display:inline-block;vertical-align:-.14em;object-fit:contain}.icon-picker{position:relative;min-width:0}.icon-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer}.icon-trigger:hover{border-color:var(--accent)}.icon-trigger-face{font-size:1.5rem;line-height:1}.icon-panel{position:absolute;z-index:50;top:calc(100% + 6px);right:0;left:auto;width:min(20rem,calc(100vw - 2rem));max-height:min(24rem,calc(70vh - var(--bottom-nav-h, 0px)));display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-solid,var(--bg));box-shadow:0 12px 32px rgb(0 0 0/.16)}.icon-search{flex:none;width:100%;min-height:40px}.icon-scroll{overflow-y:auto;overflow-x:hidden;min-height:0}.icon-group+.icon-group{margin-top:var(--sp-3)}.icon-group-name{margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:700;letter-spacing:.02em;color:var(--fg-muted);text-transform:none}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-gap:4px;gap:4px}.icon-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:44px;min-height:44px;padding:6px;border-radius:var(--radius-md);border:1px solid transparent;background:none;cursor:pointer}.icon-cell img{width:100%;height:100%;object-fit:contain}.icon-cell:hover{background:var(--surface-2,var(--surface))}.icon-cell.is-here{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.icon-empty,.icon-total{margin:0;font-size:var(--fs-sm)}.icon-empty{padding:var(--sp-4) 0;text-align:center}.icon-total{flex:none;text-align:right}.stage-emoji-face{font-size:1.15rem;line-height:1}.use-card-icon{font-size:1.05em;line-height:1}.feature-icon{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em;-webkit-margin-end:.4em;margin-inline-end:.4em;flex:none}.ctl-glyph{width:.85em;height:.85em;fill:currentColor;vertical-align:-.08em}.ctl-glyph,.ctl-img{flex:none;-webkit-margin-end:.35em;margin-inline-end:.35em}.ctl-img{width:1em;height:1em;object-fit:contain;vertical-align:-.14em}.starter-icon{font-size:1.05em;line-height:1;-webkit-margin-end:.3em;margin-inline-end:.3em}.dev-dark .feature-icon,.dev-dark .icon-img,:root[data-theme=dark] .feature-icon,:root[data-theme=dark] .icon-img{filter:brightness(1.6) saturate(.95)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .feature-icon,:root:not([data-theme=light]) .icon-img{filter:brightness(1.6) saturate(.95)}}.icon-theme-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-1) 0}.icon-theme-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;min-height:64px;padding:8px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--fg-muted);font-size:var(--fs-sm)}.icon-theme-cell img{width:30px;height:30px;object-fit:contain}.icon-theme-cell:hover{background:var(--surface-2,var(--surface))}.icon-theme-cell.is-on{border-color:var(--accent);border-width:2px;color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent)}.icon-theme-setting{margin-bottom:var(--sp-4)}.icon-theme-setting>summary{cursor:pointer;font-size:var(--fs-md);font-weight:600;color:var(--fg-muted);padding:12px 0}.icon-theme-hint{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--fg-subtle,var(--fg-muted))}.more-list{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.more{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)}.more-mark{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;color:var(--ok-strong);background:color-mix(in srgb,var(--ok) 14%,transparent)}.more-body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.more-body>strong{font-size:var(--fs-md);font-weight:620;letter-spacing:-.015em}.plan-price{margin:0;color:var(--fg);font-size:var(--fs-lg);font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.faq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:var(--sp-5);align-items:start}.faq{padding:var(--sp-4) var(--sp-5)}.faq>summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-md);font-weight:620;letter-spacing:-.015em}.faq>summary::-webkit-details-marker{display:none}.faq>summary:after{content:"+";flex:none;color:var(--fg-subtle);font-weight:500}.faq[open]>summary:after{content:"−"}.faq>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.faq>p{margin-top:var(--sp-3)}.cta-final{text-align:center;padding:var(--sp-7) var(--sp-5)}.cta-final .cta-row{margin-top:var(--sp-5)}.steps{list-style:none;margin:var(--sp-5) 0 0;padding:0 var(--sp-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));grid-gap:var(--sp-3) var(--sp-4);gap:var(--sp-3) var(--sp-4)}.step{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.5}.step-num{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plus-pill,.step-num{color:var(--accent);background:var(--accent-soft)}.plus-pill{display:inline-block;vertical-align:.15em;-webkit-margin-start:var(--sp-2);margin-inline-start:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--glass-border);font-size:var(--fs-xs);font-weight:620;line-height:1.7;letter-spacing:0}.preview-demo{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);max-width:34rem;margin:var(--sp-5) auto 0}.chat-bubble{margin:0;max-width:88%;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-xs);background:var(--accent);color:var(--accent-fg);font-size:var(--fs-sm);line-height:1.5}.chat-link{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3)}.chat-url{padding-inline:var(--sp-1);text-decoration:underline;text-underline-offset:.15em;opacity:.92;word-break:break-all}.preview-card{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.preview-image{aspect-ratio:1200/630;display:flex;align-items:center;justify-content:center;gap:var(--sp-4);background:radial-gradient(circle at 85% 10%,rgba(79,70,229,.42) 0,rgba(11,13,17,0) 55%),#0b0d11;color:#e9ecf1}.preview-image-icon{font-size:2.6rem;line-height:1}.preview-image-count{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#a5acff}.preview-body{padding:var(--sp-3) var(--sp-4)}.preview-body p{margin:0}.preview-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:620;letter-spacing:-.015em}.preview-title-icon{font-size:1.1em;line-height:1}.preview-desc{margin-top:var(--sp-1);color:var(--fg-muted);font-size:var(--fs-sm)}.preview-domain{margin-top:var(--sp-1);color:var(--fg-subtle);font-size:var(--fs-xs)}.soon-list{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}.more-mark-soon{color:var(--accent);background:var(--accent-soft)}.soon-icon{font-size:14px;line-height:1}.feature-icon-drawn{display:inline-flex;font-size:1.15em;line-height:1;vertical-align:-.2em;-webkit-margin-end:.4em;margin-inline-end:.4em;flex:none}.icon-shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-5);padding:var(--sp-5) var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.icon-shelf img{width:44px;height:44px;object-fit:contain;flex:none}.icon-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4)}.icon-chip{min-height:44px;padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);font-size:var(--fs-sm);cursor:pointer}.icon-chip:hover{background:var(--surface-2)}.icon-chip.is-on{border-color:var(--accent);color:var(--accent);font-weight:620;background:color-mix(in srgb,var(--accent) 12%,transparent)}.gallery-label{margin:0 0 var(--sp-3);font-size:var(--fs-xs);font-weight:660;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.gallery-controls{padding-top:var(--sp-5)}.gallery-body,.gallery-compare{padding-top:var(--sp-6)}.gallery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-5)}.gallery-search{max-width:22rem}.compare-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.compare-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(4rem,100%),1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg)}.compare-cell{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);text-align:center}.compare-cell img{object-fit:contain}.gallery-group{margin-bottom:var(--sp-6)}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(6.5rem,100%),1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.gallery-cell{width:100%;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);font-size:var(--fs-xs);line-height:1.3;text-align:center;cursor:pointer;overflow-wrap:anywhere}.gallery-cell img{object-fit:contain;flex:none}.gallery-cell:hover{background:var(--surface-2)}.gallery-cell.is-on{border-color:var(--accent);border-width:2px;color:var(--accent);font-weight:620;background:color-mix(in srgb,var(--accent) 12%,transparent)}.palette-toggle{width:-moz-fit-content;width:fit-content;margin-bottom:var(--sp-3)}.segmented-item[aria-pressed=true]{background:var(--surface);color:var(--fg);font-weight:620}.icon-chip.is-palette{font-weight:620}.badge-waiting,.badge-watchers{min-width:0;max-width:100%;overflow-wrap:anywhere}.badge-watchers{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:620}