@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-container{position:fixed;bottom:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 40px #0000004d;animation:slideInRight .3s ease-out;pointer-events:auto;min-width:300px;max-width:100%}.toast-error{background:#ef4444;color:#fff}.toast-success{background:#10b981;color:#fff}.toast-info{background:#06b6d4;color:#fff}.toast-message{flex:1;line-height:1.5;font-size:.95rem}.toast-action{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toast-action:hover{background:#ffffff4d;transform:translateY(-1px)}.toast-dismiss{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.toast-dismiss:hover{opacity:1}.toast-dismiss:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:4px}@media(max-width:640px){.toast-container{bottom:20px;right:20px;left:20px;max-width:none}.toast{min-width:auto;width:100%}}.language-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border-dark, rgba(148, 163, 184, .35));border-radius:999px;flex-shrink:0}.language-switcher-btn{min-width:36px;min-height:32px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.language-switcher-btn.is-active{background:var(--primary-dark);color:var(--on-primary)}.language-switcher-btn:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.ss-lang{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--ss-hairline, rgba(244, 242, 238, .16));border-radius:999px}.ss-lang-btn{min-width:36px;min-height:32px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--ss-muted, #8a8a8f);font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.ss-lang-btn[aria-pressed=true]{background:var(--ss-accent, #c2683a);color:var(--ss-on-accent, #f4f2ee)}.feedback-button{position:fixed;bottom:30px;left:30px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #06b6d4),var(--accent-color, #0891b2));border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 16px #06b6d466;z-index:9999;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.feedback-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #06b6d499}.feedback-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.feedback-modal{background:var(--bg-card, #1e293b);border-radius:12px;padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.feedback-header h3{margin:0;color:var(--text-light, #f8fafc)}.feedback-close{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.feedback-close:hover{background:var(--bg-elevated, rgba(30, 41, 59, .5));color:var(--text-light, #f8fafc)}.feedback-type-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.feedback-type-selector label{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated, rgba(30, 41, 59, .5));border:2px solid var(--border-dark, rgba(255, 255, 255, .1));border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-light, #f8fafc)}.feedback-type-selector label:hover{border-color:var(--primary-color, #06b6d4)}.feedback-type-selector input[type=radio]{margin:0}.feedback-type-selector input[type=radio]:checked+span,.feedback-type-selector label:has(input[type=radio]:checked){border-color:var(--primary-color, #06b6d4);background:#06b6d41a}.feedback-form .form-group{margin-bottom:var(--spacing-lg)}.feedback-form label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-light, #f8fafc);font-weight:500}.feedback-form textarea,.feedback-form input[type=email]{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated, rgba(30, 41, 59, .5));border:1px solid var(--border-dark, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-light, #f8fafc);font-size:.95rem}.feedback-form textarea:focus,.feedback-form input[type=email]:focus{outline:none;border-color:var(--primary-color, #06b6d4);box-shadow:0 0 0 3px #06b6d41a}.feedback-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.feedback-mailto{margin:12px 0 0;font-size:.85rem;color:var(--text-muted, #94a3b8)}.feedback-mailto a{color:var(--primary-light, #22d3ee)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.feedback-button{bottom:20px;left:20px;width:48px;height:48px;font-size:1.25rem}.feedback-modal{padding:var(--spacing-md);width:95%}}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border-dark);padding:1rem 0;position:sticky;top:0;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.site-header.scrolled{background:color-mix(in srgb,var(--bg-card) 96%,transparent);box-shadow:var(--shadow-md);border-bottom-color:var(--border-dark)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;position:relative}@media(min-width:640px){.header-container{padding:0 var(--spacing-lg)}}@media(min-width:1024px){.header-container{padding:0 var(--spacing-xl)}}.logo{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:800;color:var(--text-light);transition:all .2s ease;z-index:1001;min-height:44px}.logo:hover{transform:translateY(-2px)}.logo:focus{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:4px}.logo-icon{font-size:2rem;color:var(--primary-light);animation:float 3s ease-in-out infinite}.logo-text{color:var(--primary-light);font-weight:800}.desktop-nav,.header-language-switcher--desktop,.header-theme-switcher--desktop{display:none}@media(min-width:1024px){.desktop-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header-language-switcher--desktop,.header-theme-switcher--desktop{display:inline-flex;margin-left:12px}}.header-language-switcher--mobile,.header-theme-switcher--mobile{margin:8px 16px 16px;align-self:flex-start}.nav-link{color:var(--text-medium);text-decoration:none;font-weight:500;transition:all .2s ease;position:relative;padding:8px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.nav-link:hover,.nav-link:focus{color:var(--primary-color);outline:none}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary-color)}.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:4px}.nav-link-button{background:none;border:none;cursor:pointer;font:inherit;padding:0}.user-name{color:var(--text-medium);font-size:.9rem;font-weight:500;padding:8px 16px;background:color-mix(in srgb,var(--primary-color) 12%,transparent);border-radius:20px;border:1px solid color-mix(in srgb,var(--primary-color) 25%,transparent)}.site-header .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;width:44px;height:44px;min-width:44px;min-height:44px;color:var(--text-light);background:transparent;border:none;cursor:pointer;padding:10px;z-index:1001;transition:color .2s ease}@media(min-width:1024px){.site-header .mobile-menu-toggle{display:none}}.site-header .mobile-menu-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:4px}.site-header .mobile-menu-toggle span{display:block;width:100%;height:3px;background:currentColor;border-radius:3px;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.site-header .mobile-menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.site-header .mobile-menu-toggle.open span:nth-child(2){opacity:0}.site-header .mobile-menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-header-mobile-nav{display:block;position:fixed;inset:0;background:var(--bg-dark);padding:80px var(--spacing-lg) var(--spacing-lg);overflow-y:auto;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl);pointer-events:none}@media(min-width:640px){.site-header-mobile-nav{padding:80px var(--spacing-xl) var(--spacing-xl)}}@media(min-width:1024px){.site-header-mobile-nav{display:none}}.site-header-mobile-nav.open{transform:translate(0);pointer-events:auto}.site-header-mobile-nav[aria-hidden=true]{visibility:hidden}.mobile-user-info{padding:var(--spacing-lg);background:var(--bg-card);border-radius:12px;margin-bottom:var(--spacing-lg);border:1px solid var(--border-dark)}.mobile-user-info .user-name{display:block;font-size:1.1rem;font-weight:600;color:var(--text-light);margin-bottom:var(--spacing-xs);background:none;border:none;padding:0}.mobile-user-info .user-email{display:block;font-size:.9rem;color:var(--text-muted)}.mobile-nav-link{display:block;padding:var(--spacing-lg);color:var(--text-medium);text-decoration:none;font-weight:500;border-radius:12px;margin-bottom:var(--spacing-sm);transition:all .2s ease;background:var(--bg-card);border:1px solid var(--border-dark)}.mobile-nav-link:hover,.mobile-nav-link:focus{background:var(--bg-elevated);color:var(--primary-color);border-color:var(--primary-color);outline:none}.mobile-nav-link.active{background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-card));color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-dark))}.site-header-mobile-nav .mobile-nav-link.mobile-cta{background:var(--primary-gradient);color:var(--on-primary);border:none;font-weight:600;margin-top:var(--spacing-lg)}.mobile-nav-link.mobile-cta:hover,.mobile-nav-link.mobile-cta:focus{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mobile-nav-link.mobile-logout{background:color-mix(in srgb,var(--danger-color) 12%,var(--bg-card));color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 30%,var(--border-dark));margin-top:var(--spacing-lg)}.mobile-nav-link.mobile-logout:hover,.mobile-nav-link.mobile-logout:focus{background:color-mix(in srgb,var(--danger-color) 20%,var(--bg-card));border-color:var(--danger-color)}.mobile-nav-link{min-height:44px;display:flex;align-items:center;padding:var(--spacing-md)}.logo-icon{font-size:clamp(1.5rem,3vw + .5rem,2rem);display:inline-flex;align-items:center;line-height:1}.logo-mark{display:block;width:1em;height:1em}.site-footer{background:var(--bg-dark);border-top:1px solid var(--border-dark);margin-top:auto;padding:48px 0 24px;color:var(--text-medium)}.footer-container{max-width:1400px;margin:0 auto;padding:0 32px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:32px}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:32px}}.footer-brand .logo{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;margin-bottom:16px;text-decoration:none;color:inherit}.footer-brand .logo-icon{font-size:1.5rem;display:inline-flex;align-items:center;color:var(--primary-light);width:24px;height:24px}.footer-brand .logo-text{color:var(--primary-light);font-weight:700}.footer-tagline{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}@media(max-width:768px){.footer-links{grid-template-columns:repeat(2,1fr)}}.footer-column{display:flex;flex-direction:column}.footer-column .footer-heading,.footer-column h4{font-size:.9rem;font-weight:600;color:var(--text-light);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.footer-column a{color:var(--text-medium);text-decoration:none;font-size:.9rem;margin-bottom:8px;transition:color .2s ease;min-height:32px;display:flex;align-items:center}.footer-column a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--border-dark);padding-top:24px;text-align:center}.footer-copyright,.footer-bottom p{color:var(--text-muted);font-size:.85rem;margin:0}.footer-social{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--text-medium);text-decoration:none;transition:all .2s ease}.footer-social a:hover{color:var(--primary-light)}.gl-section{background:transparent;padding:var(--space-5xl, 100px) 0;scroll-margin-top:130px}#templates{scroll-margin-top:130px}.gl-inner{max-width:1040px;margin:0 auto;padding:0 var(--space-lg, 24px)}.gl-header{text-align:center;margin-bottom:var(--space-3xl, 64px);max-width:36rem;margin-left:auto;margin-right:auto}.gl-header h2{font-family:var(--font-display, "Outfit", sans-serif);color:var(--ink, #1c140f);font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:800;margin:0 0 var(--space-md, 16px);letter-spacing:-.02em}.gl-header p{color:var(--text-secondary, #5c4a3d);font-size:1.05rem;margin:0}.gl-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3xl, 64px)}.gl-tab{padding:8px 16px;min-height:40px;background:var(--surface, #fff);color:var(--text-secondary, #5c4a3d);border:1.5px solid var(--border, #f0d7b5);border-radius:50px;font-family:var(--font-display, "Outfit", sans-serif);font-size:.9rem;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.gl-tab:hover{border-color:var(--accent, #e87b1e);color:var(--accent-deep, #c45a0a);transform:translateY(-1px)}.gl-tab:focus-visible{outline:2px solid var(--accent, #e87b1e);outline-offset:2px}.gl-tab--active{background:var(--ink, #1c140f);border-color:var(--ink, #1c140f);color:#fff8ef;box-shadow:0 4px 14px #1c140f29}.gl-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.gl-grid::-webkit-scrollbar{height:5px}.gl-grid::-webkit-scrollbar-track{background:transparent}.gl-grid::-webkit-scrollbar-thumb{background:var(--border, #f0d7b5);border-radius:3px}.gl-card{display:flex;flex-direction:column;min-width:min(100%,270px);flex-shrink:0;background:var(--surface, #fff);border:1.5px solid var(--border, #f0d7b5);border-radius:18px;overflow:hidden;color:inherit;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .18s ease;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 2px 10px #1c140f0d;animation:glCardIn .48s cubic-bezier(.22,1,.36,1) both}.gl-card-example{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;cursor:pointer}.gl-card-example:focus-visible{outline:2px solid var(--accent, #e87b1e);outline-offset:-2px}.gl-card-use{display:block;padding:10px 16px 14px;font-family:var(--font-display, "Outfit", sans-serif);font-size:.82rem;font-weight:700;color:var(--text-secondary, #5c4a3d);text-decoration:none;text-align:center;border-top:1px solid var(--border, #f0d7b5);margin-top:auto;transition:color .18s ease,background .18s ease}.gl-card-use:hover{color:var(--accent-deep, #c45a0a);background:var(--accent-soft, #fff1de)}.gl-card-use:focus-visible{outline:2px solid var(--accent, #e87b1e);outline-offset:-2px}@keyframes glCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.gl-card:hover{border-color:var(--accent, #e87b1e);transform:translateY(-5px);box-shadow:0 14px 34px #1c140f1f}.gl-card:hover .gl-section-block{opacity:.55}.gl-card:hover .gl-card-cta span{gap:6px;letter-spacing:.01em}.gl-card:focus-within{border-color:var(--accent, #e87b1e);box-shadow:0 0 0 3px #e87b1e26}.gl-card--selected{border-color:var(--accent, #e87b1e);box-shadow:0 0 0 3px #e87b1e33}.gl-card-preview{background:linear-gradient(160deg,#fff1de,#ffe8c8);padding:16px;min-height:130px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border, #f0d7b5)}.gl-sections{display:flex;flex-direction:column;gap:3px;width:100%;max-width:160px}.gl-section-block{border-radius:3px;height:12px;background:var(--accent, #e87b1e);opacity:.35;transition:opacity .22s ease}.gl-card-emoji-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gl-card-emoji{font-size:2.5rem}.gl-card-info{padding:14px 16px;flex:1}.gl-card-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:1rem;font-weight:800;color:var(--ink, #1c140f);margin:0 0 4px}.gl-card-desc{font-size:.85rem;color:var(--text-secondary, #5c4a3d);margin:0 0 10px;font-weight:600}.gl-card-tags{display:flex;flex-wrap:wrap;gap:4px}.gl-tag{background:var(--accent-soft, #fff1de);color:var(--accent-deep, #c45a0a);padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:700;border:1px solid var(--border, #f0d7b5)}.gl-card-cta{padding:0 16px 14px}.gl-card-cta span{display:block;font-family:var(--font-display, "Outfit", sans-serif);font-size:.85rem;font-weight:700;color:var(--accent-deep, #c45a0a);transition:letter-spacing .18s ease}.gl-footer{text-align:center;padding-top:var(--space-2xl, 48px)}.gl-see-all{color:var(--sp-accent-deep, var(--accent-deep, #c45a0a));font-family:var(--font-display, "Outfit", sans-serif);font-weight:700;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease}.gl-see-all:hover{gap:8px}.gl-see-all:focus-visible{outline:2px solid var(--sp-accent, var(--accent, #e87b1e));outline-offset:3px;border-radius:4px}.gl-live{margin-top:var(--space-3xl, 64px);padding:var(--space-xl, 32px);border-radius:22px;border:1.5px solid var(--sp-border, var(--border, #f0d7b5));background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(244,162,97,.16),transparent 55%),var(--sp-surface, var(--surface, #fff));box-shadow:0 8px 28px #1c140f0d}.gl-live-header{text-align:center;max-width:34rem;margin:0 auto 24px}.gl-live-header h3{font-family:var(--font-display, "Outfit", sans-serif);font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:800;margin:0 0 8px;color:var(--sp-ink, var(--ink, #1c140f));letter-spacing:-.02em}.gl-live-header p:last-child{margin:0;color:var(--sp-muted, var(--text-secondary, #5c4a3d));font-weight:600;font-size:.98rem}.gl-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.gl-live-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--sp-border, var(--border, #f0d7b5));background:var(--sp-bg, #fff8ef);text-decoration:none;color:inherit;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .22s ease}.gl-live-card:hover{transform:translateY(-3px);border-color:var(--sp-accent, var(--accent, #e87b1e));box-shadow:0 10px 24px #1c140f14}.gl-live-card:focus-visible{outline:2px solid var(--sp-accent, var(--accent, #e87b1e));outline-offset:2px}.gl-live-emoji{font-size:1.35rem;line-height:1;margin-bottom:4px}.gl-live-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:.95rem;font-weight:800;color:var(--sp-ink, var(--ink, #1c140f))}.gl-live-meta{font-size:.75rem;font-weight:700;color:var(--sp-muted, var(--text-secondary, #5c4a3d));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:639px){.gl-grid{margin-left:calc(-1 * var(--space-lg, 24px));margin-right:calc(-1 * var(--space-lg, 24px));padding-left:var(--space-lg, 24px);padding-right:var(--space-lg, 24px)}}@media(prefers-reduced-motion:reduce){.gl-card,.gl-tab,.gl-see-all,.gl-section-block,.gl-card-cta span,.gl-live-card{transition:none;animation:none}.gl-card:hover,.gl-tab:hover,.gl-live-card:hover{transform:none}}.hero-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-ambient-media{position:absolute;inset:0}.hero-ambient-video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.06);will-change:auto}@keyframes captionSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-ambient-veil{position:absolute;inset:0;background:linear-gradient(105deg,#142428eb,#142428d1 32%,#14242873,#2a1f1859 78%,#2a1f1880),radial-gradient(ellipse 70% 80% at 70% 50%,transparent 20%,rgba(20,36,40,.5) 100%)}.hero-ambient-grain{position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 3px);pointer-events:none}.hero-ambient-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:12px;padding:24px clamp(16px,4vw,40px) 28px;pointer-events:auto;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:1024px){.hero-ambient-ui{align-items:flex-end;padding-bottom:40px}.hero-ambient-caption,.hero-ambient-controls,.hero-story-cats{max-width:min(420px,42vw);width:100%}}.hero-story-cats{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}@media(min-width:1024px){.hero-story-cats{justify-content:flex-end}}.hero-story-cat{padding:7px 14px;min-height:36px;border-radius:999px;border:1.5px solid rgba(245,217,184,.35);background:#142428b8;color:#f5d9b8;font-family:Outfit,system-ui,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.hero-story-cat:hover{border-color:#f4a261;color:#fffaf3;transform:translateY(-1px)}.hero-story-cat:focus-visible{outline:2px solid #f4a261;outline-offset:2px}.hero-story-cat--active{background:#fffaf3f2;border-color:#fffaf3;color:#1c140f}.hero-ambient-caption{padding:12px 14px;border-radius:14px;background:#142428c7;border:1px solid rgba(245,217,184,.18);text-align:left;animation:captionSwap .38s cubic-bezier(.22,1,.36,1) both}.hero-story-phase{display:inline-block;font-family:Outfit,system-ui,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4a261;margin-bottom:4px}.hero-story-caption{margin:0;font-family:Nunito,system-ui,sans-serif;font-size:.9rem;line-height:1.45;color:#fffaf3;font-weight:600}.hero-ambient-controls{display:flex;align-items:center;gap:10px}.hero-story-play{flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;border:1.5px solid rgba(245,217,184,.35);border-radius:10px;background:#142428b8;color:#f5d9b8;cursor:pointer;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.hero-story-play:hover:not(:disabled){border-color:#f4a261;color:#fffaf3}.hero-story-play:focus-visible{outline:2px solid #f4a261;outline-offset:2px}.hero-story-play:disabled{opacity:.45;cursor:not-allowed}.hero-story-progress{flex:1;height:4px;background:#f5d9b833;border-radius:999px;overflow:hidden}.hero-story-progress span{display:block;height:100%;background:linear-gradient(90deg,#f4a261,#e87b1e);border-radius:inherit;transition:width .15s linear}.hero-story-badge{flex-shrink:0;font-family:Outfit,system-ui,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c4a484}@media(prefers-reduced-motion:reduce){.hero-ambient-video{transform:none;animation:none}.hero-ambient-caption{animation:none}.hero-story-cat:hover{transform:none}.hero-story-progress span{transition:none}}.labor-extras{max-width:36rem;margin:var(--space-xl, 1.75rem) auto 0;padding:1.25rem 1.35rem 1.35rem;text-align:left;border:1px solid var(--border, rgba(15, 23, 42, .12));border-radius:12px;background:var(--surface, transparent)}.labor-extras--compact{margin-top:1.25rem;padding:1rem 1.1rem}.labor-extras-kicker{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #64748b);font-family:inherit;line-height:1.35}.labor-extras-lead{margin:0 0 .85rem;font-size:.95rem;line-height:1.5;color:var(--text-primary, inherit)}.labor-extras-list{margin:0 0 .9rem;padding-left:1.15rem;font-size:.9rem;line-height:1.55;color:var(--text-secondary, #64748b)}.labor-extras-list li+li{margin-top:.4rem}.labor-extras-cta{font-size:.9rem;font-weight:600;color:var(--accent-deep, #0f766e)}.labor-extras-cta:focus-visible{outline:2px solid var(--accent, #0d9488);outline-offset:3px}.labor-extras-cta-secondary{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary, #64748b)}.landing-page{--bg: #fff8ef;--bg-deep: #ffe8c8;--surface: #ffffff;--ink: #1c140f;--text: #1c140f;--text-secondary: #5c4a3d;--border: #f0d7b5;--accent: #e87b1e;--accent-deep: #c45a0a;--accent-soft: #fff1de;--teal: #0f766e;--teal-soft: #d5f5f0;--rose: #c2410c;--rose-soft: #ffedd5;--success: #15803d;--hero-bg: #142428;--hero-glow: #f4a261;--hero-text: #fffaf3;--hero-text-secondary: #f5d9b8;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 88px;--space-5xl: 112px;--radius-sm: 10px;--radius: 16px;--radius-lg: 20px;--shadow-sm: 0 1px 6px rgba(28, 20, 15, .04);--shadow: 0 8px 28px rgba(28, 20, 15, .07);--shadow-lift: 0 14px 36px rgba(28, 20, 15, .1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .56s;background:radial-gradient(ellipse 70% 42% at 8% 0%,rgba(251,191,36,.1),transparent 52%),radial-gradient(ellipse 45% 38% at 100% 12%,rgba(15,118,110,.05),transparent 48%),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65;overflow-x:clip}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em}.landing-page .landing-hero h1,.landing-page .final-cta h2,.landing-page .purpose-section h2{color:var(--hero-text)}.landing-hero{position:relative;color:var(--hero-text);padding:var(--space-4xl) var(--space-lg) calc(var(--space-5xl) + 100px);min-height:100vh;display:flex;align-items:center;isolation:isolate;overflow:hidden}.landing-hero--ambient{background:#142428}.hero-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-3xl);width:100%;pointer-events:none}.hero-content .hero-text,.hero-content a,.hero-content button{pointer-events:auto}@media(min-width:1024px){.hero-content{grid-template-columns:minmax(0,34rem) 1fr;gap:var(--space-4xl);align-items:center}}.hero-text{max-width:34rem}.hero-brand{font-family:var(--font-display);font-size:clamp(2.75rem,6.5vw,4rem);font-weight:800;letter-spacing:-.035em;margin:0 0 var(--space-xl);line-height:.98;color:var(--hero-glow);text-shadow:0 1px 16px rgba(244,162,97,.25)}.hero-headline{font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:600;margin:0 0 var(--space-md);line-height:1.35;color:var(--hero-text);max-width:28ch;text-shadow:0 1px 12px rgba(20,36,40,.45)}.hero-headline-soft{display:inline;font-weight:500;color:var(--hero-text-secondary)}.hero-subtitle{font-size:1.1rem;margin:0 0 var(--space-2xl);line-height:1.65;color:var(--hero-text-secondary);max-width:38ch;text-shadow:0 1px 10px rgba(20,36,40,.4)}.hero-cta-row{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:640px){.hero-cta-row{flex-direction:row;align-items:center}}.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--accent);color:#fffaf3;padding:14px 28px;min-height:48px;border:none;border-radius:999px;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px #e87b1e59;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease,box-shadow var(--dur-fast) ease;white-space:nowrap}.btn-primary-large:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 14px 32px #e87b1e6b}.btn-primary-large:active{transform:translateY(0)}.btn-primary-large:focus-visible{outline:2px solid #fffaf3;outline-offset:3px}.btn-secondary-large{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--hero-text);padding:14px 28px;min-height:48px;border:1.5px solid rgba(245,217,184,.55);border-radius:999px;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;background:#fffaf30f;text-decoration:none;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out);white-space:nowrap}.btn-secondary-large:hover{border-color:var(--hero-glow);background:#fffaf31f;transform:translateY(-1px)}.btn-secondary-large:focus-visible{outline:2px solid var(--hero-glow);outline-offset:3px}.jump-nav{position:sticky;top:76px;z-index:40;display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;padding:var(--space-md) var(--space-lg);background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 2px 12px #1c140f08}.jump-chip{padding:8px 16px;min-height:40px;border-radius:999px;font-family:var(--font-display);font-size:.9rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}.jump-chip--gallery{border-color:#c2683a73;color:var(--accent-deep)}.jump-chip:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-1px)}.jump-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jump-chip--active{background:var(--ink);border-color:var(--ink);color:#fff8ef;box-shadow:0 4px 14px #1c140f2e}.trust-strip{padding:var(--space-xl) 0;border-bottom:1px solid var(--border);background:var(--surface)}.trust-strip-inner{max-width:1000px;margin:0 auto;padding:0 var(--space-lg);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg) var(--space-2xl)}.trust-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.95rem;font-weight:700}.trust-item .trust-icon{color:var(--success);font-size:1rem}.section-inner{max-width:1040px;margin:0 auto;padding:0 var(--space-lg)}.section-header{text-align:center;margin-bottom:var(--space-4xl);max-width:40rem;margin-left:auto;margin-right:auto}.section-header h2{font-size:clamp(1.85rem,3.4vw,2.55rem);font-weight:800;margin:0 0 var(--space-lg);line-height:1.15}.section-header p{font-size:1.08rem;color:var(--text-secondary);margin:0;line-height:1.7}.section-kicker{display:inline-block;margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}.section-kicker--on-dark{color:var(--hero-glow)}#templates,#pricing,#how-it-works,#stories,#purpose{scroll-margin-top:130px}.stories-section{padding:var(--space-5xl) 0}.stories-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.stories-grid{grid-template-columns:repeat(3,1fr)}}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-xl) var(--space-2xl);text-align:left;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur-fast) ease;position:relative}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.story-card--food:before{background:var(--accent)}.story-card--service:before{background:var(--teal)}.story-card--pro:before{background:var(--accent-deep)}.story-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#e87b1e59}.story-card-head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.story-icon{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);border:1px solid var(--border)}.story-icon-svg{width:30px;height:30px;display:block}.story-feeling{margin:0 0 var(--space-lg);font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--accent-deep);letter-spacing:.03em;text-transform:uppercase}.story-card--service .story-feeling{color:var(--teal)}.story-card--pro .story-feeling{color:#be185d}.story-who{margin:0;display:flex;flex-direction:column;gap:2px}.story-name{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--ink);line-height:1.1}.story-place{font-size:.85rem;color:var(--text-secondary);font-weight:600}.story-arc{display:flex;flex-direction:column;gap:var(--space-md)}.story-normal,.story-explosion,.story-new-normal{margin:0;font-size:.94rem;line-height:1.6;color:var(--text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);transition:background var(--dur-fast) ease}.story-normal{background:#faf6ef}.story-explosion{background:var(--accent-soft);border-left:3px solid var(--accent)}.story-new-normal{background:#f0fdf6;border-left:3px solid var(--success)}.story-arc-label{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.story-explosion .story-arc-label{color:var(--accent-deep)}.story-new-normal .story-arc-label{color:var(--success)}.purpose-section{position:relative;padding:var(--space-5xl) 0;background:linear-gradient(155deg,var(--hero-bg) 0%,#243b42 100%);color:var(--hero-text);overflow:hidden}.purpose-section:after{display:none}.purpose-sun{position:absolute;top:10%;right:8%;width:88px;height:88px;z-index:1;pointer-events:none;opacity:.35;animation:purposeSunSpin 90s linear infinite}@keyframes purposeSunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.purpose-sun{animation:none}}.purpose-inner{position:relative;z-index:1;max-width:680px;text-align:left}.purpose-section h2{font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;margin:0 0 var(--space-lg);max-width:18ch}.purpose-lead{font-size:1.15rem;line-height:1.75;color:var(--hero-text-secondary);margin:0 0 var(--space-xl)}.purpose-founder{margin:0;padding:var(--space-lg);border-radius:var(--radius);background:#fffaf31a;border:1px solid rgba(245,217,184,.25);font-size:1rem;line-height:1.65;color:var(--hero-text-secondary);transition:border-color var(--dur) ease,background var(--dur) ease}.purpose-founder:hover{background:#fffaf31c;border-color:#f4a26166}.purpose-founder-label{display:block;font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-glow);margin-bottom:8px}.how-section{padding:var(--space-5xl) 0;background:#ffe8c838}.how-arc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-xl);counter-reset:none}@media(min-width:900px){.how-arc{grid-template-columns:repeat(3,1fr);gap:var(--space-lg);align-items:stretch}}.how-arc-step{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur-fast) ease}.how-arc-step:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#e87b1e4d}.how-arc-marker{margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.how-arc-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--border);flex-shrink:0}.how-arc-icon-svg{width:34px;height:34px;display:block}.how-arc-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--accent-deep);transition:transform var(--dur) var(--ease-out),background var(--dur-fast) ease}.how-arc-step:hover .how-arc-num{transform:scale(1.06);background:bisque}.how-arc-phase{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}.how-arc-step h3{font-size:1.2rem;font-weight:800;margin:0 0 var(--space-sm)}.how-arc-step>p:last-child{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.65}@media(min-width:900px){.how-arc-step:not(:last-child):after{content:"";position:absolute;top:28px;right:calc(-1 * var(--space-lg) / 2 - 6px);width:var(--space-lg);height:2px;background:linear-gradient(90deg,var(--accent),transparent);pointer-events:none;transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur) ease}.landing-page--motion .how-arc:not(.is-revealed) .how-arc-step:not(:last-child):after{transform:scaleX(0);opacity:0}.landing-page--motion .how-arc.is-revealed .how-arc-step:not(:last-child):after{transform:scaleX(1);opacity:1}}.pricing-section{padding:var(--space-5xl) 0}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:920px;margin:0 auto}.pricing-grid--simple{max-width:1040px}@media(min-width:768px){.pricing-grid,.pricing-grid--simple{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:border-color var(--dur-fast) ease,transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);position:relative;box-shadow:var(--shadow-sm)}.pricing-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.pricing-card.featured{background:linear-gradient(165deg,#1c140f,#2a2118);border-color:var(--ink);color:#fff8ef;box-shadow:var(--shadow)}.pricing-card.featured:hover{box-shadow:var(--shadow-lift)}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fffaf3;padding:4px 14px;border-radius:999px;font-family:var(--font-display);font-size:.75rem;font-weight:800;box-shadow:0 4px 12px #e87b1e59}.pricing-tier-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.06em}.pricing-card.featured .pricing-tier-name{color:#fff8efb3}.pricing-price{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--ink);margin:0 0 var(--space-xs)}.pricing-card.featured .pricing-price{color:#fff8ef}.pricing-price .currency{font-size:1.1rem;vertical-align:super}.pricing-price .period{font-size:.9rem;color:var(--text-secondary);font-weight:600}.pricing-card.featured .pricing-price .period{color:#fff8efa6}.pricing-tagline{font-size:.95rem;color:var(--text-secondary);margin:0 0 var(--space-lg);font-weight:600}.pricing-card.featured .pricing-tagline{color:#fff8efbf}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-lg);text-align:left}.pricing-features li{padding:var(--space-sm) 0;font-size:.92rem;color:var(--text);display:flex;align-items:flex-start;gap:var(--space-sm);font-weight:600}.pricing-card.featured .pricing-features li{color:#fff8ef}.pricing-features li:before{content:"✓";color:var(--success);font-weight:800;flex-shrink:0}.pricing-btn{display:block;width:100%;padding:12px 16px;border-radius:999px;font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);text-decoration:none;text-align:center;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.pricing-btn:hover{transform:translateY(-1px)}.pricing-btn-primary{background:var(--accent);color:#fffaf3;border-color:var(--accent)}.pricing-btn-primary:hover{background:var(--accent-deep)}.pricing-btn-secondary{background:transparent;color:var(--accent-deep);border-color:var(--border)}.pricing-btn-secondary:hover{border-color:var(--accent)}.pricing-pro-note{text-align:center;margin-top:var(--space-xl);font-size:.95rem;color:var(--text-secondary)}.pricing-pro-name{font-weight:700;color:var(--text-primary, var(--ink))}.pricing-trial-note{text-align:center;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-top:var(--space-md)}.final-cta{position:relative;padding:var(--space-5xl) var(--space-lg);text-align:center;background:linear-gradient(165deg,var(--hero-bg) 0%,#2a1f18 100%);color:var(--hero-text);overflow:hidden}.final-cta:before{display:none}.final-cta-inner{position:relative;z-index:1;max-width:620px;margin:0 auto}.final-cta h2{font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:800;margin:0 0 var(--space-md)}.final-cta p{font-size:1.1rem;color:var(--hero-text-secondary);margin:0 0 var(--space-2xl);line-height:1.65}.final-cta .btn-primary-large{background:#fffaf3;color:var(--ink);box-shadow:0 8px 24px #0003}.final-cta .btn-primary-large:hover{background:#ffe8c8;color:var(--ink)}.final-cta-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl)}.final-cta-trust span{color:var(--hero-text-secondary);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.final-cta-trust .trust-icon{color:#4ade80}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-enter{animation:heroRise var(--dur-slow) var(--ease-out) both}.hero-enter--1{animation-delay:.05s}.hero-enter--2{animation-delay:.16s}.hero-enter--3{animation-delay:.28s}.hero-enter--4{animation-delay:.4s}.landing-page--motion [data-reveal]{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.landing-page--motion [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(1.15rem)}.landing-page--motion [data-reveal].is-revealed{opacity:1;transform:none}.landing-page--motion [data-reveal-stagger]:not(.is-revealed)>*{opacity:0;transform:translateY(1rem)}.landing-page--motion [data-reveal-stagger]>*{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.landing-page--motion [data-reveal-stagger].is-revealed>*:nth-child(1){transition-delay:.04s}.landing-page--motion [data-reveal-stagger].is-revealed>*:nth-child(2){transition-delay:.12s}.landing-page--motion [data-reveal-stagger].is-revealed>*:nth-child(3){transition-delay:.2s}.landing-page--motion [data-reveal-stagger].is-revealed>*:nth-child(4){transition-delay:.28s}.landing-page--motion [data-reveal-stagger].is-revealed>*{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.jump-nav{position:static}.hero-enter{animation:none!important}.btn-primary-large,.btn-secondary-large,.jump-chip,.story-card,.how-arc-step,.pricing-card,.pricing-btn{transition:none}.btn-primary-large:hover,.btn-secondary-large:hover,.jump-chip:hover,.story-card:hover,.how-arc-step:hover,.pricing-card:hover,.pricing-btn:hover{transform:none}.landing-page--motion [data-reveal],.landing-page--motion [data-reveal-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}.auth-page{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(ellipse 70% 50% at 10% 0%,rgba(251,191,36,.2),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(15,118,110,.12),transparent 50%),#fff8ef;overflow-x:clip;font-family:Nunito,system-ui,sans-serif;color:#1c140f}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}@media(max-width:500px){.auth-container{padding:32px 16px}.auth-card{padding:24px}}.auth-card{width:100%;max-width:450px;background:#fff;border:1.5px solid #f0d7b5;border-radius:18px;padding:48px 32px;box-shadow:0 12px 40px #1c140f14;animation:fadeIn .3s ease-out}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-family:Outfit,system-ui,sans-serif;font-size:1.6rem;margin:0 0 8px;color:#1c140f;font-weight:800;letter-spacing:-.02em}.auth-header p{margin:0;color:#5c4a3d;font-size:.95rem;font-weight:600}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#1c140f;font-size:.9rem;font-weight:700;font-family:Outfit,system-ui,sans-serif}.form-input,.form-select{width:100%;padding:12px 16px;background:#fff8ef;border:1.5px solid #f0d7b5;border-radius:12px;color:#1c140f;font-size:1rem;font-family:Nunito,system-ui,sans-serif;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#e87b1e;box-shadow:0 0 0 3px #e87b1e26;background:#fff}.form-input::placeholder{color:#a89080}.form-hint{display:block;margin-top:6px;font-size:.8rem;color:#5c4a3d;font-weight:600}.turnstile-widget{min-height:65px}.form-error{display:block;margin-top:6px;font-size:.85rem;color:#b91c1c;font-weight:600}.auth-page .btn-primary{width:100%;padding:12px 16px;background:#e87b1e;color:#fffaf3;border:none;border-radius:999px;font-size:.95rem;font-weight:700;font-family:Outfit,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;min-height:48px;box-shadow:0 8px 22px #e87b1e4d}.auth-page .btn-primary:hover{background:#c45a0a}.auth-page .btn-primary:focus-visible{outline:2px solid #e87b1e;outline-offset:2px}.auth-page .btn-primary:disabled{background:#d6c4b0;cursor:not-allowed;opacity:.7;box-shadow:none}.auth-page .btn-secondary{width:100%;padding:12px 16px;background:transparent;color:#c45a0a;border:1.5px solid #f0d7b5;border-radius:999px;font-size:.95rem;font-weight:700;font-family:Outfit,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;min-height:48px}.auth-page .btn-secondary:hover{border-color:#e87b1e;background:#fff1de}.auth-page .btn-secondary:focus-visible{outline:1px solid #e87b1e;outline-offset:2px}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#f0d7b5}.divider span{padding:0 12px;color:#5c4a3d;font-size:.85rem;font-weight:600}.oauth-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fff;color:#1c140f;border:1.5px solid #f0d7b5;border-radius:999px;font-size:.9rem;font-weight:700;font-family:Outfit,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;min-height:48px;margin-bottom:12px}.oauth-button:hover{border-color:#e87b1e;background:#fff8ef}.oauth-button:focus-visible{outline:1px solid #e87b1e;outline-offset:2px}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{margin:0;color:#5c4a3d;font-size:.9rem;font-weight:600}.link-text,.link-primary{color:#c45a0a;text-decoration:none;font-weight:700;transition:color .2s ease;cursor:pointer;border:none;background:none;padding:2px;min-height:44px;display:inline-flex;align-items:center;font-family:inherit}.link-text:hover,.link-primary:hover{color:#e87b1e}.link-text:focus-visible,.link-primary:focus-visible{outline:2px solid #e87b1e;outline-offset:2px}.terms-text{font-size:.8rem;color:#5c4a3d;margin:16px 0;line-height:1.5;font-weight:600}.terms-text a{color:#c45a0a;text-decoration:none;font-weight:700}.consent-label{display:flex;align-items:flex-start;gap:8px;margin:16px 0;color:#5c4a3d;font-size:.85rem;font-weight:600}.consent-label input{margin-top:4px;cursor:pointer;min-width:20px;min-height:20px;accent-color:#e87b1e}.consent-label a{color:#c45a0a;text-decoration:none;font-weight:700}.success-icon,.error-icon{text-align:center;font-size:2.5rem;margin-bottom:16px}.success-msg{color:#15803d}.error-msg{color:#b91c1c}.message-paragraph{color:#5c4a3d;text-align:center;font-size:.9rem;line-height:1.5;font-weight:600}.magic-link-note{background:#fff1de;border:1px solid #f0d7b5;border-radius:12px;padding:16px;margin-top:24px;text-align:center;color:#5c4a3d;font-size:.85rem;font-weight:600}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(232,123,30,.2);border-top-color:#e87b1e;border-radius:50%;animation:spin .6s linear infinite}@media(prefers-reduced-motion:reduce){.auth-card,.loading-spinner{animation:none}}.modal-overlay:has(.welcome-modal){z-index:999}.story-public,.public-page{--sp-bg: #fff8ef;--sp-surface: #ffffff;--sp-ink: #1c140f;--sp-muted: #5c4a3d;--sp-border: #f0d7b5;--sp-accent: #e87b1e;--sp-accent-deep: #c45a0a;--sp-accent-soft: #fff1de;--sp-teal: #0f766e;--sp-hero: #142428;--sp-glow: #f4a261;--sp-font-display: "Outfit", system-ui, sans-serif;--sp-font-body: "Nunito", system-ui, sans-serif;font-family:var(--sp-font-body);background:radial-gradient(ellipse 70% 38% at 0% 0%,rgba(251,191,36,.08),transparent 48%),radial-gradient(ellipse 45% 36% at 100% 8%,rgba(15,118,110,.05),transparent 42%),var(--sp-bg);color:var(--sp-ink)}.public-page{display:flex;flex-direction:column;min-height:100vh}.public-page main{flex:1}.story-public .site-header,.public-page .site-header{background:#fff8efe6;border-bottom:1px solid var(--sp-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-public .site-header.scrolled,.public-page .site-header.scrolled{background:#fff8eff7;box-shadow:0 4px 20px #1c140f0f;border-bottom-color:var(--sp-border)}.story-public .logo,.public-page .logo{color:var(--sp-ink);font-family:var(--sp-font-display)}.story-public .logo:focus,.public-page .logo:focus{outline-color:var(--sp-accent)}.story-public .logo-text,.public-page .logo-text{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--sp-accent-deep)!important;color:var(--sp-accent-deep)!important}.story-public .nav-link:after,.public-page .nav-link:after{background:var(--sp-accent)}.story-public .nav-link:hover,.public-page .nav-link:hover,.story-public .nav-link.active,.public-page .nav-link.active,.story-public .nav-link:focus,.public-page .nav-link:focus{color:var(--sp-accent-deep)}.story-public .user-name,.public-page .user-name{background:var(--sp-accent-soft);border-color:var(--sp-border);color:var(--sp-ink)}.story-public .nav-link,.public-page .nav-link{color:var(--sp-muted);font-family:var(--sp-font-display);font-weight:600}.story-public .nav-link:hover,.public-page .nav-link:hover{color:var(--sp-accent-deep);background:var(--sp-accent-soft)}.story-public .nav-link:focus,.public-page .nav-link:focus{outline-color:var(--sp-accent)}.story-public .btn.btn-primary,.public-page .btn.btn-primary{background:var(--sp-accent)!important;background-image:none!important;border:none;color:#fffaf3!important;font-family:var(--sp-font-display);font-weight:700;border-radius:999px;box-shadow:0 6px 18px #e87b1e4d}.story-public .btn.btn-secondary,.public-page .btn.btn-secondary{border:1.5px solid var(--sp-border);color:var(--sp-accent-deep);background:transparent;background-image:none!important;border-radius:999px;font-family:var(--sp-font-display);font-weight:700}.story-public .site-header .mobile-menu-toggle,.public-page .site-header .mobile-menu-toggle{color:var(--sp-ink);border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:10px}.story-public .mobile-nav-link,.public-page .mobile-nav-link{color:var(--sp-ink);font-family:var(--sp-font-display);font-weight:600}.story-public .mobile-nav-link:hover,.public-page .mobile-nav-link:hover,.story-public .mobile-nav-link.active,.public-page .mobile-nav-link.active{background:var(--sp-accent-soft);color:var(--sp-accent-deep)}.story-public .mobile-cta,.public-page .mobile-cta{background:var(--sp-accent)!important;color:#fffaf3!important;border-radius:999px}.story-public .logo-mark,.public-page .logo-mark{color:var(--sp-accent-deep);fill:currentColor}.story-public .site-header-mobile-nav,.public-page .site-header-mobile-nav{background:var(--sp-bg);border-color:var(--sp-border)}.story-public .user-menu-btn,.public-page .user-menu-btn{color:var(--sp-ink);border-color:var(--sp-border);background:var(--sp-surface)}.story-public .dropdown-menu,.public-page .dropdown-menu{background:var(--sp-surface);border-color:var(--sp-border);box-shadow:0 12px 32px #1c140f1a}.story-public .dropdown-item,.public-page .dropdown-item{color:var(--sp-ink)}.story-public .dropdown-item:hover,.public-page .dropdown-item:hover{background:var(--sp-accent-soft);color:var(--sp-accent-deep)}.story-public .site-footer,.public-page .site-footer{background:var(--sp-hero);border-top:1px solid rgba(244,162,97,.2);color:#f5d9b8}.story-public .footer-brand .logo-text,.public-page .footer-brand .logo-text,.story-public .footer-brand .logo-icon,.public-page .footer-brand .logo-icon{color:var(--sp-glow)}.story-public .footer-tagline,.public-page .footer-tagline,.story-public .footer-copyright,.public-page .footer-copyright{color:#c4a484}.story-public .footer-column .footer-heading,.public-page .footer-column .footer-heading,.story-public .footer-column h4,.public-page .footer-column h4{color:#fffaf3;font-family:var(--sp-font-display)}.story-public .footer-column a,.public-page .footer-column a{color:#f5d9b8}.story-public .footer-column a:hover,.public-page .footer-column a:hover{color:var(--sp-glow)}.story-public .footer-bottom,.public-page .footer-bottom{border-top-color:#f4a26133}.story-public .skip-to-content,.public-page .skip-to-content{background:var(--sp-accent-deep);color:#fffaf3}.content-page{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:80px 24px 60px;background:transparent}.content-container{max-width:900px;margin:0 auto}.content-container h1{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:clamp(2rem,4vw,2.75rem);margin-bottom:48px;text-align:center;color:var(--sp-ink, #1c140f);font-weight:800;letter-spacing:-.02em}.about-section{margin-bottom:48px}.about-section h2{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:1.5rem;margin-bottom:16px;color:var(--sp-accent-deep, #c45a0a);font-weight:750}.about-section p{font-size:1.1rem;line-height:1.75;color:var(--sp-muted, #5c4a3d);margin-bottom:16px;font-weight:600}.about-section ul{list-style:none;padding:0;margin:24px 0}.about-section ul li{font-size:1.05rem;padding:8px 0 8px 28px;position:relative;color:var(--sp-muted, #5c4a3d);font-weight:600}.about-section ul li:before{content:"✓";position:absolute;left:0;color:#15803d;font-weight:800}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.feature-item{background:#fff;padding:24px;border-radius:16px;border:1.5px solid var(--sp-border, #f0d7b5);box-shadow:0 4px 16px #1c140f0d}.feature-item h3{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:1.15rem;margin-bottom:8px;color:var(--sp-ink, #1c140f);font-weight:750}.feature-item p{font-size:.95rem;color:var(--sp-muted, #5c4a3d);margin:0;font-weight:600}.cta-section{text-align:center;padding:48px 0;margin-top:48px;border-top:1px solid var(--sp-border, #f0d7b5)}.cta-section h2{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:1.75rem;margin-bottom:12px;color:var(--sp-ink, #1c140f);font-weight:750}.cta-section p{font-size:1.05rem;color:var(--sp-muted, #5c4a3d);margin-bottom:24px;font-weight:600}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.contact-methods{display:grid;gap:20px;margin-top:24px}.contact-item{background:#fff;padding:28px;border-radius:16px;border:1.5px solid var(--sp-border, #f0d7b5)}.contact-item h3{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:1.15rem;margin-bottom:12px;color:var(--sp-ink, #1c140f);font-weight:750}.contact-link{display:inline-block;font-size:1.05rem;color:var(--sp-accent-deep, #c45a0a);text-decoration:none;font-weight:700;transition:color .2s ease}.contact-link:hover{color:var(--sp-accent, #e87b1e);text-decoration:underline}.faq-list{display:grid;gap:16px;margin-top:24px}.faq-item{background:#fff;padding:24px;border-radius:16px;border:1.5px solid var(--sp-border, #f0d7b5)}.faq-item h3{font-family:var(--sp-font-display, "Outfit", sans-serif);font-size:1.05rem;margin-bottom:8px;color:var(--sp-ink, #1c140f);font-weight:750}.faq-item p{font-size:.95rem;color:var(--sp-muted, #5c4a3d);margin:0;font-weight:600}@media(max-width:768px){.page-content{padding:60px 16px 40px}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);gap:var(--spacing-lg)}.loading-text{color:var(--text-muted);font-size:var(--font-size-base)}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-top-color:var(--primary-color)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);background:var(--bg-card)}.error-boundary-content{max-width:500px;text-align:center;background:var(--bg-elevated);border:2px solid var(--border-dark);border-radius:12px;padding:var(--spacing-2xl);box-shadow:0 10px 40px #0003}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.8}.error-boundary-content h2{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:1.5rem}.error-context{margin-top:var(--spacing-lg)}.error-context p{color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-md)}.error-context strong{color:var(--text-light);font-size:1.1rem}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.error-actions .btn{min-width:140px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.error-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),#0891b2);color:#fff}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.error-actions .btn-secondary{background:var(--bg-card);color:var(--text-light);border:1px solid var(--border-dark)}.error-actions .btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.error-details{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;text-align:left}.error-details summary{color:var(--text-light);cursor:pointer;font-weight:600;margin-bottom:var(--spacing-sm)}.error-details pre{color:var(--text-muted);font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin-top:var(--spacing-sm)}@media(max-width:640px){.error-boundary,.error-boundary-content{padding:var(--spacing-lg)}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}:root{--primary-gradient: linear-gradient(135deg, #4a6d82 0%, #3d5c72 100%);--primary-gradient-hover: linear-gradient(135deg, #5a8096 0%, #4a6d82 100%);--secondary-gradient: linear-gradient(135deg, #5c6b7a 0%, #4a5866 100%);--dark-gradient: linear-gradient(135deg, #030712 0%, #0f172a 100%);--success-gradient: #3d8f72;--warm-gradient: #b8862a;--danger-gradient: #c45c5c;--warning-gradient: #b8862a;--accent-gradient: linear-gradient(135deg, #7a9bb0 0%, #4a6d82 50%, #3d5c72 100%);--glass-gradient: linear-gradient(135deg, rgba(74, 109, 130, .1) 0%, rgba(61, 92, 114, .05) 100%);--primary-50: #f4f7f9;--primary-100: #e6eef2;--primary-200: #c5d4de;--primary-300: #9bb4c4;--primary-400: #7a9bb0;--primary-500: #4a6d82;--primary-600: #3d5c72;--primary-700: #2f4a5c;--primary-800: #243a48;--primary-900: #1a2c38;--primary-color: #7a9bb0;--primary-dark: #4a6d82;--primary-light: #9bb4c4;--primary-lighter: #c5d4de;--on-primary: #f4f2ee;--accent-color: #6b7c8a;--accent-light: #8a9aaa;--success-color: #3d8f72;--warning-color: #b8862a;--danger-color: #c45c5c;--info-color: #5a7a8c;--color-text: var(--text-light);--color-muted: var(--text-muted);--color-primary: var(--primary-color);--skyline-bg: var(--bg-dark);--skyline-surface: var(--bg-card);--skyline-border: var(--border-dark);--skyline-text: var(--text-light);--skyline-text-muted: var(--text-muted);--skyline-primary: var(--primary-color);--skyline-primary-light: var(--primary-light);--skyline-primary-dark: var(--primary-dark);--skyline-gradient: var(--primary-gradient);--skyline-radius: 12px;--skyline-radius-sm: 8px;--skyline-shadow-lg: var(--shadow-lg);--status-active: var(--success-color);--status-draft: var(--warning-color);--status-archived: var(--text-disabled);--bg-dark: #030712;--bg-darker: #020617;--bg-card: #0f172a;--bg-elevated: #1e293b;--bg-hover: #1e3a5f;--bg-overlay: rgba(3, 7, 18, .95);--text-light: #f0f9ff;--text-medium: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border-dark: #1e3a5f;--border-light: rgba(122, 155, 176, .18);--border-glow: rgba(122, 155, 176, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(122, 155, 176, .12);--shadow-glow-sm: 0 0 12px rgba(122, 155, 176, .08);--shadow-glow-intense: 0 0 28px rgba(122, 155, 176, .14);--shadow-card: 0 4px 16px rgba(0, 0, 0, .35);--shadow-card-hover: 0 8px 22px rgba(0, 0, 0, .4);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light;--primary-gradient: #4a6d82;--primary-gradient-hover: #3d5c72;--primary-50: #f4f7f9;--primary-100: #e6eef2;--primary-200: #c5d4de;--primary-300: #6b8594;--primary-400: #4a6d82;--primary-500: #3d5c72;--primary-600: #2f4a5c;--primary-700: #243a48;--primary-800: #1a2c38;--primary-900: #121f28;--primary-color: #3d5c72;--primary-dark: #2f4a5c;--primary-light: #3d5c72;--primary-lighter: #6b8594;--on-primary: #f7f4ef;--accent-color: #5c6d7a;--accent-light: #7a8a96;--bg-dark: #f7f4ef;--bg-darker: #efe8dc;--bg-card: #ffffff;--bg-elevated: #fbf8f3;--bg-hover: #f3eee6;--bg-overlay: rgba(247, 244, 239, .92);--text-light: #1c140f;--text-medium: #3d3229;--text-muted: #6b5d52;--text-disabled: #8a7d72;--border-dark: #e4d5c4;--border-light: rgba(28, 20, 15, .08);--border-glow: rgba(61, 92, 114, .12);--shadow-sm: 0 1px 4px rgba(28, 20, 15, .04);--shadow-md: 0 3px 10px rgba(28, 20, 15, .06);--shadow-lg: 0 8px 20px rgba(28, 20, 15, .07);--shadow-xl: 0 16px 32px rgba(28, 20, 15, .08);--shadow-glow: none;--shadow-glow-sm: none;--shadow-card: 0 2px 10px rgba(28, 20, 15, .04);--shadow-card-hover: 0 6px 16px rgba(28, 20, 15, .07)}html[data-theme=light] body{background-image:none}html[data-theme=light] .btn-secondary{background:transparent;color:var(--text-medium);border:1px solid var(--border-dark)}html[data-theme=light] .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.app-workspace-banner{background:var(--bg-elevated);color:var(--text-light);border:1px solid var(--border-dark);box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-light);background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(122,155,176,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 70%,rgba(107,124,138,.04) 0%,transparent 50%);background-attachment:fixed;font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;scroll-behavior:smooth}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--primary-dark);color:var(--on-primary);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;font-weight:var(--font-weight-semibold);z-index:10000;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-base)}.skip-to-content:focus{top:0;outline:2px solid white;outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--text-light);margin:0}h1{font-size:clamp(1.875rem,5vw + 1rem,3rem)}h2{font-size:clamp(1.5rem,4vw + .5rem,2.25rem)}h3{font-size:clamp(1.25rem,3vw + .5rem,1.875rem)}h4{font-size:clamp(1.125rem,2vw + .5rem,1.25rem)}h5{font-size:clamp(1rem,1.5vw + .25rem,1.125rem)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-light)}a:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}#root{min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;min-height:44px;min-width:44px;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;border:none;transition:all var(--transition-base);position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-dark);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff1a;color:var(--text-light);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-success{background:var(--success-color);color:var(--on-primary);box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:color-mix(in srgb,var(--danger-color) 12%,var(--bg-card));color:var(--danger-color);border:1px solid color-mix(in srgb,var(--danger-color) 35%,transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 20%,var(--bg-card));border-color:var(--danger-color)}.btn-warning{background:color-mix(in srgb,var(--warning-color) 12%,var(--bg-card));color:var(--warning-color);border:1px solid color-mix(in srgb,var(--warning-color) 35%,transparent)}.btn-warning:hover:not(:disabled){background:color-mix(in srgb,var(--warning-color) 20%,var(--bg-card));border-color:var(--warning-color)}.btn-ghost{background:transparent;color:var(--text-medium);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-light)}.btn-sm{padding:8px 16px;min-height:44px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn-lg{padding:16px 32px;min-height:48px;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-full{width:100%}.btn-icon{padding:12px;aspect-ratio:1}.btn-icon span{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-glow{box-shadow:var(--shadow-glow-sm)}.btn-glow:hover:not(:disabled){box-shadow:var(--shadow-glow)}input,textarea,select{width:100%;padding:12px 16px;min-height:44px;background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);color:var(--text-light);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base)}textarea{min-height:100px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-elevated)}input[type=checkbox],input[type=radio]{width:auto;margin-right:var(--spacing-sm);cursor:pointer}input.error,textarea.error,select.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}input.success,textarea.success,select.success{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-medium);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}label.required:after{content:" *";color:var(--danger-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-error{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-success{color:var(--success-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.form-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(59,130,246,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin .8s linear infinite}.loading-spinner-sm{width:20px;height:20px;border-width:2px}.loading-skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-elevated) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.badge-primary{background:#3b82f626;color:var(--primary-color);border:1px solid rgba(59,130,246,.3)}.badge-success{background:#10b98133;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b33;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444433;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:10px;font-weight:var(--font-weight-bold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.badge-container{position:relative}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-muted);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);max-width:400px;margin-left:auto;margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none!important}}