:root{--bg-primary:#f2ede4;--bg-secondary:#ebe6dc;--bg-accent:#e4ded4;--bg-card:#faf7f2;--text-primary:#2d2a26;--text-secondary:#5c5854;--text-muted:#696460;--accent-primary:#6b4e37;--accent-hover:#5a4030;--accent-light:rgba(107,78,55,0.08);--border-primary:#81796e;--border-subtle:#c8c0b4;--border-card:#2d2a26;--text-on-accent:#fff;--surface-caution:#fff8e1;--status-pending:#b8860b;--status-pending-bg:rgba(255,193,7,0.15);--status-pending-border:rgba(255,193,7,0.3);--status-review:#b45309;--status-released:#047857;--status-success:#16a34a;--status-warning:#d97706;--status-warning-strong:#92400e;--badge-new-bg:rgba(107,78,55,0.1);--badge-new-border:rgba(107,78,55,0.2);--inline-code-bg:rgba(107,78,55,0.1);--category-ai:#4338ca;--category-ai-bg:rgba(99,102,241,0.12);--category-productivity:#047857;--category-productivity-bg:rgba(16,185,129,0.12);--category-journaling:#0f766e;--category-journaling-bg:rgba(20,184,166,0.12);--category-dev:#b45309;--category-dev-bg:rgba(245,158,11,0.12);--category-content:#be185d;--category-content-bg:rgba(236,72,153,0.12);--category-thinking:var(--accent-primary);--category-thinking-bg:rgba(107,78,55,0.12);--callout-tip:#047857;--callout-tip-bg:rgba(16,185,129,0.08);--callout-note:#1d4ed8;--callout-note-bg:rgba(59,130,246,0.08);--callout-warning:#b45309;--callout-warning-bg:rgba(245,158,11,0.08);--callout-important:#7c3aed;--callout-important-bg:rgba(139,92,246,0.08);--callout-caution:#dc2626;--callout-caution-bg:rgba(239,68,68,0.08);--shadow-card-rest:6px 6px 0 var(--text-primary);--shadow-card-hover:4px 3px 0 var(--text-primary);--shadow-media:6px 6px 0 var(--text-primary);--shadow-media-hover:4px 3px 0 var(--text-primary);--shadow-focus:0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent-primary);--shadow-floating:3px 3px 0 var(--text-primary);--shadow-decorative:2px 2px 0 var(--text-primary);--shadow-action-rest:5px 5px 0 var(--text-primary);--shadow-action-hover:3px 2px 0 var(--text-primary);--shadow-action-press:3px 2px 0 var(--text-primary);--font-serif:var(--font-lora),Georgia,serif;--font-sans:var(--font-raleway),-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:var(--font-space-mono),ui-monospace,SFMono-Regular,monospace;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--font-size-hero:3.5rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-section:8rem;--spacing-hero:8rem;--content-max:880px;--line-height-tight:1.3;--line-height-normal:1.7;--line-height-relaxed:1.9;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--radius-card:3px;--radius-control:4px;--radius-inline:2px;--radius-media:3px;--radius-status:0;--radius-action:4px;--radius-pill:999px;--radius-circle:50%;--motion-duration:120ms;--motion-easing:ease-out;--transition-fast:150ms ease-out;--transition-base:250ms ease-out;--transition-slow:300ms ease-out}@media (prefers-color-scheme:dark){html:not([data-theme]){--bg-primary:#0a0a09;--bg-secondary:#131312;--bg-accent:rgba(255,255,255,0.07);--bg-card:rgba(255,255,255,0.035);--text-primary:#f1ece3;--text-secondary:#c9c2b8;--text-muted:#aaa39a;--accent-primary:#60a5fa;--accent-hover:#8bc0ff;--accent-light:rgba(96,165,250,0.18);--border-primary:rgba(255,255,255,0.28);--border-subtle:rgba(255,255,255,0.09);--border-card:rgba(255,255,255,0.09);--text-on-accent:#07111e;--surface-caution:rgba(251,191,36,0.08);--status-pending:#fde047;--status-pending-bg:rgba(253,224,71,0.12);--status-pending-border:rgba(253,224,71,0.32);--status-review:#fbbf24;--status-released:#6ee7b7;--status-success:#4ade80;--status-warning:#fbbf24;--status-warning-strong:#fcd34d;--badge-new-bg:rgba(96,165,250,0.15);--badge-new-border:rgba(96,165,250,0.34);--inline-code-bg:rgba(255,255,255,0.08);--category-ai:#a5b4fc;--category-ai-bg:rgba(165,180,252,0.14);--category-productivity:#6ee7b7;--category-productivity-bg:rgba(110,231,183,0.14);--category-journaling:#5eead4;--category-journaling-bg:rgba(94,234,212,0.14);--category-dev:#fbbf24;--category-dev-bg:rgba(251,191,36,0.14);--category-content:#f9a8d4;--category-content-bg:rgba(249,168,212,0.14);--category-thinking:#93c5fd;--category-thinking-bg:rgba(147,197,253,0.14);--callout-tip:#6ee7b7;--callout-tip-bg:rgba(110,231,183,0.12);--callout-note:#93c5fd;--callout-note-bg:rgba(147,197,253,0.12);--callout-warning:#fbbf24;--callout-warning-bg:rgba(251,191,36,0.12);--callout-important:#c4b5fd;--callout-important-bg:rgba(196,181,253,0.12);--callout-caution:#fca5a5;--callout-caution-bg:rgba(252,165,165,0.12);--syntax-bg:transparent;--syntax-text:#d8dee9;--syntax-comment:#9da7b3;--syntax-keyword:#ff7b72;--syntax-string:#a5d6ff;--syntax-title:#d2a8ff;--syntax-number:#79c0ff;--syntax-attr:#7ee787;--syntax-built-in:#ffa657;--shadow-card-rest:inset 0 0 0 1px rgba(255,255,255,0.04),0 12px 34px rgba(0,0,0,0.28);--shadow-card-hover:inset 0 0 0 1px rgba(255,255,255,0.07),0 0 26px rgba(96,165,250,0.4);--shadow-media:inset 0 0 0 1px rgba(255,255,255,0.05),0 18px 50px rgba(0,0,0,0.45);--shadow-media-hover:inset 0 0 0 1px rgba(255,255,255,0.08),0 0 26px rgba(96,165,250,0.4);--shadow-focus:0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent-primary);--shadow-floating:inset 0 0 0 1px rgba(255,255,255,0.05),0 10px 30px rgba(0,0,0,0.42);--shadow-decorative:inset 0 -1px 0 rgba(255,255,255,0.16);--shadow-action-rest:inset 0 0 0 1px rgba(255,255,255,0.16);--shadow-action-hover:inset 0 0 0 1px rgba(255,255,255,0.2),0 0 26px rgba(96,165,250,0.4);--shadow-action-press:inset 0 2px 0 rgba(0,0,0,0.35)}}html{color-scheme:light;scroll-behavior:smooth;font-size:16px}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:0s!important;transition-duration:0s!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ja] body{word-break:keep-all;overflow-wrap:anywhere}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent-primary);color:var(--text-on-accent);padding:var(--spacing-sm) var(--spacing-md);border-radius:0 0 var(--radius-action) var(--radius-action);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);z-index:1000;transition:top var(--transition-fast)}.skip-to-content:focus{top:0;outline:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-control)}.container{max-width:var(--content-max);margin:0 auto;padding:var(--spacing-lg)}header{position:static;text-align:center;padding:var(--spacing-md) 0 var(--spacing-md)}.header-logo{justify-content:center;margin-bottom:var(--spacing-xs)}.header-logo,.header-logo a{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo a{text-decoration:none;color:inherit;transition:opacity var(--transition-base)}.header-logo a:hover{opacity:.8}.logo-icon{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;opacity:.9}.site-title{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:500;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);margin:0}header .tagline{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:300;color:var(--text-secondary);margin-top:var(--spacing-xs);letter-spacing:var(--letter-spacing-wide)}.header-nav{position:fixed;top:var(--spacing-sm);right:max(var(--spacing-sm),calc((100% - var(--content-max)) / 2));z-index:100}.nav-menu,.nav-menu-toggle{position:relative}.nav-menu-toggle{display:flex;align-items:center;justify-content:center;z-index:2;width:44px;height:44px;cursor:pointer;list-style:none;background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-control);box-shadow:var(--shadow-action-rest);transition:background-color var(--motion-duration) var(--motion-easing),box-shadow var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing);-webkit-tap-highlight-color:transparent}.nav-menu-toggle::-webkit-details-marker{display:none}.nav-menu-toggle::marker{content:""}.nav-menu-toggle:hover{background:var(--accent-light)}.nav-menu-toggle:active{transform:translate(2px,3px);box-shadow:var(--shadow-action-press)}.nav-menu-icon{display:flex;flex-direction:column;gap:5px;width:18px}.nav-menu-icon span{display:block;height:2px;background:var(--text-primary);transition:transform var(--motion-duration) var(--motion-easing),opacity var(--motion-duration) var(--motion-easing)}.nav-menu[open] .nav-menu-icon span:first-child{transform:translateY(7px) rotate(45deg)}.nav-menu[open] .nav-menu-icon span:nth-child(2){opacity:0}.nav-menu[open] .nav-menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu[open]:before{content:"";position:fixed;inset:0;z-index:0;background:var(--bg-primary)}.nav-menu[open]:after{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,var(--accent-light) 0,transparent 60%),linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);transform-origin:center;animation:nav-kenburns 6s var(--motion-easing) both}.nav-menu-panel{position:fixed;inset:0;z-index:1;padding:calc(44px + 2 * var(--spacing-sm)) var(--spacing-lg) var(--spacing-lg);list-style:none;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;gap:var(--spacing-xs);overflow-y:auto;text-align:center}@keyframes nav-kenburns{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}body:has(.nav-menu[open]){overflow:hidden}body:has(.nav-menu[open]) .container,body:has(.nav-menu[open]) .skip-to-content{visibility:hidden}body:has(.nav-menu[open]) .header-nav{visibility:visible}.header-nav li{margin:0;opacity:0}.nav-menu-panel>li:not(.lang-switcher){width:min(100%,var(--content-max));margin-inline:auto}.nav-menu[open] .nav-menu-panel li{animation:nav-item-in .4s var(--motion-easing) both}.header-nav li:first-child{animation-delay:.05s}.header-nav li:nth-child(2){animation-delay:.09s}.header-nav li:nth-child(3){animation-delay:.13s}.header-nav li:nth-child(4){animation-delay:.17s}.header-nav li:nth-child(5){animation-delay:.21s}.header-nav li:nth-child(6){animation-delay:.25s}.header-nav li:nth-child(7){animation-delay:.29s}.header-nav li:nth-child(8){animation-delay:.33s}.header-nav li:nth-child(9){animation-delay:.37s}.header-nav li:nth-child(10){animation-delay:.41s}.header-nav li:nth-child(11){animation-delay:.45s}@keyframes nav-item-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.header-nav a{display:block;font-family:var(--font-sans);font-size:clamp(1.375rem,min(5vw,3.6vh),2.5rem);line-height:var(--line-height-tight);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-control);transition:color var(--transition-base),background-color var(--transition-base);white-space:normal}.header-nav a:hover{color:var(--accent-primary);background-color:var(--accent-light)}.header-nav a[aria-current=page]{color:var(--accent-primary);font-weight:500}.header-nav .lang-switcher{align-self:center;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);padding-inline:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.header-nav .lang-switcher a{font-weight:500;color:var(--text-muted)}.header-nav .lang-switcher a:hover{color:var(--accent-primary)}@media (prefers-reduced-motion:reduce){.nav-menu-icon span,.nav-menu-toggle{transition:none}.nav-menu-toggle:active{transform:none;box-shadow:var(--shadow-action-press)}.header-nav li,.nav-menu[open] .nav-menu-panel li,.nav-menu[open]:after{animation:none;opacity:1;transform:none}}.feature-badge{display:inline-block;font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-pill);margin-left:var(--spacing-xs);vertical-align:middle;letter-spacing:.02em}.feature-badge.pending{background-color:var(--status-pending-bg);color:var(--status-pending);border:1px solid var(--status-pending-border)}.feature-badge.new{background-color:var(--badge-new-bg);color:var(--accent-primary);border:1px solid var(--badge-new-border)}main{padding:0}section{margin-bottom:var(--spacing-section)}h1,h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.hero{text-align:center;padding:var(--spacing-sm) 0 var(--spacing-lg)}.hero-tagline{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3rem);font-weight:400;color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.03em;text-wrap:balance}.hero-fact{font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;text-wrap:balance}.hero-fact,.hero-subtitle{max-width:560px;margin:0 auto var(--spacing-md)}.hero-subtitle{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:300;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.hero-image{margin:var(--spacing-2xl) 0}.hero-image img{max-width:100%;height:auto;border-radius:var(--radius-media);border:2px solid var(--text-primary);box-shadow:var(--shadow-media)}#hero-heading{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.08em;color:var(--text-muted);line-height:1.4}#hero-heading,#hero-heading~.hero-tagline{margin-bottom:var(--spacing-sm)}.hero .btn{transition-duration:var(--motion-duration)}.hero .buttons{margin-top:var(--spacing-md)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.philosophy{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .15s both}.flow-section{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .3s both}.coming-soon-section,.cta-section,.faq-preview-section,.screenshot-section,.workflow-section{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.coming-soon-section.reveal-pending,.cta-section.reveal-pending,.faq-preview-section.reveal-pending,.screenshot-section.reveal-pending,.workflow-section.reveal-pending{opacity:0;transform:translateY(20px)}.philosophy .philosophy-item{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) .15s both}.philosophy .philosophy-item:nth-child(2){animation-delay:.27s}.philosophy .philosophy-item:nth-child(3){animation-delay:.39s}.flow-section .flow-item{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) .3s both}.flow-section .flow-item:nth-child(2){animation-delay:.42s}.flow-section .flow-item:nth-child(3){animation-delay:.54s}.flow-section .flow-item:nth-child(n+4){animation-delay:.66s}.coming-soon-section.reveal-pending .coming-soon-list li,.workflow-section.reveal-pending .workflow-list li{opacity:0}.coming-soon-list li:nth-child(2),.workflow-list li:nth-child(2){transition-delay:0s,90ms}.coming-soon-list li:nth-child(3),.workflow-list li:nth-child(3){transition-delay:0s,.18s}.coming-soon-list li:nth-child(n+4),.workflow-list li:nth-child(n+4){transition-delay:0s,.27s}@media (prefers-reduced-motion:reduce){.coming-soon-list li,.flow-section .flow-item,.philosophy .philosophy-item,.workflow-list li{animation-delay:0s!important;transition-delay:0s!important}}.hero-ornament{display:block;text-align:center;font-family:var(--font-serif);font-size:1.5rem;color:var(--text-muted);letter-spacing:.3em;margin-top:var(--spacing-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8}.philosophy{padding:var(--spacing-2xl) 0;text-align:center}.philosophy-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);max-width:780px;margin:0 auto}.philosophy-list:has(>:nth-child(4)){grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.philosophy-list:has(>:nth-child(4)){grid-template-columns:1fr}}.philosophy-item{padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);transition:border-color .3s cubic-bezier(.44,0,.56,1);cursor:default}.philosophy-item:before{display:none}.philosophy-icon{width:28px;height:28px;margin:0 auto var(--spacing-xs);color:var(--accent-primary)}.philosophy-icon svg{width:100%;height:100%}.philosophy-item h3{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.philosophy-item p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.section-label{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);background:var(--accent-light);padding:3px 12px;border-radius:var(--radius-pill);margin-bottom:var(--spacing-sm)}.flow-section{padding:var(--spacing-2xl) var(--spacing-lg);margin:0 calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-section);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-card);border:2px solid var(--text-primary);box-shadow:var(--shadow-card-rest)}.flow-section h2{font-family:var(--font-serif);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide)}.flow-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:60ch;margin-left:auto;margin-right:auto}.flow-section .philosophy-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:820px}.flow-item{position:relative;padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-card);border:2px solid var(--text-primary);box-shadow:var(--shadow-card-rest);transition:border-color var(--transition-fast)}.flow-icon{width:24px;height:24px;margin:0 auto var(--spacing-xs);color:var(--accent-primary)}.flow-icon svg{width:100%;height:100%}.flow-item p{text-wrap:balance}.flow-arrow{display:none}@media (min-width:769px){.flow-section .philosophy-list{position:relative}.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-lg)}}@media (max-width:768px){.flow-section .philosophy-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.flow-section .philosophy-list{grid-template-columns:1fr}}.buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-xl)}.btn,.buttons{justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.875rem 2rem;min-height:52px;border-radius:var(--radius-action);text-decoration:none;font-family:var(--font-sans);font-weight:500;font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide);cursor:pointer;border:2px solid var(--text-primary);box-shadow:var(--shadow-action-rest);transition:background-color var(--motion-duration) var(--motion-easing),color var(--motion-duration) var(--motion-easing),border-color var(--motion-duration) var(--motion-easing),box-shadow var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing);-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--text-primary);color:var(--text-on-accent);position:relative;overflow:hidden}.btn-primary:after{content:none}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active,.btn-primary:hover{color:var(--text-on-accent)}.btn:active{transform:translate(2px,3px);box-shadow:var(--shadow-action-press)}.btn:focus-visible{box-shadow:var(--shadow-action-rest),var(--shadow-focus)}@media (prefers-reduced-motion:reduce){.btn,.btn-primary:after,.coming-soon-list li,.flow-item,.philosophy-item,.workflow-list li{transition:none}.btn:active{transform:none;box-shadow:var(--shadow-action-press)}}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border-color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-primary);background:var(--accent-light)}.btn-secondary:active,.btn-secondary:hover{color:var(--accent-primary)}.hero-link{text-align:center;margin-top:var(--spacing-sm)}.hero-link a{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.hero-link a:hover,a{color:var(--accent-primary)}a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.screenshot-section{text-align:center;padding:var(--spacing-2xl) 0}.screenshot-section img{max-width:100%;height:auto;border-radius:var(--radius-media);border:2px solid var(--text-primary);box-shadow:var(--shadow-media);transition:box-shadow var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing)}@media (prefers-reduced-motion:reduce){.screenshot-section img{transition:none}}.video-container{position:relative;width:calc(100% + 2 * var(--spacing-lg));margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-bottom:56.25%;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-media);background:var(--bg-secondary);border:2px solid var(--text-primary)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (min-width:1200px){.video-container{width:calc(100% + 200px);margin-left:-100px;margin-right:-100px}}.screenshot-caption{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-lg);font-style:italic;letter-spacing:var(--letter-spacing-wide)}.changelog-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:800px;margin:0 auto}.accordion-item{border:2px solid var(--text-primary);border-radius:var(--radius-card);scroll-margin-top:80px;overflow:hidden;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow var(--motion-duration) var(--motion-easing),background-color .3s cubic-bezier(.4,0,.2,1),transform var(--motion-duration) var(--motion-easing)}.accordion-item,.accordion-item[open]{background:var(--bg-card);box-shadow:var(--shadow-card-rest)}.accordion-item.latest{border-color:var(--accent-primary);border-width:2px}.accordion-item.latest[open]{box-shadow:var(--shadow-card-rest)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease}.accordion-header::-webkit-details-marker{display:none}.accordion-header:hover{background:var(--accent-light)}.accordion-title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.accordion-icon{position:relative;width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-circle);background:var(--bg-secondary);transition:background-color .3s ease,transform .3s ease}.accordion-icon:after,.accordion-icon:before{content:"";position:absolute;top:50%;left:50%;background:var(--accent-primary);border-radius:var(--radius-inline);transition:transform .3s ease}.accordion-icon:before{width:10px;height:2px;transform:translate(-50%,-50%)}.accordion-icon:after{width:2px;height:10px;transform:translate(-50%,-50%)}.accordion-item[open] .accordion-icon{background:var(--accent-primary);transform:rotate(180deg)}.accordion-item[open] .accordion-icon:after,.accordion-item[open] .accordion-icon:before{background:var(--text-on-accent)}.accordion-item[open] .accordion-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.accordion-version{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap}.accordion-version.accordion-icon-svg{display:flex;align-items:center}.accordion-version.accordion-icon-svg svg{vertical-align:middle}.accordion-highlight{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-category-header{font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);padding:var(--spacing-md) 0 var(--spacing-xs) 0;margin-top:var(--spacing-md)}.faq-category-header:first-child{margin-top:0}.accordion-status{font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:4px 0;border:0;border-block:2px solid currentColor;border-radius:var(--radius-status);background:transparent;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.accordion-status.review,.accordion-status.under-review{color:var(--status-review)}.accordion-status.released{color:var(--status-released)}.accordion-content{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.changelog-theme{font-family:var(--font-serif);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-left:3px solid var(--accent-primary);background:var(--accent-light);border-radius:0 var(--radius-card) var(--radius-card) 0}.wax-seal-accent{width:36px;height:36px;vertical-align:middle;opacity:.7;margin-left:.4em}.changelog-group{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-card)}.changelog-group:last-child{margin-bottom:0}.changelog-group-title{font-family:var(--font-sans);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.changelog-features{list-style:none;padding:0;margin:0}.accordion-content>.changelog-features{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-card)}.changelog-features li{display:flex;align-items:baseline;gap:var(--spacing-xs);padding:6px 0;border-bottom:1px solid var(--border-subtle);transition:padding .15s ease,margin .15s ease,background-color .15s ease,border-radius .15s ease}.changelog-features li:last-child{border-bottom:none}.changelog-features li:hover{padding-left:var(--spacing-xs);background:var(--accent-light);margin:0 calc(-1 * var(--spacing-xs));padding-right:var(--spacing-xs);border-radius:var(--radius-control)}.changelog-features strong{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}@media (min-width:641px){.changelog-features strong{white-space:nowrap}}.changelog-features span{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.changelog-features code,.changelog-features kbd{font-family:var(--font-mono)}.changelog-features code{font-size:.8em;background:var(--inline-code-bg);padding:1px 5px;border-radius:var(--radius-inline);color:var(--accent-primary)}@media (max-width:640px){.accordion-header{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-xs)}.accordion-title{flex-wrap:wrap}.accordion-version~.accordion-highlight{width:100%;order:3;padding-left:28px;margin-top:4px}.accordion-icon~.accordion-highlight{white-space:normal;overflow:visible;text-overflow:unset}.accordion-status{font-size:.6rem;padding:3px 8px}.accordion-content{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm)}.changelog-group{padding:var(--spacing-xs) var(--spacing-sm)}.changelog-features li{flex-direction:column;gap:2px}}.coming-soon-section{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);margin:0 calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-section);background:var(--bg-secondary);border-radius:var(--radius-card);border:2px solid var(--text-primary);box-shadow:var(--shadow-card-rest)}.coming-soon-section h2{font-family:var(--font-serif);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.coming-soon-status{font-size:var(--font-size-sm);color:var(--accent-primary);font-weight:500;margin-bottom:var(--spacing-lg);display:inline-block;padding:4px 0;border:0;border-block:2px solid currentColor;border-radius:var(--radius-status);background:transparent}.coming-soon-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:760px;margin:0 auto;text-align:left}.coming-soon-list--spaced{margin-top:2rem}.coming-soon-list li{padding:var(--spacing-sm);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);transition:border-color .3s cubic-bezier(.44,0,.56,1),opacity .6s cubic-bezier(.16,1,.3,1);cursor:default}.coming-soon-list strong{display:block;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.coming-soon-list span{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}@media (max-width:640px){.coming-soon-list{grid-template-columns:1fr}}.workflow-section{text-align:center;padding:var(--spacing-2xl) 0}.workflow-section h2{font-family:var(--font-serif);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.workflow-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:760px;margin:0 auto;text-align:left}.workflow-list li{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);transition:border-color .3s cubic-bezier(.44,0,.56,1),opacity .6s cubic-bezier(.16,1,.3,1);cursor:default}.workflow-list strong{display:block;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:4px}.workflow-list .workflow-for{display:block;font-size:.7rem;color:var(--accent-primary);font-weight:500;margin-bottom:4px}.workflow-list span:not(.workflow-for){font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}@media (max-width:640px){.workflow-list{grid-template-columns:1fr}}.video-context{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm)}.faq-preview-section{text-align:center;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-section)}.faq-preview-section h2{font-family:var(--font-serif);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.faq-preview-section .changelog-accordion{max-width:600px;margin:0 auto;text-align:left}.faq-more-link{margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.faq-more-link a{color:var(--accent-primary);text-decoration:none;font-weight:500}.faq-more-link a:hover{text-decoration:underline}.tab-container{margin-bottom:var(--spacing-lg);scroll-margin-top:80px}.tab-container input[type=radio]{position:absolute;opacity:0;pointer-events:none}.tab-nav{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-nav label{padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-control);border:solid transparent;border-width:1px 1px 2px;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing);text-decoration:none;white-space:nowrap;flex-shrink:0}.tab-nav label:hover{color:var(--text-primary);background:var(--bg-secondary)}#tab-dual:checked~.tab-nav label[for=tab-dual],#tab-git:checked~.tab-nav label[for=tab-git],#tab-keys:checked~.tab-nav label[for=tab-keys],#tab-markdown:checked~.tab-nav label[for=tab-markdown],#tab-modes:checked~.tab-nav label[for=tab-modes],#tab-notes:checked~.tab-nav label[for=tab-notes],#tab-storage:checked~.tab-nav label[for=tab-storage],#tab-view:checked~.tab-nav label[for=tab-view]{color:var(--accent-primary);background:var(--bg-card);border-bottom-color:var(--border-primary);border-bottom-width:1px;border:1px solid var(--border-primary);border-bottom:2px solid var(--accent-primary);box-shadow:var(--shadow-decorative)}.tab-panel{display:none}#tab-dual:checked~.tab-content .tab-panel-dual,#tab-git:checked~.tab-content .tab-panel-git,#tab-keys:checked~.tab-content .tab-panel-keys,#tab-markdown:checked~.tab-content .tab-panel-markdown,#tab-modes:checked~.tab-content .tab-panel-modes,#tab-notes:checked~.tab-content .tab-panel-notes,#tab-storage:checked~.tab-content .tab-panel-storage,#tab-view:checked~.tab-content .tab-panel-view{display:block}.tab-content{min-height:280px}.tab-panel section{margin-bottom:var(--spacing-md)}.tab-panel section:last-child{margin-bottom:0}.tab-panel .philosophy-list{gap:var(--spacing-sm)}.tab-panel .philosophy-item h3{font-size:var(--font-size-base);margin-bottom:.25rem}.tab-panel .philosophy-item p{font-size:var(--font-size-sm);margin:0}.tab-panel h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.tab-panel>section>p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.shortcuts-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.shortcuts-table td,.shortcuts-table th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-subtle)}.shortcuts-table th{font-family:var(--font-serif);font-weight:500;color:var(--text-primary)}.shortcuts-table td{color:var(--text-secondary)}.shortcuts-table kbd{font-family:var(--font-sans);font-size:var(--font-size-sm);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-inline);border:1px solid var(--border-primary);box-shadow:var(--shadow-decorative)}.tab-panel{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tab-panel{animation:none}}@media (max-width:768px){.tab-nav-wrapper{position:relative}.tab-nav-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:var(--spacing-xs);width:48px;background:linear-gradient(to right,transparent,var(--bg-primary));pointer-events:none}}@media (max-width:640px){.tab-nav{justify-content:flex-start;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.tab-nav label{padding:var(--spacing-xs) var(--spacing-xs);font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:700px;margin:0 auto}.faq-item{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}.faq-item[open]{border-color:var(--accent-primary)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;list-style:none;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);transition:color var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--font-size-xl);font-weight:300;color:var(--text-muted);transition:transform var(--motion-duration) var(--motion-easing),color var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-sm)}.faq-item[open] summary:after{content:"−";color:var(--accent-primary)}.faq-item summary:hover,.faq-item summary:hover:after{color:var(--accent-primary)}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--border-subtle);margin-top:0;animation:faqFadeIn .2s ease-out}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.faq-answer{animation:none}}.faq-answer p:first-child{margin-top:var(--spacing-sm)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol,.faq-answer ul{margin-top:var(--spacing-xs);padding-left:var(--spacing-lg);color:var(--text-secondary)}.faq-answer li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.faq-accordion code{font-size:.9em;background:var(--bg-secondary);padding:.1em .4em;border-radius:var(--radius-inline)}.faq-accordion code,.faq-accordion kbd{font-family:var(--font-mono)}.faq-answer em{color:var(--text-muted);font-size:var(--font-size-sm)}.faq-answer strong{color:var(--text-primary)}.faq-category{font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.faq-category:first-child{margin-top:0}@media (max-width:640px){.faq-item summary{padding:var(--spacing-sm);font-size:var(--font-size-sm);min-height:44px}.faq-answer{padding:0 var(--spacing-sm) var(--spacing-sm)}.faq-answer ol,.faq-answer ul{padding-left:var(--spacing-md)}}.template-search-input{display:block;width:100%;max-width:400px;margin:0 auto var(--spacing-md);padding:10px 16px;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-control);outline:0;transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}.template-search-input::-moz-placeholder{color:var(--text-muted)}.template-search-input::placeholder{color:var(--text-muted)}.template-search-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-xl)}.filter-btn{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;padding:8px 20px;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-accent);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.filter-btn:hover{border-color:var(--border-primary);background:var(--bg-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--text-primary);color:var(--text-on-accent);border-color:var(--text-primary)}.filter-btn:focus-visible,.tag-facet-btn:focus-visible,.template-card:focus-visible,.view-toggle-btn:focus-visible{outline-offset:2px}.template-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);max-width:960px;margin:0 auto var(--spacing-xl)}@media (min-width:640px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.template-grid{grid-template-columns:repeat(3,1fr)}}.template-card{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:var(--shadow-card-rest);transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}.template-card[data-category=ai]{border-left-color:var(--category-ai)}.template-card[data-category=productivity]{border-left-color:var(--category-productivity)}.template-card[data-category=journaling]{border-left-color:var(--category-journaling)}.template-card[data-category=dev]{border-left-color:var(--category-dev)}.template-card[data-category=content]{border-left-color:var(--category-content)}.template-card[data-category=thinking]{border-left-color:var(--category-thinking)}.template-card-header{display:flex;align-items:center;gap:var(--spacing-xs)}.category-badge{font-family:var(--font-sans);font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em}.badge-ai{background:var(--category-ai-bg);color:var(--category-ai)}.badge-productivity{background:var(--category-productivity-bg);color:var(--category-productivity)}.badge-journaling{background:var(--category-journaling-bg);color:var(--category-journaling)}.badge-dev{background:var(--category-dev-bg);color:var(--category-dev)}.badge-content{background:var(--category-content-bg);color:var(--category-content)}.badge-thinking{background:var(--category-thinking-bg);color:var(--category-thinking)}.template-card-title{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.template-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5;flex:1}.template-card-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.copy-btn{flex:1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;padding:8px 12px;min-height:44px;border:2px solid var(--text-primary);border-radius:var(--radius-action);background:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;transition:background var(--transition-fast)}.copy-btn:hover{background:var(--accent-hover)}.copy-btn.copied{background:var(--status-released)}.open-btn{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;font-size:var(--font-size-base);border-radius:var(--radius-control);background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-subtle);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.open-btn:hover{background:var(--bg-accent);color:var(--text-primary);border-color:var(--border-primary);text-decoration:none}.template-tag-chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 8px}.template-tag-chip{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);line-height:1.6}.tag-facets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;padding:0 2px}.tag-facet-btn{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tag-facet-btn:hover{background:var(--bg-accent);color:var(--text-primary);border-color:var(--border-primary)}.tag-facet-btn.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.template-breadcrumb{display:flex;align-items:center;gap:.4em;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-muted);flex:1;min-width:0;overflow:hidden}.template-breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-breadcrumb a{color:var(--accent-primary);text-decoration:none;font-weight:500}.template-breadcrumb a:hover{text-decoration:underline}.template-breadcrumb .breadcrumb-sep{color:var(--border-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-summary-line{font-size:var(--font-size-sm);color:var(--text-secondary);margin:-4px 0 16px;font-style:italic}.template-view-toggle{position:relative;display:flex;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px}.template-view-toggle:before{content:"";position:absolute;top:4px;left:4px;width:80px;height:calc(100% - 8px);background:var(--bg-card);border-radius:var(--radius-pill);box-shadow:var(--shadow-decorative);transition:transform var(--motion-duration) var(--motion-easing);z-index:0}.template-view-toggle.raw-active:before{transform:translateX(100%)}.view-toggle-btn{position:relative;z-index:1;width:80px;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:8px 0;border:none;border-radius:var(--radius-pill);background:0 0;color:var(--text-muted);cursor:pointer;transition:color .2s ease;text-align:center;white-space:nowrap;letter-spacing:.01em}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{color:var(--text-primary)}.template-viewer-bar{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-floating);margin-bottom:16px;position:sticky;top:0;z-index:50;transition:box-shadow .2s ease,border-color .2s ease}.template-viewer-bar.scrolled{box-shadow:var(--shadow-floating);border-color:var(--text-primary)}.template-viewer-back{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;color:var(--accent-primary);text-decoration:none;white-space:nowrap}.template-viewer-back:hover{text-decoration:underline}.template-viewer-title{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.template-viewer-content{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--text-primary);overflow-x:auto;scroll-margin-top:130px}.template-viewer-content h1{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:600;margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-subtle)}.template-viewer-content h2{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.template-viewer-content h3{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-xs)}.template-viewer-content ol,.template-viewer-content p,.template-viewer-content ul{margin:0 0 var(--spacing-sm);color:var(--text-secondary);max-width:72ch}.template-viewer-content ol,.template-viewer-content ul{padding-left:var(--spacing-lg)}.template-viewer-content li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.template-viewer-content .task-list{list-style:none;padding-left:0}.template-viewer-content .task-list-item{display:flex;align-items:baseline;gap:var(--spacing-xs)}.template-viewer-content .task-list-item input[type=checkbox]{margin:0;flex-shrink:0}.template-viewer-content table{width:100%;border-collapse:collapse;margin:0 0 var(--spacing-md);font-size:var(--font-size-sm)}.template-viewer-content td,.template-viewer-content th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border:1px solid var(--border-subtle)}.template-viewer-content th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.template-viewer-content td{color:var(--text-secondary)}.template-viewer-content blockquote{margin:0 0 var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 var(--radius-inline) var(--radius-inline) 0;color:var(--text-secondary)}.template-viewer-content blockquote p:last-child{margin-bottom:0}.template-viewer-content .callout{border-radius:var(--radius-card);padding:var(--spacing-sm) var(--spacing-md)}.template-viewer-content .callout-label{text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.04em}.template-viewer-content .callout-tip{border-left-color:var(--callout-tip);background:var(--callout-tip-bg)}.template-viewer-content .callout-note{border-left-color:var(--callout-note);background:var(--callout-note-bg)}.template-viewer-content .callout-warning{border-left-color:var(--callout-warning);background:var(--callout-warning-bg)}.template-viewer-content .callout-important{border-left-color:var(--callout-important);background:var(--callout-important-bg)}.template-viewer-content .callout-caution{border-left-color:var(--callout-caution);background:var(--callout-caution-bg)}.template-viewer-content pre{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-inline);padding:var(--spacing-md);overflow-x:auto;margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);line-height:1.5}.template-viewer-content pre code{background:0 0;padding:0;border-radius:0;font-size:inherit}.template-viewer-content code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-secondary);padding:.15em .4em;border-radius:var(--radius-inline)}.template-viewer-content .mermaid{text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-media)}.template-viewer-content img{max-width:100%;height:auto;border-radius:var(--radius-media)}.template-viewer-content hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--spacing-lg) 0}.template-viewer-actions{display:flex;justify-content:center;padding:var(--spacing-md) 0}.template-viewer-actions .copy-btn{min-width:200px;padding:10px 24px;font-size:var(--font-size-base)}.template-viewer-error{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary)}.template-viewer-error p{font-family:var(--font-serif);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.template-viewer-error a{color:var(--accent-primary);font-weight:500;text-decoration:none}.template-viewer-error a:hover{text-decoration:underline}.template-viewer-loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-sm)}.template-viewer-nav{display:flex;flex-shrink:0;align-items:center;gap:8px}.template-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;padding:0;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-nav-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--accent-primary);border-color:var(--accent-primary)}.template-nav-btn:disabled{opacity:.3;cursor:default}.template-nav-counter{color:var(--text-muted);min-width:48px;white-space:nowrap}.template-nav-counter,.template-nav-input{font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:center}.template-nav-input{font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-control);width:48px;height:32px;padding:0 4px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}.template-nav-input::-webkit-inner-spin-button,.template-nav-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.template-nav-input:hover{border-color:var(--border-primary)}.template-nav-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:var(--shadow-focus);background:var(--bg-card)}.template-nav-total{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;margin-left:2px}.template-viewer-bar-bottom{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-floating);margin-bottom:var(--spacing-sm)}.template-viewer-content{position:relative;touch-action:pan-y pinch-zoom;will-change:transform,opacity}.template-viewer-content.swiping{transition:none;cursor:grabbing}.template-viewer-content.snap-back{transition:transform .25s cubic-bezier(.25,.46,.45,.94),opacity .25s cubic-bezier(.25,.46,.45,.94)}.template-viewer-content.slide-out-left{animation:slideOutLeft .2s ease-in forwards}.template-viewer-content.slide-out-right{animation:slideOutRight .2s ease-in forwards}.template-viewer-content.slide-in-left{animation:slideInLeft .25s ease-out forwards}.template-viewer-content.slide-in-right{animation:slideInRight .25s ease-out forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(60px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes edge-arrow-hint{0%{opacity:0}30%{opacity:.5}60%{opacity:.5}to{opacity:.15}}.template-edge-arrow{position:fixed;top:0;bottom:0;display:flex;align-items:center;z-index:15;cursor:pointer;opacity:.15;transition:opacity .15s ease;animation:edge-arrow-hint 1.5s ease-out .5s both}.template-raw-content{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:0;margin:0;background:0 0;border:none}.template-edge-arrow:hover{opacity:1}.template-edge-arrow.edge-prev{left:0;width:calc((100vw - 880px) / 2);min-width:120px;justify-content:flex-end;padding-right:12px}.template-edge-arrow.edge-next{right:0;width:calc((100vw - 880px) / 2);min-width:120px;justify-content:flex-start;padding-left:12px}.template-edge-arrow .edge-arrow-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:18px;box-shadow:var(--shadow-floating);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform var(--motion-duration) var(--motion-easing)}.template-edge-arrow:hover .edge-arrow-icon{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.template-edge-arrow[aria-disabled=true]{pointer-events:none;opacity:0!important}@media (max-width:640px){.template-edge-arrow{display:none}}.template-swipe-hint{position:fixed;top:50%;transform:translateY(-50%);width:28px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:16px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10;box-shadow:var(--shadow-decorative)}.template-swipe-hint.hint-prev{left:6px}.template-swipe-hint.hint-next{right:6px}.template-swipe-hint.visible{opacity:.7}.template-swipe-hint.active{opacity:1;background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}@media (prefers-reduced-motion:reduce){.template-viewer-content.slide-in-left,.template-viewer-content.slide-in-right,.template-viewer-content.slide-out-left,.template-viewer-content.slide-out-right{animation:none;opacity:1;transform:none}.template-viewer-content.snap-back{transition:none}.template-swipe-hint{display:none}.template-edge-arrow{animation:none;opacity:.15}}@media (max-width:640px){.template-viewer-bar{display:flex;flex-wrap:wrap;gap:0;padding:8px 16px;border-radius:0;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-left:none;border-right:none}.template-breadcrumb{width:100%;padding-bottom:8px;margin-bottom:8px;font-size:var(--font-size-xs);border-bottom:1px solid var(--border-subtle)}.template-view-toggle{padding:4px}.view-toggle-btn{min-height:44px;padding:8px 12px;font-size:var(--font-size-xs)}.template-viewer-nav{margin-left:auto}.template-nav-btn{width:44px;height:44px;font-size:var(--font-size-sm)}.template-nav-input{width:44px;height:44px}.template-nav-input,.template-nav-total{font-size:var(--font-size-xs)}.template-viewer-content{padding:var(--spacing-md);border-radius:var(--radius-card)}.template-viewer-content h1{font-size:var(--font-size-2xl)}.template-viewer-content h2{font-size:var(--font-size-xl)}.template-viewer-content h3{font-size:var(--font-size-lg)}.template-nav-counter{font-size:var(--font-size-xs);min-width:36px}.template-viewer-bar-bottom{padding:var(--spacing-xs) var(--spacing-sm)}.template-viewer-bar-bottom .template-nav-btn,.template-viewer-bar-bottom .template-nav-input{width:44px;height:44px}}.cta-section{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);margin:var(--spacing-section) calc(-1 * var(--spacing-lg));border-radius:var(--radius-card);background:var(--bg-secondary);border:2px solid var(--text-primary);box-shadow:var(--shadow-card-rest)}.cta-section h2{font-family:var(--font-serif);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:600;margin-bottom:var(--spacing-sm)}.cta-section p{max-width:440px;margin:0 auto var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary)}footer{text-align:center;padding:var(--spacing-2xl) 0 var(--spacing-xl);margin-top:var(--spacing-2xl)}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.footer-brand img{width:24px;height:24px;opacity:.6;transition:opacity var(--transition-base)}.footer-brand:hover img{opacity:.8}.footer-brand span{font-family:var(--font-serif);font-weight:500}.footer-brand span,footer p{font-size:var(--font-size-sm);color:var(--text-muted)}footer p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}footer a:hover{color:var(--accent-primary);text-decoration:underline}.footer-nav{margin-bottom:var(--spacing-md)}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;align-items:center}.footer-nav li{margin:0}.footer-nav a{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;padding:.25rem .5rem;border-radius:var(--radius-control);transition:color var(--transition-fast),background-color var(--transition-fast)}.footer-nav a:hover{color:var(--accent-primary);background-color:var(--accent-light)}.footer-nav .lang-switcher{margin-left:var(--spacing-xs);padding-left:var(--spacing-xs);border-left:1px solid var(--border-subtle)}.footer-nav .lang-switcher a{font-weight:500;color:var(--text-muted)}.footer-nav .lang-switcher a:hover{color:var(--accent-primary)}@media (max-width:768px){.footer-nav ul{gap:var(--spacing-xs)}.footer-nav a{font-size:.75rem;padding:.5rem .4rem;min-height:44px;display:inline-flex;align-items:center}:root{--spacing-section:4rem;--spacing-hero:5rem;--spacing-xl:2.5rem;--spacing-2xl:3rem}.container{padding:var(--spacing-md)}.coming-soon-section,.flow-section{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.coming-soon-section,.cta-section,.flow-section,.video-container{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md))}.video-container{width:calc(100% + 2 * var(--spacing-md))}header{padding:var(--spacing-sm) 0 var(--spacing-sm);text-align:left}.header-logo{justify-content:flex-start}.header-logo a{gap:var(--spacing-sm)}.logo-icon{width:36px;height:36px}.hero-tagline{font-size:var(--font-size-4xl)}.hero{display:flex;flex-direction:column;align-items:center}.hero>*{width:100%}.hero-subtitle{font-size:var(--font-size-base);order:1;margin-top:var(--spacing-xs)}.hero-ornament{order:2}.buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width:480px){:root{--spacing-section:2.5rem;--spacing-hero:4rem;--spacing-xl:2.25rem;--spacing-2xl:2.5rem}.container{padding:var(--spacing-sm)}.coming-soon-section,.flow-section,.template-viewer-bar{margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.coming-soon-section,.flow-section{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.cta-section,.video-container{margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.video-container{width:calc(100% + 2 * var(--spacing-sm))}.site-title{font-size:var(--font-size-2xl)}.hero-tagline{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}.philosophy-list,footer p{gap:var(--spacing-sm)}footer p{flex-direction:column}}@media (min-width:1600px){:root{--content-max:1080px}.hero-tagline{font-size:3.75rem}.hero-subtitle{font-size:var(--font-size-xl);max-width:600px}.site-title{font-size:var(--font-size-4xl)}.philosophy-list{max-width:900px}.flow-section .philosophy-list{max-width:1080px}.screenshot-section img{max-width:900px}.template-edge-arrow.edge-next,.template-edge-arrow.edge-prev{width:calc((100vw - 1080px) / 2)}}@media print{body{background:#fff;color:#000}.buttons,.skip-to-content{display:none}a{color:#000;text-decoration:underline}}@keyframes stagger-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger{opacity:0;animation:stagger-in .5s ease-out forwards}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.2s}.stagger-4{animation-delay:.3s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.5s}.stagger-7{animation-delay:.6s}.stagger-8{animation-delay:.7s}@media (prefers-reduced-motion:reduce){.stagger{opacity:1;animation:none;transform:none}}.welcome-hero{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-md)}.welcome-hero h2{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.welcome-hero p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin:0}.welcome-body{max-width:560px;margin:0 auto;padding:0 var(--spacing-sm)}.first-action{background:var(--surface-caution);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md)}.first-action-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;color:var(--status-warning-strong);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--spacing-xs);display:flex;align-items:center;gap:6px}.first-action-label svg{flex-shrink:0;color:var(--status-warning-strong)}.first-action h3{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs)}.first-action p{color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-xs)}.first-action .screenshot{margin:var(--spacing-sm) 0;text-align:center}.first-action .screenshot img{max-width:100%;height:auto;border-radius:var(--radius-media);border:2px solid var(--text-primary);box-shadow:var(--shadow-media);transition:transform var(--motion-duration) var(--motion-easing),box-shadow var(--motion-duration) var(--motion-easing);cursor:zoom-in}.first-action .screenshot-fallback{display:none;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-media);border:1px dashed var(--border-primary);color:var(--text-muted);font-size:var(--font-size-sm)}.first-action .subtle-note{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.welcome-cta{text-align:center;padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-xl);background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest)}.welcome-cta kbd{font-family:var(--font-mono);font-size:var(--font-size-lg);background:var(--bg-secondary);padding:4px 12px;border-radius:var(--radius-inline);border:1px solid var(--border-primary);box-shadow:var(--shadow-decorative);font-weight:600}.welcome-cta .cta-instruction{font-size:var(--font-size-xl);color:var(--text-primary);font-family:var(--font-serif);font-weight:500;margin:0 0 var(--spacing-xs)}.welcome-cta .cta-success{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.cta-success .success-marker{color:var(--status-success);font-weight:600}.ways-section{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.ways-label{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--spacing-sm)}.way-card{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xs);display:flex;gap:var(--spacing-sm);align-items:flex-start;transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}.way-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.way-content h3{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary);margin:0 0 2px}.way-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.way-content kbd{font-family:var(--font-mono);font-size:.8em;background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-inline);border:1px solid var(--border-primary);box-shadow:var(--shadow-decorative)}.welcome-details{margin-bottom:var(--spacing-xs)}.welcome-details summary{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:500;list-style:none;display:flex;align-items:center;gap:var(--spacing-xs);transition:background var(--transition-fast)}.welcome-details summary:hover{background:var(--bg-secondary)}.welcome-details summary:before{content:"\25B8";font-size:var(--font-size-sm);transition:transform var(--motion-duration) var(--motion-easing)}.welcome-details[open] summary:before{transform:rotate(90deg)}.welcome-details .detail-content{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.welcome-details .detail-content ul{list-style:none;padding:0;margin:0}.welcome-details .detail-content li{padding:4px 0}.welcome-details .detail-content li strong{color:var(--text-primary)}.icon-yes{color:var(--status-success);margin-right:4px}.icon-warn{color:var(--status-warning);margin-right:4px}.guide-section{margin:3rem 0 1rem}.guide-section>h2{font-family:var(--font-serif);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.guide-intro{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:300;color:var(--text-secondary);margin:0 0 var(--spacing-xl);line-height:var(--line-height-relaxed)}.guide-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-card{background:var(--bg-card);border:2px solid var(--text-primary);border-radius:var(--radius-card);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:var(--shadow-card-rest);transition:border-color var(--transition-fast),box-shadow var(--motion-duration) var(--motion-easing)}@media (hover:hover){.btn:hover{transform:translate(2px,3px);box-shadow:var(--shadow-action-hover)}.accordion-item:hover{transform:translate(2px,3px);box-shadow:var(--shadow-card-hover)}.first-action .screenshot img:hover,.screenshot-section img:hover{transform:translate(2px,3px);box-shadow:var(--shadow-media-hover)}.template-edge-arrow:hover .edge-arrow-icon{transform:translate(2px,3px);box-shadow:var(--shadow-decorative)}}@media (prefers-reduced-motion:reduce){.accordion-item,.btn,.coming-soon-list li,.first-action .screenshot img,.flow-item,.philosophy-item,.screenshot-section img,.template-edge-arrow .edge-arrow-icon,.workflow-list li{transform:none!important}}.guide-card h3{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.guide-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.guide-card code{font-size:var(--font-size-sm);background:var(--bg-secondary,var(--bg-card));border-radius:var(--radius-inline);padding:0 .2em}@media (prefers-color-scheme:dark){html:not([data-theme]) :is(.hero-image img,.philosophy-item,.flow-section,.flow-item,.btn,.screenshot-section img,.video-container,.accordion-item,.coming-soon-section,.coming-soon-list li,.workflow-list li,.faq-item,.template-card,.copy-btn,.template-viewer-bar,.template-viewer-content,.template-viewer-content .mermaid,.template-viewer-bar-bottom,.cta-section,.first-action,.first-action .screenshot img,.welcome-cta,.way-card,.guide-card){border-color:var(--border-card)}html:not([data-theme]) .btn-primary,html:not([data-theme]) .filter-btn.active{color:var(--text-on-accent);background:var(--accent-primary);border-color:var(--accent-primary)}html:not([data-theme]) .template-card[data-category=ai]{border-left-color:var(--category-ai)}html:not([data-theme]) .template-card[data-category=productivity]{border-left-color:var(--category-productivity)}html:not([data-theme]) .template-card[data-category=journaling]{border-left-color:var(--category-journaling)}html:not([data-theme]) .template-card[data-category=dev]{border-left-color:var(--category-dev)}html:not([data-theme]) .template-card[data-category=content]{border-left-color:var(--category-content)}html:not([data-theme]) .template-card[data-category=thinking]{border-left-color:var(--category-thinking)}html:not([data-theme]) .template-viewer-content .hljs{color:var(--syntax-text);background:var(--syntax-bg)}html:not([data-theme]) .template-viewer-content .hljs-comment,html:not([data-theme]) .template-viewer-content .hljs-quote{color:var(--syntax-comment)}html:not([data-theme]) .template-viewer-content .hljs-keyword,html:not([data-theme]) .template-viewer-content .hljs-selector-tag,html:not([data-theme]) .template-viewer-content .hljs-subst{color:var(--syntax-keyword)}html:not([data-theme]) .template-viewer-content .hljs-doctag,html:not([data-theme]) .template-viewer-content .hljs-regexp,html:not([data-theme]) .template-viewer-content .hljs-string{color:var(--syntax-string)}html:not([data-theme]) .template-viewer-content .hljs-section,html:not([data-theme]) .template-viewer-content .hljs-selector-id,html:not([data-theme]) .template-viewer-content .hljs-title{color:var(--syntax-title)}html:not([data-theme]) .template-viewer-content .hljs-literal,html:not([data-theme]) .template-viewer-content .hljs-number,html:not([data-theme]) .template-viewer-content .hljs-type{color:var(--syntax-number)}html:not([data-theme]) .template-viewer-content .hljs-attr,html:not([data-theme]) .template-viewer-content .hljs-selector-class{color:var(--syntax-attr)}html:not([data-theme]) .template-viewer-content .hljs-built_in,html:not([data-theme]) .template-viewer-content .hljs-template-variable,html:not([data-theme]) .template-viewer-content .hljs-variable{color:var(--syntax-built-in)}}