@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Geist:wght@300;400;500;600;700&display=swap";.theme-toggle{position:fixed;bottom:16px;right:16px;z-index:200;display:flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:99px;border:1px solid var(--border);background:var(--bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:var(--shadow-md)}.theme-toggle:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.theme-toggle-track{width:32px;height:18px;border-radius:99px;background:var(--border-strong);position:relative;transition:background var(--duration-normal) var(--ease-smooth)}[data-theme=dark] .theme-toggle-track{background:var(--accent-glow)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-primary);transition:transform .3s var(--ease-spring);box-shadow:0 1px 3px #0003}[data-theme=dark] .theme-toggle-thumb{transform:translate(14px);background:var(--accent-light)}.theme-toggle-icon{font-size:14px;line-height:1}body.in-focus-room .theme-toggle{display:none!important}.hp-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-base);color:var(--text-secondary);font-family:Inter,system-ui,sans-serif;line-height:1.65;transition:background var(--duration-slow) var(--ease-smooth),color var(--duration-slow) var(--ease-smooth);scroll-behavior:smooth}.hp-bg-image{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:-1;opacity:.06;pointer-events:none;filter:saturate(.5) contrast(1.05) blur(1px);transition:opacity var(--duration-slow)}[data-theme=light] .hp-bg-image{opacity:.04}.hp-hero{max-width:860px;margin:0 auto;padding:6rem 2.5rem 4.5rem;text-align:center}.hp-hero-label{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-light);margin-bottom:1.5rem;padding:.35rem 1rem;border-radius:99px;border:1px solid var(--border-accent);background:var(--accent-faint)}.hp-hero-h1{font-family:DM Sans,Inter,sans-serif;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 1.5rem;transition:color var(--duration-slow)}.hp-hero-h1 em{font-style:italic;font-weight:400;color:var(--accent-light);transition:color var(--duration-slow)}[data-theme=light] .hp-hero-h1 em{color:var(--accent)}.hp-hero-sub{font-size:1.05rem;line-height:1.75;color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;transition:color var(--duration-slow)}.hp-hero-sub em{color:var(--text-primary);font-style:normal;font-weight:600;transition:color var(--duration-slow)}.hp-hero-bar{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin:0 auto 3.5rem}.hp-btn-start{position:relative;display:inline-flex;align-items:center;padding:.85rem 2rem;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;letter-spacing:-.01em;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-natural),filter var(--dur-fast) var(--ease-natural);box-shadow:0 4px 20px var(--accent-glow),inset 0 1px 1px #ffffff40;overflow:hidden;z-index:1}.hp-btn-start:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.3) 50%,transparent 80%);transform:skew(-20deg);transition:none;z-index:-1}.hp-btn-start:hover:before{animation:shine 2s ease-in-out infinite}.hp-btn-start:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px var(--accent-glow),0 0 16px #7986cb66;filter:brightness(1.1)}.hp-btn-start:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px #0000001a}.hp-btn-learn{font-size:.88rem;color:var(--text-muted);text-decoration:none;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong);transition:all .2s}.hp-btn-learn:hover{color:var(--accent-light);text-decoration-color:var(--accent-light)}.hp-hero-pills{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;font-size:.78rem;color:var(--text-faint);margin:0 auto 3rem;font-weight:500;transition:color var(--duration-slow)}.hp-hero-pills span{padding:.3rem .75rem;border-radius:99px;border:1px solid var(--border);background:var(--bg-card);transition:all var(--duration-normal)}.hp-hero-stripe{display:flex;overflow:hidden;justify-content:center;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem 0;white-space:nowrap}.hp-hero-stripe-track{min-width:-moz-max-content;min-width:max-content;display:flex;gap:2.5rem;animation:stripe-scroll 20s linear infinite}.hp-hero-stripe span{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-ultra-faint);flex-shrink:0}@keyframes stripe-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hp-manifesto{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:all var(--duration-slow) var(--ease-smooth)}.hp-manifesto-inner{max-width:720px;margin:0 auto;padding:5rem 2.5rem}.hp-manifesto-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);margin-bottom:1.5rem}.hp-manifesto-quote{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.2rem,3vw,1.75rem);font-weight:400;line-height:1.55;color:var(--text-muted);margin:0 0 1.5rem;font-style:italic;transition:color var(--duration-slow)}.hp-manifesto-quote strong{color:var(--text-primary);font-weight:700;font-style:normal;transition:color var(--duration-slow)}.hp-manifesto-body{font-size:.95rem;color:var(--text-muted);max-width:560px;line-height:1.75;margin:0;text-align:left;transition:color var(--duration-slow)}.hp-paths-section{max-width:1020px;margin:0 auto;padding:5rem 2.5rem}.hp-paths-header{margin-bottom:2.5rem;text-align:center}.hp-paths-header span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);display:block;margin-bottom:.5rem}.hp-paths-header h2{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0;transition:color var(--duration-slow)}.hp-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.hp-path{border:1px solid var(--border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:.8rem;transition:all .35s var(--ease-smooth);position:relative;background:var(--bg-card)}.hp-path:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hp-path-img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;border-radius:14px;margin-bottom:.25rem;opacity:.85;transition:all .35s var(--ease-smooth)}.hp-path:hover .hp-path-img{opacity:1;transform:scale(1.02)}.hp-path-num{font-family:DM Sans,Inter,sans-serif;font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--text-ultra-faint);font-variant-numeric:tabular-nums;position:absolute;bottom:1.25rem;right:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--duration-slow)}.hp-path-calm,.hp-path-focus{background:var(--bg-card)}.hp-path h3{font-family:DM Sans,Inter,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0;transition:color var(--duration-slow)}.hp-path p{font-size:.88rem;color:var(--text-muted);line-height:1.65;text-align:left;margin:0;transition:color var(--duration-slow)}.hp-path ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem;flex:1}.hp-path ul li{font-size:.84rem;color:var(--text-faint);padding-left:1.2rem;position:relative}.hp-path ul li:before{content:"→";position:absolute;left:0;color:var(--accent-light)}.hp-path-btn{display:inline-flex;align-items:center;padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s var(--ease-smooth);align-self:flex-start;margin-top:.5rem}.hp-path-btn-calm{background:var(--accent-blue-faint);color:var(--accent-blue);border:1px solid rgba(96,165,250,.2)}.hp-path-btn-focus{background:var(--accent-faint);color:var(--accent-light);border:1px solid var(--border-accent)}.hp-path-btn:hover{transform:translate(4px)}.hp-features-section{max-width:1020px;margin:0 auto;padding:0 2.5rem 5rem}.hp-features-head{margin-bottom:2rem;padding-top:1.5rem}.hp-features-head h2{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0;text-align:left;transition:color var(--duration-slow)}.hp-features-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.hp-feature{padding:1.5rem;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;gap:.5rem;transition:all .3s var(--ease-smooth)}.hp-feature:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hp-feature-n{font-size:1.4rem;display:block}.hp-feature strong{font-size:.9rem;font-weight:600;color:var(--text-primary);display:block;transition:color var(--duration-slow)}.hp-feature p{font-size:.8rem;color:var(--text-faint);line-height:1.6;text-align:left;margin:0;transition:color var(--duration-slow)}.hp-how-section{background:var(--bg-surface);border-top:1px solid var(--border);transition:all var(--duration-slow) var(--ease-smooth)}.hp-how-inner{max-width:720px;margin:0 auto;padding:5rem 2.5rem}.hp-how-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin-bottom:.75rem}.hp-how-inner h2{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 2.5rem;text-align:left;transition:color var(--duration-slow)}.hp-how-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border-accent);margin:0 0 2rem .5rem}.hp-how-list li{display:flex;gap:1.25rem;padding:1.25rem 0 1.25rem 1.5rem;border-bottom:1px solid var(--border);transition:border-color var(--duration-slow)}.hp-how-list li:last-child{border-bottom:none}.hp-how-n{font-size:.85rem;color:var(--accent-light);flex-shrink:0;font-weight:700;padding-top:.1rem}.hp-how-list strong{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;transition:color var(--duration-slow)}.hp-how-list p{font-size:.86rem;color:var(--text-muted);line-height:1.65;text-align:left;margin:0;transition:color var(--duration-slow)}.hp-how-link{font-size:.86rem;color:var(--accent-light);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-accent);font-weight:600;transition:all .2s}.hp-how-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.hp-quote-section{border-top:1px solid var(--border);padding:5rem 2.5rem;max-width:720px;margin:0 auto;transition:border-color var(--duration-slow);position:relative}.hp-quote-section:before{content:'"';position:absolute;top:3.5rem;left:2rem;font-family:DM Sans,serif;font-size:5rem;line-height:1;color:var(--accent-faint);pointer-events:none}.hp-quote-section blockquote{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;color:var(--text-muted);line-height:1.65;margin:0 0 1rem;padding:0 0 0 .5rem;border:none;background:none;transition:color var(--duration-slow)}.hp-quote-section blockquote cite{display:block;font-size:.82rem;font-style:normal;font-weight:600;color:var(--text-faint);margin-top:.75rem}.hp-quote-section p{font-size:.9rem;color:var(--text-faint);margin:0;font-style:normal;transition:color var(--duration-slow)}.hp-final-cta{border-top:1px solid var(--border);background:var(--accent-faint);transition:all var(--duration-slow) var(--ease-smooth)}.hp-final-cta-inner{max-width:720px;margin:0 auto;padding:5rem 2.5rem;text-align:center}.hp-final-cta h2{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 .75rem;transition:color var(--duration-slow)}.hp-final-cta p{font-size:1rem;color:var(--text-muted);margin:0 0 2rem;transition:color var(--duration-slow)}.hp-btn-final{position:relative;display:inline-flex;align-items:center;padding:.9rem 2rem;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;border-radius:12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-natural),filter var(--dur-fast) var(--ease-natural);box-shadow:0 4px 24px var(--accent-glow),inset 0 1px 1px #ffffff40;letter-spacing:-.01em;overflow:hidden;z-index:1}.hp-btn-final:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.3) 50%,transparent 80%);transform:skew(-20deg);transition:none;z-index:-1}.hp-btn-final:hover:before{animation:shine 2s ease-in-out infinite}.hp-btn-final:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px var(--accent-glow),0 0 20px #7986cb66;filter:brightness(1.1)}.hp-btn-final:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px #0000001a}.hp-footer{border-top:1px solid var(--border);padding:2rem 2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;justify-content:center;background:var(--bg-base);transition:all var(--duration-slow)}.hp-footer-brand{font-family:DM Sans,Inter,sans-serif;font-size:.88rem;font-weight:700;color:var(--accent-light);letter-spacing:-.01em}.hp-footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:center}.hp-footer-links a{color:var(--text-faint);font-size:.78rem;text-decoration:none;font-weight:500;transition:color .2s}.hp-footer-links a:hover{color:var(--accent-light)}.hp-footer-copy{font-size:.74rem;color:var(--text-ultra-faint);flex-basis:100%;text-align:center;margin:0}@media (max-width: 860px){.hp-paths-grid{grid-template-columns:1fr}.hp-features-cols{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.hp-nav-links{display:none}.hp-nav{padding:.65rem 1.25rem}.hp-hero{padding:3rem 1.25rem 2.5rem}.hp-manifesto-inner,.hp-how-inner{padding:3.5rem 1.25rem}.hp-paths-section,.hp-features-section{padding-left:1.25rem;padding-right:1.25rem}.hp-features-cols{grid-template-columns:1fr}.hp-quote-section{padding:3rem 1.25rem}.hp-final-cta-inner{padding:3.5rem 1.25rem}.hp-footer{padding:1.5rem 1.25rem}.hp-path{padding:1.5rem}}.hp-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:.75rem 2.5rem;background:var(--bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--duration-slow) var(--ease-smooth)}.hp-nav-brand{display:flex;align-items:center;gap:.5rem;font-family:DM Sans,Inter,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;flex-shrink:0}.hp-nav-logo-mark{color:var(--accent);font-size:.9rem}.hp-nav-links{display:flex;gap:1.75rem;flex:1}.hp-nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s;position:relative}.hp-nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--accent);transition:width .3s var(--ease-out);border-radius:99px}.hp-nav-links a:hover{color:var(--text-primary)}.hp-nav-links a:hover:after{width:100%}.hp-nav-cta{display:inline-flex;align-items:center;padding:.4rem 1rem;background:var(--accent);color:#fff!important;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .25s var(--ease-smooth);flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.hp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.app-root{min-height:100vh;width:100%;background:var(--bg-base);transition:background var(--duration-slow, .48s) ease;display:flex;flex-direction:column}.screen-fill{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.flow-guide{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(780px,calc(100% - 24px));z-index:50;border-radius:16px;border:1px solid var(--border);background:var(--bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);padding:10px 14px;transition:all .28s cubic-bezier(.4,0,.2,1)}.flow-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-guide-actions{display:inline-flex;align-items:center;gap:6px}.flow-guide-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.flow-guide-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);font-weight:600}.flow-guide-current{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-guide-toggle{min-height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--border-accent);background:var(--accent-faint);color:var(--accent-light);font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.flow-guide-toggle:hover{border-color:var(--accent-light);background:var(--accent-glow)}.flow-guide-hide{min-height:30px;padding:0 10px;border-radius:99px;border:1px solid rgba(239,68,68,.2);background:#ef44440f;color:var(--accent-red);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.flow-guide-hide:hover{border-color:#ef444459;background:#ef44441a}.flow-guide-reveal{position:fixed;top:10px;right:12px;min-height:28px;padding:0 10px;border-radius:99px;border:1px solid var(--border-accent);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;z-index:52;transition:all .2s cubic-bezier(.4,0,.2,1)}.flow-guide-reveal:hover{border-color:var(--accent-light);background:var(--accent-faint);color:var(--text-primary)}.flow-guide-track{height:4px;border-radius:99px;background:var(--border);overflow:hidden}.flow-guide-track.compact{margin-top:8px}.flow-guide-content{margin-top:10px;display:grid;gap:8px;max-height:120px;opacity:1;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.4,0,.2,1),margin-top .25s cubic-bezier(.4,0,.2,1)}.flow-guide-chip{display:none;width:100%;margin-top:6px;min-height:30px;border-radius:10px;border:1px solid var(--border-accent);background:var(--accent-faint);color:var(--text-primary);font-size:12px;font-weight:600;justify-content:center;align-items:center;cursor:pointer}.flow-guide.collapsed .flow-guide-content{opacity:0;margin-top:0;max-height:0;overflow:hidden;pointer-events:none}.flow-guide.collapsed .flow-guide-chip{display:inline-flex}.flow-guide.collapsed{border-color:var(--border-strong)}.flow-guide-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-blue),var(--accent));transition:width .4s cubic-bezier(.16,1,.3,1)}.flow-guide-steps{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.flow-guide-step{font-size:11px;letter-spacing:.05em;color:var(--text-faint);text-transform:uppercase;transition:color .28s cubic-bezier(.4,0,.2,1)}.flow-guide-step.active{color:var(--text-muted)}.flow-guide-step.current{color:var(--text-primary);font-weight:700}.flow-guide-status{margin:0;max-width:none;text-align:left;font-size:11px;color:var(--text-muted)}.phase{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.phase>*{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 16px var(--accent-glow)}50%{box-shadow:0 0 32px var(--accent-glow)}}@keyframes floatUp{0%{transform:translateY(0) scale(.8);opacity:0}50%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.particle{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,var(--accent-glow),transparent);animation:floatUp 3s cubic-bezier(.16,1,.3,1) forwards}.interactive-btn{padding:12px 28px;background:var(--accent);border:none;color:#fff;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px var(--accent-glow);font-family:inherit;letter-spacing:.01em;position:relative;overflow:hidden}.interactive-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.interactive-btn:active{transform:translateY(0)}.modern-input{width:100%;max-width:500px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);font-size:15px;border-radius:12px;font-family:inherit;transition:all .28s cubic-bezier(.4,0,.2,1)}.modern-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.modern-input::-moz-placeholder{color:var(--text-faint)}.modern-input::placeholder{color:var(--text-faint)}h1{font-family:DM Sans,Inter,sans-serif;font-size:3rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.03em;line-height:1.1}h2{font-family:DM Sans,Inter,sans-serif;font-size:2.25rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.02em;line-height:1.15}p{font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.65;margin:0;max-width:600px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1200px;padding:40px;align-items:center}.app-footer{border-top:1px solid var(--border);padding:.85rem 2rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;background:var(--bg-surface);transition:background .3s ease,border-color .3s ease}.app-footer a{color:var(--text-faint);font-size:.78rem;font-family:inherit;text-decoration:none;transition:color .2s;padding:.15rem .25rem}.app-footer a:hover{color:var(--accent-light)}@media (max-width: 768px){.flow-guide{top:8px;padding:8px 10px;width:calc(100% - 16px)}.flow-guide-current{font-size:12px}.flow-guide-toggle,.flow-guide-hide{min-height:28px;padding:0 8px;font-size:10px}.flow-guide-reveal{top:8px;right:8px;min-height:26px;padding:0 8px;font-size:10px}.flow-guide-step,.flow-guide-status{font-size:10px}h1{font-size:2.25rem}h2{font-size:1.6rem}.content-grid{grid-template-columns:1fr;gap:24px;padding:20px}.interactive-btn{padding:10px 22px;font-size:14px}}@media (min-width: 1024px){.flow-guide{width:min(860px,calc(100% - 48px));padding:12px 20px}.flow-guide-current{font-size:14px}.flow-guide-kicker{font-size:11px}}.entry-sequence-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:40px 24px}.entry-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent-faint) 0%,transparent 60%);filter:blur(40px);animation:float 8s ease-in-out infinite;opacity:.6}.entry-content{position:relative;z-index:1;width:100%;max-width:420px;padding:24px 28px;text-align:center}.entry-intro{display:flex;flex-direction:column;align-items:center;gap:24px}.entry-logo-wrap{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.entry-logo-wrap.spinning{animation:entrySpin 1.4s var(--ease-spring) both}.entry-logo-wrap.steady{animation:breathe 4s ease-in-out infinite}.entry-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;opacity:.8}.entry-line{font-family:Lora,Georgia,serif;font-size:clamp(24px,4vw,32px);font-weight:500;color:var(--text-primary);letter-spacing:-.01em;opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-spring),filter .6s var(--ease-out)}.entry-line.visible{opacity:1;transform:translateY(0);filter:blur(0)}.entry-skip-btn{margin-top:24px;border:none;background:transparent;font-family:inherit;font-size:13px;color:var(--text-faint);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:color var(--dur-fast),text-decoration-color var(--dur-fast)}.entry-skip-btn:hover{color:var(--accent);text-decoration-color:var(--accent)}.entry-setup-form{display:flex;flex-direction:column;gap:16px;text-align:left;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:var(--shadow-md);animation:slideInUp var(--dur-slow) var(--ease-spring) both}.entry-setup-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-sand));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.entry-setup-title{font-family:Lora,Georgia,serif;font-size:24px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em;margin:0}.entry-setup-subtitle{font-size:14px;color:var(--text-muted);line-height:1.6;margin-top:4px;margin-bottom:8px}.entry-field{display:flex;flex-direction:column;gap:6px}.entry-field span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.entry-field input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;transition:border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural)}.entry-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.entry-error{font-size:13px;color:var(--accent-red);margin:0;animation:popIn var(--dur-fast) var(--ease-spring)}.entry-continue-btn{margin-top:8px;padding:14px 24px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural);box-shadow:0 4px 16px var(--accent-glow)}.entry-continue-btn:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.entry-continue-btn:active{transform:scale(.98)}@keyframes entrySpin{0%{transform:rotate(0) scale(.85);opacity:0}30%{opacity:1}to{transform:rotate(360deg) scale(1);opacity:1}}.path-selector-screen{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:0 16px 48px}@media (min-width: 600px){.path-selector-screen{align-items:center;padding:10px 24px 48px}}.path-selector-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 30%,var(--accent-faint) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 70%,var(--accent-sand-faint) 0%,transparent 70%);opacity:.5;z-index:0}.path-aura{display:none}.path-selector-content{position:relative;z-index:2;width:100%;max-width:680px;padding:10px 24px 24px;display:flex;flex-direction:column;gap:28px;animation:fadeBlur var(--dur-slow) var(--ease-out) both}@media (min-width: 1024px){.path-selector-content{max-width:860px}}.path-selector-title{font-family:Lora,Georgia,serif;font-size:clamp(22px,3.5vw,30px);font-weight:500;color:var(--text-primary);letter-spacing:-.02em;line-height:1.25}.path-greeting{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.75;margin-bottom:-16px}.path-selector-subtitle{font-size:15px;color:var(--text-muted);line-height:1.65;margin:auto}.path-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.path-cards{grid-template-columns:1fr}}.path-card{display:flex;flex-direction:column;gap:14px;padding:26px 22px;border-radius:var(--radius-xl);border:1.5px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-normal) var(--ease-natural);position:relative;overflow:hidden;animation:fadeUp var(--dur-normal) var(--ease-out) both;cursor:pointer}.path-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.path-card.calm-path{animation-delay:.05s}.path-card.focus-path{animation-delay:.12s}.path-card.calm-path:before{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue))}.path-card.focus-path:before{background:linear-gradient(90deg,var(--accent),var(--accent-sand))}.path-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg)}.path-card.calm-path:hover{border-color:#4caf7d59}.path-card.focus-path:hover{border-color:var(--border-accent)}.path-tag{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.calm-path .path-tag{color:var(--accent-green)}.focus-path .path-tag{color:var(--accent)}.path-card-title{font-family:Lora,Georgia,serif;font-size:18px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em;line-height:1.25}.path-card-text{font-size:13px;color:var(--text-muted);line-height:1.6}.path-metrics{display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;align-items:center;gap:8px}.metric-row span:first-child{font-size:11px;color:var(--text-faint);min-width:90px;font-weight:500}.metric-track{flex:1;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);overflow:hidden}.metric-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s var(--ease-out)}.calm-path .metric-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue))}.focus-path .metric-fill{background:linear-gradient(90deg,var(--accent),var(--accent-sand))}.metric-row strong{font-size:11px;color:var(--text-faint);font-weight:600;min-width:28px;text-align:right}.path-card-list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:12px 0 0;border-top:1px solid var(--border)}.path-card-list li{font-size:12px;color:var(--text-muted);padding-left:16px;position:relative;line-height:1.4}.path-card-list li:before{content:"·";position:absolute;left:4px;color:var(--text-faint);font-weight:700;font-size:16px;line-height:1.1}.path-duration-picker{display:flex;flex-direction:column;gap:10px;padding:12px 0 0;border-top:1px solid var(--border)}.path-duration-label{font-size:12px;font-weight:600;color:var(--text-muted)}.path-duration-options{display:flex;gap:6px;flex-wrap:wrap}.duration-pill{padding:6px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-natural),background var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring)}.duration-pill:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.04)}.duration-pill.active{border-color:var(--accent);background:var(--accent-faint);color:var(--accent)}.path-duration-custom{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.path-duration-custom input{width:52px;padding:6px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:12px;text-align:center;font-weight:600;outline:none;transition:border-color var(--dur-fast)}.path-duration-custom input:focus{border-color:var(--accent)}.path-btn{position:relative;width:100%;padding:13px 18px;border-radius:var(--radius-pill);border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-natural),filter var(--dur-fast) var(--ease-natural);margin-top:auto;overflow:hidden;z-index:1}.path-btn:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.3) 50%,transparent 80%);transform:skew(-20deg);transition:none;z-index:-1}.path-btn:hover:before{animation:shine 2s ease-in-out infinite}.path-btn.primary{background:linear-gradient(135deg,var(--accent-green),#3f9869);color:#fff;box-shadow:0 4px 16px #4caf7d40,inset 0 1px 1px #ffffff4d}.path-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #4caf7d59,0 0 16px #4caf7d66;filter:brightness(1.1)}.path-btn.secondary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;box-shadow:0 4px 16px var(--accent-glow),inset 0 1px 1px #ffffff40}.path-btn.secondary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px var(--accent-glow),0 0 16px #7986cb66;filter:brightness(1.1)}.path-btn:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px #0000001a}.dashboard-link-btn{background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-faint);cursor:pointer;text-align:center;padding:6px;transition:color var(--dur-fast);text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent}.dashboard-link-btn:hover{color:var(--accent);text-decoration-color:var(--accent)}.ec-screen{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:0 16px 40px}@media (min-width: 600px){.ec-screen{align-items:center;padding:60px 24px 40px}}.ec-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.ec-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.ec-orb--1{width:600px;height:600px;top:-160px;left:-120px;background:radial-gradient(circle,var(--accent-faint) 0%,transparent 70%);animation:float 9s ease-in-out infinite}.ec-orb--2{width:500px;height:500px;bottom:-140px;right:-100px;background:radial-gradient(circle,var(--accent-sand-faint) 0%,transparent 70%);animation:float 12s ease-in-out infinite reverse}.ec-panel{position:relative;z-index:1;width:100%;max-width:560px;padding:80px 24px 24px;display:flex;flex-direction:column;gap:0;animation:fadeBlur var(--dur-slow) var(--ease-out) both}@media (min-width: 1024px){.ec-panel{max-width:640px}}.ec-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;position:sticky;top:0;background:var(--bg-base);z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ec-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs)}.ec-back:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary);transform:translate(-2px)}.ec-step-pills{display:flex;align-items:center;gap:8px}.ec-step-pip{height:3px;border-radius:var(--radius-pill);background:var(--border-strong);transition:width var(--dur-normal) var(--ease-spring),background var(--dur-normal) var(--ease-natural);width:28px}.ec-step-pip.active{width:40px;background:var(--accent)}.ec-step-pip.done{background:var(--accent-green);width:28px}.ec-content{display:flex;flex-direction:column;gap:24px;padding-bottom:8px}.ec-content--enter{animation:fadeUp var(--dur-slow) var(--ease-out) both}.ec-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.8}.ec-title{font-family:Lora,Georgia,serif;font-size:clamp(22px,3.5vw,28px);font-weight:500;line-height:1.3;color:var(--text-primary);letter-spacing:-.01em}.ec-title--rate{font-size:clamp(20px,3vw,24px)}.ec-subtitle{font-size:14px;color:var(--text-muted);line-height:1.5;margin-top:-12px}.ec-emotion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ec-emotion-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;font-family:inherit;text-align:center;transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) var(--ease-natural),background var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.ec-emotion-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-natural)}.ec-emotion-card:hover{transform:translateY(-3px) scale(1.01);border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px var(--accent-faint)}.ec-emotion-card:active{transform:scale(.97)}.ec-emotion-card.active{border-color:var(--accent);background:var(--accent-faint);box-shadow:var(--shadow-sm),0 0 0 3px var(--accent-faint);animation:popIn var(--dur-normal) var(--ease-spring)}.ec-emotion-card.active .ec-emotion-emoji{transform:scale(1.1)}.ec-emotion-emoji{font-size:28px;line-height:1;transition:transform var(--dur-normal) var(--ease-spring)}.ec-emotion-label{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.ec-emotion-hint{font-size:11px;color:var(--text-muted);line-height:1.3}.ec-emotion-card--custom{grid-column:span 3;flex-direction:row;justify-content:center;padding:14px 16px;gap:10px}.ec-emotion-card--custom .ec-emotion-emoji{font-size:20px}.ec-emotion-card--custom .ec-emotion-label{font-size:14px}.ec-custom-wrap{display:flex;gap:10px;align-items:stretch;animation:slideInUp var(--dur-normal) var(--ease-spring) both}.ec-custom-input{flex:1;padding:12px 16px;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:14px;transition:border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural)}.ec-custom-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.ec-custom-input::-moz-placeholder{color:var(--text-faint)}.ec-custom-input::placeholder{color:var(--text-faint)}.ec-selected-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:var(--radius-pill);background:var(--accent-faint);border:1px solid var(--border-accent);font-size:13px;font-weight:500;color:var(--text-primary);animation:popIn var(--dur-normal) var(--ease-spring) both;width:-moz-fit-content;width:fit-content}.ec-change-btn{background:none;border:none;font-family:inherit;font-size:12px;color:var(--accent);cursor:pointer;padding:0 0 0 4px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.ec-intensity-display{display:flex;align-items:baseline;gap:8px;padding:20px 24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1.5px solid var(--border);transition:border-color var(--dur-normal) var(--ease-natural)}.ec-intensity-display.tone-critical{border-color:var(--accent-red)}.ec-intensity-display.tone-high{border-color:var(--accent-amber)}.ec-intensity-display.tone-medium{border-color:var(--accent)}.ec-intensity-display.tone-low{border-color:var(--accent-green)}.ec-intensity-num{font-family:Lora,Georgia,serif;font-size:56px;font-weight:500;line-height:1;color:var(--text-primary);letter-spacing:-.03em;transition:color var(--dur-normal) var(--ease-natural)}.tone-critical .ec-intensity-num{color:var(--accent-red)}.tone-high .ec-intensity-num{color:var(--accent-amber)}.tone-medium .ec-intensity-num{color:var(--accent)}.tone-low .ec-intensity-num{color:var(--accent-green)}.ec-intensity-denom{font-size:18px;color:var(--text-faint);font-weight:400;margin-top:12px}.ec-intensity-label{margin-left:auto;font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.ec-slider{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) calc(var(--value, 60%) * 1%),var(--border-strong) calc(var(--value, 60%) * 1%),var(--border-strong) 100%);border-radius:var(--radius-pill);cursor:pointer;outline:none}.ec-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);border:2.5px solid var(--accent);box-shadow:var(--shadow-sm);cursor:grab;-webkit-transition:transform var(--dur-fast) var(--ease-spring);transition:transform var(--dur-fast) var(--ease-spring)}.ec-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.ec-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);border:2.5px solid var(--accent);box-shadow:var(--shadow-sm);cursor:grab}.ec-slider-ends{display:flex;justify-content:space-between;margin-top:-8px;font-size:11px;color:var(--text-faint);font-weight:500}.ec-note-toggle{background:none;border:none;font-family:inherit;font-size:13px;color:var(--accent);cursor:pointer;padding:0;font-weight:500;text-align:left;opacity:.85;transition:opacity var(--dur-fast)}.ec-note-toggle:hover{opacity:1}.ec-note-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:14px;resize:none;line-height:1.5;transition:border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural);animation:slideInUp var(--dur-normal) var(--ease-spring) both}.ec-note-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.ec-btn-primary{width:100%;padding:15px 24px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural);box-shadow:0 4px 16px var(--accent-glow)}.ec-btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.ec-btn-primary:active{transform:scale(.98)}.ec-btn-primary:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.ec-btn-start{margin-top:4px}.ec-protocol-hint{text-align:center;font-size:12px;color:var(--text-faint);font-style:italic}.cp-screen{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:0 16px 40px}@media (min-width: 600px){.cp-screen{align-items:center;padding:60px 24px 40px}}.cp-bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.cp-orb-bg{position:absolute;border-radius:50%;filter:blur(90px)}.cp-orb-bg--1{width:600px;height:600px;top:-200px;right:-150px;background:var(--accent-faint);opacity:.55;animation:float 11s ease-in-out infinite}.cp-orb-bg--2{width:480px;height:480px;bottom:-180px;left:-100px;background:var(--accent-sand-faint);opacity:.55;animation:float 14s ease-in-out infinite reverse}.cp-orb-bg--3{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-faint) 0%,transparent 70%);opacity:.35}.cp-panel{position:relative;z-index:1;width:100%;max-width:560px;padding:80px 24px 24px;display:flex;flex-direction:column;animation:fadeBlur var(--dur-slow) var(--ease-out) both}@media (min-width: 1024px){.cp-panel{max-width:640px}}.cp-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px;position:sticky;top:0;background:var(--bg-base);z-index:10;gap:16px}.cp-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs);flex-shrink:0}.cp-back-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary);transform:translate(-2px)}.cp-step-dots{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.cp-dot{width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:background var(--dur-normal) var(--ease-natural),width var(--dur-normal) var(--ease-spring),height var(--dur-normal) var(--ease-spring),transform var(--dur-normal) var(--ease-spring)}.cp-dot.active{background:var(--accent);transform:scale(1.25)}.cp-dot.done{background:var(--accent-green)}.cp-round-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:var(--accent-sand-faint);color:var(--accent-sand);font-size:11px;font-weight:600;letter-spacing:.06em;border:1px solid rgba(168,149,106,.2);flex-shrink:0}.cp-progress-rail{height:3px;border-radius:var(--radius-pill);background:var(--border);margin-bottom:24px;overflow:hidden}.cp-progress-bar{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-sand));transition:width var(--dur-slow) var(--ease-spring)}.cp-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:28px 26px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-sand));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cp-card--enter{animation:slideInUp var(--dur-normal) var(--ease-spring) both}.cp-card.mode-breath:before{background:linear-gradient(90deg,#64b9e8,#9fa8da)}.cp-card.mode-ground:before{background:linear-gradient(90deg,#4caf7d,#64b9e8)}.cp-card.mode-body:before{background:linear-gradient(90deg,#e4a84a,#d45c7a)}.cp-card.mode-action:before{background:linear-gradient(90deg,var(--accent),var(--accent-sand))}.cp-counter{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.cp-counter span{font-weight:400;color:var(--text-ultra-faint)}.cp-step-title{font-family:Lora,Georgia,serif;font-size:clamp(20px,3vw,26px);font-weight:500;color:var(--text-primary);line-height:1.3;letter-spacing:-.015em;margin:-4px 0}.cp-instruction-block{padding:14px 18px;border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border)}.cp-instruction-text{font-size:14px;color:var(--text-secondary);line-height:1.65}.cp-why-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural);width:-moz-fit-content;width:fit-content}.cp-why-btn:hover,.cp-why-btn.open{background:var(--accent-faint);border-color:var(--border-accent);color:var(--accent)}.cp-why-icon{font-size:14px}.cp-why-chevron{font-size:16px;transition:transform var(--dur-fast) var(--ease-spring);display:inline-block}.cp-why-chevron.up{transform:rotate(-90deg)}.cp-why-panel{padding:12px 14px;border-radius:var(--radius-md);background:var(--accent-faint);border:1px solid var(--border-accent);animation:slideInUp var(--dur-fast) var(--ease-spring) both}.cp-why-text{font-size:13px;color:var(--text-muted);line-height:1.6;font-style:italic}.cp-breath-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.cp-breath-rings{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.cp-ring{position:absolute;border-radius:50%;border:1.5px solid currentColor;color:var(--accent)}.cp-ring--3{width:160px;height:160px}.cp-ring--2{width:120px;height:120px}.cp-ring--1{width:82px;height:82px}.cp-breath-orb{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,var(--accent-light) 0%,var(--accent) 60%,transparent 100%);box-shadow:0 0 24px var(--accent-glow),0 0 48px #5c6bc01a;transition:opacity .08s linear,transform .08s linear}.cp-breath-phase{font-family:Lora,Georgia,serif;font-size:18px;font-weight:500;font-style:italic;color:var(--text-primary);letter-spacing:-.01em}.cp-breath-hint{font-size:12px;color:var(--text-faint)}.cp-grounding-stage{display:flex;flex-direction:column;gap:14px;align-items:center}.cp-ground-score-wrap{width:80px;height:80px}.cp-ground-ring-svg{width:100%;height:100%;overflow:visible}.cp-ground-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.cp-ground-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-base);cursor:pointer;font-family:inherit;transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) var(--ease-natural),background var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural)}.cp-ground-chip:not(:disabled):hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-sm)}.cp-ground-chip:not(:disabled):active{animation:stampDown var(--dur-normal) var(--ease-spring)}.cp-ground-chip.done{border-color:var(--accent-green);background:var(--accent-green-faint)}.cp-ground-chip.flash{animation:popIn .28s var(--ease-spring)}.cp-ground-chip:disabled{cursor:default}.cp-chip-emoji{font-size:20px}.cp-chip-name{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.cp-chip-count{font-size:10px;color:var(--text-faint);font-weight:500}.cp-ground-chip.done .cp-chip-count{color:var(--accent-green)}.cp-body-stage{display:flex;flex-direction:column;gap:16px;align-items:center}.cp-reps-display{display:flex;align-items:center;gap:24px}.cp-rep-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs)}.cp-rep-btn:hover:not(:disabled){background:var(--accent-faint);border-color:var(--accent);transform:scale(1.08)}.cp-rep-btn:active:not(:disabled){transform:scale(.94)}.cp-rep-btn:disabled{opacity:.3;cursor:not-allowed}.cp-reps-number{display:flex;align-items:baseline;gap:3px}.cp-reps-val{font-family:Lora,Georgia,serif;font-size:52px;font-weight:500;color:var(--text-primary);line-height:1;letter-spacing:-.03em;min-width:48px;text-align:center;transition:color var(--dur-normal) var(--ease-natural)}.cp-reps-total{font-size:18px;color:var(--text-faint)}.cp-reps-track{display:flex;align-items:center;gap:8px}.cp-rep-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--border-strong);background:transparent;transition:background var(--dur-normal) var(--ease-spring),border-color var(--dur-normal) var(--ease-natural),transform var(--dur-fast) var(--ease-spring)}.cp-rep-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.cp-action-stage{display:flex;flex-direction:column;gap:8px}.cp-action-textarea{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.6;resize:none;transition:border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural)}.cp-action-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.cp-action-footer{display:flex;align-items:center;justify-content:space-between}.cp-char-count{font-size:11px;color:var(--text-ultra-faint)}.cp-action-ready{font-size:14px;color:var(--accent-green);font-weight:700;animation:popIn var(--dur-fast) var(--ease-spring)}.cp-timer-row{display:flex;justify-content:center}.cp-timer-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-base);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural)}.cp-timer-pill:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.cp-timer-svg{flex-shrink:0}.cp-timer-label{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.cp-hint{font-size:12px;color:var(--text-faint);text-align:center;font-style:italic;transition:color var(--dur-normal) var(--ease-natural)}.cp-hint.ready{color:var(--accent-green);font-style:normal;font-weight:600}.cp-success-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--accent-green-faint);color:var(--accent-green);font-size:12px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(76,175,125,.25);animation:popIn var(--dur-normal) var(--ease-spring) both}.cp-text-btn{background:none;border:none;font-family:inherit;font-size:12px;color:var(--text-faint);cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:color var(--dur-fast),text-decoration-color var(--dur-fast)}.cp-text-btn:hover{color:var(--accent);text-decoration-color:var(--accent)}.cp-actions{display:flex;gap:10px;margin-top:8px;position:sticky;bottom:0;background:var(--bg-base);padding:14px 0 4px;border-top:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:5}.cp-btn-ghost{flex-shrink:0;padding:13px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural)}.cp-btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.cp-btn-primary{flex:1;padding:13px 22px;border-radius:var(--radius-pill);border:none;background:var(--border-strong);color:var(--text-faint);font-family:inherit;font-size:14px;font-weight:600;cursor:not-allowed;transition:background var(--dur-normal) var(--ease-natural),color var(--dur-normal) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural)}.cp-btn-primary.ready{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow)}.cp-btn-primary.ready:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.cp-btn-primary.ready:active{transform:scale(.98)}.cp-review{display:flex;flex-direction:column;gap:20px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:28px 26px;box-shadow:var(--shadow-md)}.cp-review:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-green),var(--accent));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cp-review-icon{font-size:40px;text-align:center;animation:popIn var(--dur-slow) var(--ease-spring) both}.cp-review-title{font-family:Lora,Georgia,serif;font-size:clamp(20px,3vw,26px);font-weight:500;color:var(--text-primary);text-align:center;letter-spacing:-.015em}.cp-before-after{display:flex;align-items:center;justify-content:center;gap:16px}.cp-ba-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 24px;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-base);min-width:80px}.cp-ba-block.current{background:var(--accent-faint);border-color:var(--border-accent)}.cp-ba-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.cp-ba-value{font-family:Lora,Georgia,serif;font-size:32px;font-weight:500;color:var(--text-primary);line-height:1}.cp-ba-arrow{font-size:20px;color:var(--text-ultra-faint)}.cp-intensity-slider{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) 50%,var(--border-strong) 50%,var(--border-strong) 100%);border-radius:var(--radius-pill);outline:none;cursor:pointer}.cp-intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);border:2.5px solid var(--accent);box-shadow:var(--shadow-sm);cursor:grab}.cp-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);margin-top:-6px}.cp-delta-pill{padding:10px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;text-align:center}.cp-delta-pill.good{background:var(--accent-green-faint);color:var(--accent-green);border:1px solid rgba(76,175,125,.2)}.cp-delta-pill.high{background:var(--accent-amber-faint);color:var(--accent-amber);border:1px solid rgba(212,146,42,.2)}.cp-cue-card{padding:14px 18px;border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border)}.cp-cue-card-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.cp-cue-card-text{font-size:15px;color:var(--text-primary);font-style:italic;font-family:Lora,Georgia,serif;line-height:1.5}.cp-crisis-card{padding:14px 18px;border-radius:var(--radius-md);background:#c4392b0f;border:1px solid rgba(192,57,43,.2);font-size:13px;color:var(--accent-red);line-height:1.6}.cp-review-actions{display:flex;gap:10px;padding-top:8px}.cp-title{font-family:Lora,Georgia,serif;font-size:clamp(18px,3vw,22px);font-weight:500;color:var(--text-primary)}.cp-subtitle{font-size:14px;color:var(--text-muted)}.intention-screen{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:0 16px 48px}@media (min-width: 600px){.intention-screen{align-items:center;padding:10px 24px 48px}}.intention-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 30%,var(--accent-faint) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 70%,var(--accent-sand-faint) 0%,transparent 70%);opacity:.7;z-index:0}.intention-content{position:relative;z-index:1;width:100%;max-width:560px;padding:20px 24px 24px;display:flex;flex-direction:column;gap:28px;animation:fadeBlur var(--dur-slow) var(--ease-out) both}@media (min-width: 1024px){.intention-content{max-width:640px}}.path-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.path-badge.focus{background:var(--accent-faint);color:var(--accent);border:1px solid var(--border-accent)}.path-badge.calm{background:var(--accent-green-faint);color:var(--accent-green);border:1px solid rgba(76,175,125,.2)}.intention-title{font-family:Lora,Georgia,serif;font-size:clamp(24px,4vw,32px);font-weight:500;color:var(--text-primary);line-height:1.25;letter-spacing:-.02em;margin:-8px 0}.intention-subtitle{font-size:14px;color:var(--text-muted);line-height:1.55;margin-top:-8px}.regulation-summary{font-size:13px;color:var(--text-muted);padding:10px 16px;border-left:3px solid var(--accent-green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-green-faint);font-style:italic;margin-top:-12px}.prefocus-sound-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:var(--radius-lg);background:var(--bg-card);border:1.5px solid var(--border);box-shadow:var(--shadow-xs)}.prefocus-sound-kicker{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.prefocus-sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sound-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-base);cursor:pointer;font-family:inherit;text-align:center;transition:border-color var(--dur-fast) var(--ease-natural),background var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural)}.sound-option:hover{border-color:var(--accent);background:var(--accent-faint);transform:translateY(-2px)}.sound-option.active{border-color:var(--accent);background:var(--accent-faint);box-shadow:0 0 0 3px var(--accent-faint)}.sound-option.active span:first-child{color:var(--accent)}.sound-option span:first-child{font-size:14px;font-weight:600;color:var(--text-primary);transition:color var(--dur-fast)}.sound-option small{font-size:10px;color:var(--text-faint);line-height:1.3;letter-spacing:.01em}.prefocus-sound-note{font-size:11px;color:var(--text-faint);font-style:italic;margin-top:-4px}.intention-form{display:flex;flex-direction:column;gap:12px}.input-wrapper{position:relative;border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border);transition:border-color var(--dur-fast) var(--ease-natural),box-shadow var(--dur-fast) var(--ease-natural)}.input-wrapper.focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.input-wrapper.focused .input-accent{transform:scaleX(1)}.intention-input{width:100%;padding:16px 18px;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;outline:none}.intention-input::-moz-placeholder{color:var(--text-faint);font-style:italic}.intention-input::placeholder{color:var(--text-faint);font-style:italic}.input-accent{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-sand));border-radius:0 0 var(--radius-md) var(--radius-md);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-normal) var(--ease-spring)}.input-hint{display:flex;justify-content:space-between;align-items:center;gap:8px}.char-count{font-size:12px;color:var(--text-ultra-faint);font-weight:500}.hint-text{font-size:12px;color:var(--text-faint);font-style:italic;text-align:right}.btn-start-focus{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 28px;border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-natural),filter var(--dur-fast) var(--ease-natural);box-shadow:0 4px 20px var(--accent-glow),inset 0 1px 1px #ffffff40;margin-top:4px;overflow:hidden;z-index:1}.btn-start-focus:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.3) 50%,transparent 80%);transform:skew(-20deg);transition:none;z-index:-1}.btn-start-focus:hover:before{animation:shine 2s ease-in-out infinite}@keyframes shine{0%{left:-150%}to{left:150%}}.btn-start-focus:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px var(--accent-glow),0 0 16px #7986cb66;filter:brightness(1.1)}.btn-start-focus:active{transform:translateY(0) scale(.97);box-shadow:0 4px 12px var(--accent-glow)}.btn-arrow{font-size:18px;opacity:.8;transition:transform var(--dur-normal) var(--ease-spring)}.btn-start-focus:hover .btn-arrow{transform:translate(4px) scale(1.15)}.btn-skip-focus{background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-faint);cursor:pointer;text-align:center;padding:4px;transition:color var(--dur-fast);text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent}.btn-skip-focus:hover{color:var(--text-muted);text-decoration-color:var(--text-muted)}.suggestion-box{padding:16px 0 0;border-top:1px solid var(--border)}.suggestion-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-sand);margin-bottom:6px}.suggestion-text{font-size:13px;color:var(--text-muted);font-style:italic;line-height:1.6}.deepfocus-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;font-family:Geist,-apple-system,sans-serif;transition:background .8s ease}.focus-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ambient-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 32%,transparent 58%,rgba(0,0,0,.55) 100%)}.ambient-orb{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:orbBreathe 9s ease-in-out infinite}.ambient-orb-1{width:min(65vw,700px);height:min(65vw,700px);background:radial-gradient(circle,rgba(99,102,241,.13) 0%,rgba(168,85,247,.06) 45%,transparent 72%);filter:blur(48px)}.ambient-orb-2{width:min(40vw,420px);height:min(40vw,420px);background:radial-gradient(circle,rgba(52,211,153,.07) 0%,transparent 70%);filter:blur(60px);animation-delay:3s;animation-duration:12s}@keyframes orbBreathe{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.aurora-left,.aurora-right{position:absolute;top:0;bottom:0;width:30%;pointer-events:none;opacity:.18;animation:auroraDrift 16s ease-in-out infinite alternate}.aurora-left{left:-5%;background:radial-gradient(ellipse 80% 120% at 0% 40%,rgba(99,102,241,.4) 0%,transparent 70%)}.aurora-right{right:-5%;background:radial-gradient(ellipse 80% 120% at 100% 60%,rgba(168,85,247,.35) 0%,transparent 70%);animation-delay:5s}@keyframes auroraDrift{0%{opacity:.12;transform:translateY(-3%)}to{opacity:.22;transform:translateY(3%)}}.focus-particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFloat linear infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}8%{opacity:1}92%{opacity:.5}to{opacity:0;transform:translateY(-100vh) scale(1.3)}}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,transparent 30%,black 100%);mask-image:radial-gradient(ellipse 70% 70% at center,transparent 30%,black 100%)}.focus-header{position:relative;z-index:5;display:flex;align-items:center;gap:12px;padding:clamp(16px,3vh,28px) clamp(20px,3vw,36px) 0;animation:fadeSlideDown .6s var(--ease-out) both}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.focus-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff9;flex-shrink:0;transition:all .6s ease}.stage-flow .focus-mode-pill{background:#fbbf2424;border-color:#fbbf2440;color:#fbbf24e6}.stage-locked .focus-mode-pill{background:#34d39921;border-color:#34d39938;color:#34d399e6}.stage-elite .focus-mode-pill{background:#a78bfa24;border-color:#a78bfa40;color:#a78bfae6}.focus-mode-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.focus-intention{font-size:clamp(13px,1.4vw,15px);color:#ffffff61;font-weight:400;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .4s;letter-spacing:.01em}.focus-header:hover .focus-intention{color:#ffffffa6}.focus-main{position:relative;z-index:4;flex:1;display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,3vw,48px);overflow:hidden}.focus-center{display:flex;align-items:center;justify-content:center;gap:clamp(32px,5vw,80px);width:100%}.focus-timer-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.focus-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ring-bg{fill:none;stroke:#ffffff0d;stroke-width:1.5}.ring-cycle{fill:none;stroke-width:1.5;stroke-linecap:round;transition:stroke-dashoffset 1.05s linear,stroke .7s ease}.ring-target{fill:none;stroke-width:1;stroke-linecap:round;stroke-dasharray:879;transition:stroke-dashoffset 1.05s linear,stroke .5s ease}.focus-timer-ring-wrap{position:relative;width:clamp(270px,42vmin,500px);height:clamp(270px,42vmin,500px);display:flex;align-items:center;justify-content:center}.focus-timer-ring-wrap:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,var(--ring-glow, rgba(99,102,241,.12)) 0%,transparent 70%);animation:orbBreathe 7s ease-in-out infinite;pointer-events:none}.focus-timer-core{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vmin,9px);text-align:center;position:relative;z-index:1;padding:clamp(10px,2%,18px);max-width:80%;width:80%}.focus-kicker{font-size:clamp(9px,1vmin,11px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;transition:color .5s}.focus-timer{font-size:clamp(44px,8vmin,92px);font-weight:300;line-height:1;letter-spacing:-.04em;color:#fffffff2;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 80px rgba(255,255,255,.05),0 2px 8px rgba(0,0,0,.35);transition:text-shadow .8s,font-size .3s}.stage-flow .focus-timer{text-shadow:0 0 60px rgba(251,191,36,.18),0 2px 8px rgba(0,0,0,.4)}.stage-locked .focus-timer{text-shadow:0 0 60px rgba(52,211,153,.18),0 2px 8px rgba(0,0,0,.4)}.stage-elite .focus-timer{text-shadow:0 0 60px rgba(167,139,250,.22),0 2px 8px rgba(0,0,0,.4)}.focus-realtime{font-size:clamp(12px,1.5vmin,17px);letter-spacing:.1em;color:#ffffff52;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .5s,opacity .4s}.focus-timer-divider{width:34px;height:1px;background:#ffffff24;border-radius:1px;transition:all .4s;flex-shrink:0}.focus-timer-label{font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff2e;transition:color .4s;margin-top:-2px}.clock-luxe .focus-timer{font-family:Lora,Playfair Display,Georgia,serif;font-weight:300;letter-spacing:-.03em;background:linear-gradient(135deg,#ffd89b,#f5c37a 35%,#ffe8bc 65%,#c8953b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 28px rgba(255,195,80,.22))}.clock-luxe .focus-realtime{font-family:Lora,Georgia,serif;font-size:clamp(12px,1.7vmin,19px);letter-spacing:.14em;background:linear-gradient(90deg,#ffc86480,#ffe191bf,#ffc86480);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clock-luxe .focus-timer-divider{width:56px;background:linear-gradient(90deg,transparent,rgba(255,195,80,.45),transparent)}.clock-luxe .focus-timer-label{color:#ffc35047;letter-spacing:.26em}.clock-luxe .focus-kicker{color:#ffc3506b}.clock-luxe .cycle-copy{color:#ffc35052}.clock-serif .focus-timer{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:.01em;color:#ebf2ffeb;text-shadow:0 0 60px rgba(180,200,255,.18),0 2px 12px rgba(0,0,0,.4)}.clock-serif .focus-realtime{font-family:Georgia,serif;font-style:italic;font-size:clamp(11px,1.4vmin,15px);color:#b4c8ff85;letter-spacing:.1em}.clock-serif .focus-timer-divider{width:46px;background:linear-gradient(90deg,transparent,rgba(180,200,255,.28),transparent)}.clock-serif .focus-timer-label{color:#b4c8ff38}.clock-serif .focus-kicker{color:#b4c8ff66;letter-spacing:.18em}.clock-serif .cycle-copy{color:#b4c8ff52}.clock-mono .focus-timer{font-family:Courier New,Lucida Console,monospace;font-weight:700;font-size:clamp(32px,5.8vmin,68px);letter-spacing:.09em;color:#3dffa0;text-shadow:0 0 12px rgba(61,255,160,.6),0 0 40px rgba(61,255,160,.22),0 0 80px rgba(61,255,160,.08)}.clock-mono .focus-realtime{font-family:Courier New,monospace;font-size:clamp(10px,1.25vmin,13px);letter-spacing:.18em;color:#3dffa094}.clock-mono .focus-timer-divider{display:none}.clock-mono .focus-timer-label{color:#3dffa04d;letter-spacing:.26em;font-family:Courier New,monospace}.clock-mono .focus-kicker{color:#3dffa075;font-family:Courier New,monospace;letter-spacing:.2em}.clock-mono .cycle-copy{color:#3dffa057;font-family:Courier New,monospace;font-size:clamp(8px,1vmin,10px);letter-spacing:.14em}.clock-mono .focus-timer-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;border-radius:12px}.clock-outline .focus-timer{-webkit-text-stroke:1.5px rgba(255,255,255,.74);color:transparent;letter-spacing:.02em;font-weight:200;text-shadow:none;filter:drop-shadow(0 0 14px rgba(200,160,255,.28))}.clock-outline .focus-realtime,.clock-outline .focus-timer-divider,.clock-outline .focus-timer-label{display:none}.clock-outline .focus-kicker{color:#c8a0ff5c}.clock-outline .cycle-copy{color:#c8a0ff61}.clock-outline .target-copy{border-color:#c8a0ff26;color:#c8a0ff9e;background:#c8a0ff12}.layout-immersive .focus-ring-svg{display:none}.layout-immersive .focus-timer-ring-wrap:before{display:none}.layout-immersive .focus-timer-ring-wrap{width:auto;height:auto;min-width:0;min-height:0}.layout-immersive .focus-timer-core{padding:0;gap:10px;max-width:100%;width:auto}.layout-immersive .focus-timer{font-size:clamp(72px,15vmin,168px)}.layout-immersive .focus-realtime{font-size:clamp(16px,2.2vmin,26px)}.layout-immersive .focus-timer-label{font-size:clamp(9px,1vmin,11px)}.layout-immersive .focus-center{flex-direction:column;align-items:center}.cycle-copy{font-size:clamp(10px,1.2vmin,12px);color:#ffffff47;letter-spacing:.03em}.target-copy{font-size:clamp(10px,1.2vmin,12px);color:#ffffff73;padding:4px 14px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.09);transition:all .4s}.target-copy.done{color:#34d399e6;background:#34d3991a;border-color:#34d39933}.focus-context-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:clamp(20px,2.5vw,28px) clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:20px;min-width:180px;max-width:220px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:slideInRight .5s var(--ease-spring) both;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #0003}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.context-item{display:flex;flex-direction:column;gap:4px}.context-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40}.context-value{font-size:clamp(16px,1.8vw,20px);font-weight:500;color:#ffffffd1;font-variant-numeric:tabular-nums}.context-value.done{color:#34d399e6}.focus-progress-edge{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none}.focus-progress-fill{height:100%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#6366f1,#a855f7,#06b6d4);transition:width 1.05s linear;box-shadow:0 0 10px #6366f199}.break-notice{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:300;padding:11px 28px;border-radius:999px;background:#0a0c16e0;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#ffffffd9;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 32px #00000073;animation:toastIn .4s var(--ease-spring) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.capture-editor{background:#080c18eb;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 12px 48px #0000008c,inset 0 1px #ffffff0f;animation:captureIn .3s var(--ease-spring) both}@keyframes captureIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.capture-input{width:100%;background:transparent;border:none;color:#ffffffe0;font-family:inherit;font-size:14px;resize:none;line-height:1.6;outline:none;min-height:64px}.capture-input::-moz-placeholder{color:#ffffff42;font-style:italic}.capture-input::placeholder{color:#ffffff42;font-style:italic}.capture-actions{display:flex;align-items:center;justify-content:space-between}.capture-count{font-size:11px;color:#fff3}.capture-save{background:#6366f12e;border:1px solid rgba(99,102,241,.3);border-radius:999px;color:#a78bfae6;font-family:inherit;font-size:12px;font-weight:600;padding:6px 18px;cursor:pointer;transition:all .2s}.capture-save:hover{background:#6366f147;color:#fff}.capture-list{list-style:none;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.capture-list li{display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;color:#ffffff80;gap:12px}.capture-list strong{font-size:10px;color:#ffffff40;font-weight:400;flex-shrink:0;font-variant-numeric:tabular-nums}.focus-dock{position:fixed;bottom:clamp(16px,3vh,28px);left:50%;transform:translate(-50%) translateY(8px);z-index:100;display:flex;align-items:center;gap:3px;padding:7px 12px;background:#060912d9;border:1px solid rgba(255,255,255,.11);border-radius:999px;-webkit-backdrop-filter:blur(32px) saturate(160%);backdrop-filter:blur(32px) saturate(160%);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff12;opacity:0;transition:opacity .25s var(--ease-out),transform .25s var(--ease-spring);pointer-events:none;white-space:nowrap}.deepfocus-screen:hover .focus-dock,.focus-dock:focus-within{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}.dock-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#ffffff80;cursor:pointer;transition:background .18s,color .18s,transform .18s var(--ease-spring)}.dock-btn:hover{background:#ffffff1a;color:#fffffff2;transform:scale(1.12)}.dock-btn.active{background:#6366f133;color:#a78bfae6}.dock-sep{width:1px;height:20px;background:#ffffff1a;margin:0 3px;flex-shrink:0}.dock-end-btn{display:flex;align-items:center;gap:7px;padding:7px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffff8c;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s}.dock-end-btn:hover{background:#ef444424;border-color:#ef444440;color:#fca5a5e6}.customization-tray{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);z-index:150;background:#070912f0;border-left:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(40px) saturate(160%);backdrop-filter:blur(40px) saturate(160%);display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .32s var(--ease-spring);pointer-events:none;box-shadow:-12px 0 48px #0006}.customization-tray.open{transform:translate(0);pointer-events:all}.tray-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.tray-title{font-size:13.5px;font-weight:600;color:#fffc;letter-spacing:-.01em}.tray-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#ffffff12;color:#ffffff73;cursor:pointer;font-size:18px;transition:background .18s,color .18s}.tray-close:hover{background:#ffffff24;color:#ffffffe6}.tray-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:22px}.tray-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff42;margin-bottom:10px}.tray-layout-grid{display:flex;gap:8px;flex-wrap:wrap}.layout-option-btn{flex:1;min-width:60px;padding:9px 6px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:transparent;color:#ffffff73;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:all .18s}.layout-option-btn.active{border-color:#ffffff4d;background:#ffffff14;color:#ffffffe6}.layout-option-btn:hover:not(.active){border-color:#ffffff2e;color:#ffffffb3}.tray-clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clock-style-btn{padding:9px 10px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:transparent;color:#ffffff73;font-family:inherit;font-size:12px;cursor:pointer;text-align:center;transition:all .18s}.clock-style-btn.active{border-color:#ffffff4d;background:#ffffff14;color:#ffffffe6}.clock-style-btn:hover:not(.active){border-color:#ffffff2e;color:#ffffffb3}.tray-gradient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gradient-swatch{aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .18s var(--ease-spring),border-color .18s}.gradient-swatch:hover{transform:scale(1.08)}.gradient-swatch.active{border-color:#fff9}.gradient-swatch span{display:none}.tray-color-row{display:flex;gap:10px;align-items:center}.tray-color-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.tray-color-label{font-size:10px;color:#ffffff4d;font-weight:500}.tray-color-input{width:100%;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;padding:2px;overflow:hidden}.tray-color-input::-webkit-color-swatch-wrapper{padding:0}.tray-color-input::-webkit-color-swatch{border:none;border-radius:5px}.tray-angle-row{display:flex;align-items:center;gap:10px}.tray-angle-label{font-size:11px;color:#ffffff52;min-width:36px}.tray-angle-slider{flex:1;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff21;border-radius:999px;outline:none;cursor:pointer}.tray-angle-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fffc;cursor:grab;box-shadow:0 0 6px #ffffff40}.tray-upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.13);background:#ffffff06;cursor:pointer;transition:border-color .2s,background .2s}.tray-upload-zone:hover{border-color:#ffffff42;background:#ffffff0d}.tray-upload-icon{font-size:22px;opacity:.45}.tray-upload-text{font-size:12px;color:#ffffff5c;text-align:center}.tray-upload-error{font-size:11px;color:#dc5050cc;text-align:center}.tray-clear-img{background:none;border:none;font-family:inherit;font-size:12px;color:#ffffff4d;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color .15s}.tray-clear-img:hover{color:#fca5a5b3}@media (min-width: 1440px){.focus-timer-ring-wrap{width:clamp(340px,38vmin,500px);height:clamp(340px,38vmin,500px)}.focus-timer{font-size:clamp(64px,8.5vmin,110px)}.focus-realtime{font-size:clamp(14px,1.6vmin,20px)}}@media (max-width: 1024px){.focus-timer-ring-wrap{width:clamp(240px,46vmin,400px);height:clamp(240px,46vmin,400px)}.focus-timer{font-size:clamp(40px,8vmin,80px)}.dock-end-btn span{display:none}.dock-end-btn{padding:7px 12px;gap:0}}@media (max-width: 768px){.focus-timer-ring-wrap{width:clamp(220px,60vw,360px);height:clamp(220px,60vw,360px)}.focus-timer{font-size:clamp(38px,10vw,72px)}.clock-mono .focus-timer{font-size:clamp(28px,7.5vw,54px)}.focus-realtime{font-size:clamp(11px,3vw,16px)}.focus-context-card,.dock-end-btn span{display:none}.dock-end-btn{padding:7px 12px;gap:0}.layout-immersive .focus-timer{font-size:clamp(52px,14vw,100px)}}@media (max-width: 480px){.focus-timer-ring-wrap{width:clamp(200px,80vw,300px);height:clamp(200px,80vw,300px)}.focus-timer{font-size:clamp(34px,10vw,60px)}.clock-mono .focus-timer{font-size:clamp(24px,8vw,46px)}.focus-realtime{font-size:11px}.focus-timer-divider{width:24px}.focus-timer-label{font-size:7px}.cycle-copy,.focus-kicker{font-size:9px}.layout-immersive .focus-timer{font-size:clamp(42px,14vw,72px)}.layout-immersive .focus-realtime{font-size:clamp(13px,4vw,20px)}}@media (max-height: 500px){.focus-dock,.focus-header{display:none}.focus-timer-ring-wrap{width:clamp(160px,40vh,260px);height:clamp(160px,40vh,260px)}.focus-timer{font-size:clamp(32px,8vh,60px)}.focus-realtime,.focus-timer-divider,.focus-timer-label{display:none}.cycle-copy{font-size:9px}}.complete-screen{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-base);overflow:auto;padding:0 16px 48px}@media (min-width: 600px){.complete-screen{align-items:center;padding:60px 24px 48px}}.complete-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 0%,var(--accent-faint) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 90%,var(--accent-sand-faint) 0%,transparent 70%);opacity:.7;z-index:0}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:20%;pointer-events:none;animation:inkBleed 2.5s var(--ease-out) both;opacity:0}.complete-content{position:relative;z-index:1;width:100%;max-width:520px;padding:16px 0 8px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeUp var(--dur-slow) var(--ease-out) both}@media (min-width: 1024px){.complete-content{max-width:600px}}.complete-checkmark{position:relative;width:88px;height:88px;border-radius:50%;background:var(--accent-faint);border:2px solid var(--border-accent);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--accent);opacity:0;transform:scale(.5);transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-spring);margin-top:32px}.complete-checkmark:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:var(--accent);opacity:0;z-index:-1}.complete-checkmark.shown{opacity:1;transform:scale(1);animation:stampDown var(--dur-slow) var(--ease-spring) both}.complete-checkmark.shown:before{animation:inkBleed 1s var(--ease-out) .2s both}.complete-title{font-family:Lora,Georgia,serif;font-size:clamp(24px,4vw,32px);font-weight:500;color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin:-8px 0}.streak-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-pill);background:var(--accent-amber-faint);border:1px solid rgba(212,146,42,.2);animation:popIn var(--dur-normal) var(--ease-spring) .5s both}.streak-flame{font-size:20px}.streak-count{font-size:14px;font-weight:700;color:var(--accent-amber);letter-spacing:-.01em}.stats-panel{width:100%;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:4px 0;box-shadow:var(--shadow-sm);overflow:hidden}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--border);gap:12px}.stat-row:last-child{border-bottom:none}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500;flex-shrink:0}.stat-value{font-size:14px;color:var(--text-primary);font-weight:600;text-align:right;letter-spacing:-.01em}.quality-row{align-items:center}.quality-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--accent-green-faint);color:var(--accent-green);font-size:13px;font-weight:700;border:1px solid rgba(76,175,125,.2)}.quality-emoji{font-size:16px}.achievements-burst{width:100%;display:flex;flex-direction:column;gap:14px;animation:slideInUp var(--dur-slow) var(--ease-spring) both}.achievements-title{font-size:15px;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:-.01em}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 12px;border-radius:var(--radius-lg);background:var(--bg-card);border:1.5px solid var(--border);text-align:center;animation:popIn var(--dur-normal) var(--ease-spring) both;box-shadow:var(--shadow-xs)}.achievement-icon{font-size:28px}.achievement-name{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.achievement-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.insights-box{width:100%;padding:16px 0 0;border-top:1px solid var(--border)}.insights-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-sand);margin-bottom:8px}.insights-text{font-size:14px;color:var(--text-muted);font-style:italic;font-family:Lora,Georgia,serif;line-height:1.65}.action-buttons{width:100%;display:flex;flex-direction:column;gap:10px}.btn-new{width:100%;padding:16px 28px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural);box-shadow:0 4px 20px var(--accent-glow)}.btn-new:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.btn-new:active{transform:scale(.98)}.btn-dashboard{width:100%;padding:14px 28px;border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:transparent;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural),color var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring)}.btn-dashboard:hover{background:var(--bg-elevated);border-color:var(--border-accent);color:var(--accent);transform:translateY(-1px)}.dashboard-screen{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--bg-base);overflow:auto}.dashboard-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 85% 10%,var(--accent-faint) 0%,transparent 70%),radial-gradient(ellipse 40% 35% at 10% 90%,var(--accent-sand-faint) 0%,transparent 70%);opacity:.5;z-index:0}.dashboard-header{position:relative;z-index:2;padding:32px 28px 0;display:flex;flex-direction:column;gap:6px;animation:fadeUp var(--dur-slow) var(--ease-out) both;max-width:1200px;margin:0 auto;width:100%}@media (min-width: 1024px){.dashboard-header{padding:40px 48px 0;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.dashboard-header-left{display:flex;flex-direction:column;gap:6px}}.dashboard-greeting{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.75}.dashboard-title{font-family:Lora,Georgia,serif;font-size:clamp(22px,3.5vw,32px);font-weight:500;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.dashboard-subtitle{font-size:14px;color:var(--text-muted);margin-top:2px}.header-streak{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--accent-amber-faint);border:1px solid rgba(212,146,42,.2);width:-moz-fit-content;width:fit-content;margin-top:4px}.flame{font-size:16px}.header-streak span:last-child{font-size:13px;font-weight:700;color:var(--accent-amber)}.dashboard-content{position:relative;z-index:2;padding:24px 28px 48px;display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;width:100%}@media (min-width: 1024px){.dashboard-content{padding:32px 48px 64px;display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.metrics-section{grid-column:1 / -1}.chart-section{grid-column:1}.activity-section{grid-column:2}.achievements-section,.dashboard-cta{grid-column:1 / -1}}.metrics-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.metrics-scroll::-webkit-scrollbar{display:none}@media (min-width: 1024px){.metrics-scroll{display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible}}.metric-card{flex-shrink:0;min-width:140px;padding:20px 22px;border-radius:var(--radius-lg);background:var(--bg-card);border:1.5px solid var(--border);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural),border-color var(--dur-fast) var(--ease-natural);animation:slideInRight var(--dur-normal) var(--ease-spring) both;cursor:default}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.metric-number{font-family:Lora,Georgia,serif;font-size:36px;font-weight:500;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.metric-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em;margin-top:2px}.metric-unit{font-size:11px;color:var(--text-faint);font-weight:400}.metric-card:nth-child(1){animation-delay:.04s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.16s}.metric-card:nth-child(4){animation-delay:.22s}.section-title{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.activity-section{display:flex;flex-direction:column}.activity-list{display:flex;flex-direction:column;position:relative}.activity-list:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--accent-faint),var(--border),transparent)}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:10px 0 10px 24px;position:relative;transition:background var(--dur-fast) var(--ease-natural);border-radius:var(--radius-sm);animation:fadeUp var(--dur-normal) var(--ease-out) both}.activity-item:hover{background:var(--bg-input)}.activity-item:before{content:"";position:absolute;left:2px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-base);flex-shrink:0}.activity-date{display:flex;flex-direction:column;gap:1px;flex-shrink:0;min-width:50px}.activity-day{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.activity-time{font-size:10px;color:var(--text-faint);font-weight:400}.activity-intention{flex:1;font-size:13px;color:var(--text-secondary);line-height:1.4;padding-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-duration{flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-faint);padding:3px 10px;border-radius:var(--radius-pill);background:var(--bg-input);font-variant-numeric:tabular-nums;white-space:nowrap}.activity-item:nth-child(1){animation-delay:.05s}.activity-item:nth-child(2){animation-delay:.1s}.activity-item:nth-child(3){animation-delay:.15s}.activity-item:nth-child(4){animation-delay:.2s}.activity-item:nth-child(5){animation-delay:.25s}.chart-section{display:flex;flex-direction:column}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:100px;padding:0 4px;border-bottom:1px solid var(--border)}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}.bar-label{font-size:10px;color:var(--text-faint);font-weight:600;letter-spacing:.04em;text-transform:uppercase;order:3}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(to top,var(--accent-dim),var(--accent-light));transition:height .6s var(--ease-spring);opacity:.85}.bar-value{font-size:10px;color:var(--text-faint);font-weight:500;order:0;min-height:14px;display:flex;align-items:center}.achievements-section{display:flex;flex-direction:column}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.achievement-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:var(--radius-lg);background:var(--bg-card);border:1.5px solid var(--border);text-align:center;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) var(--ease-natural)}.achievement-item:hover{transform:translateY(-3px);border-color:var(--accent-sand)}.ach-icon{font-size:26px}.ach-name{font-size:11px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.ach-desc{font-size:10px;color:var(--text-faint);line-height:1.35}.btn-new-session{width:100%;padding:16px 28px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease-natural),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-natural);box-shadow:0 4px 20px var(--accent-glow)}.btn-new-session:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.btn-new-session:active{transform:scale(.98)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.empty-icon{font-size:40px;opacity:.4}.empty-text{font-size:14px;color:var(--text-faint);font-style:italic;max-width:240px;line-height:1.6}.seo-page{min-height:100vh;height:auto;background:var(--bg-base);color:var(--text-secondary);font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden}.seo-topnav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:.75rem;transition:background .3s ease,border-color .3s ease}.seo-topnav-brand{font-size:1.1rem;font-weight:700;color:var(--accent-light);text-decoration:none;letter-spacing:-.02em;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color .3s ease}.seo-topnav-links{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center}.seo-topnav-links a,.seo-topnav-links button{font-size:.85rem;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:color .2s;font-family:inherit}.seo-topnav-links a:hover,.seo-topnav-links button:hover{color:var(--accent-light)}.seo-topnav-cta{background:var(--accent);color:#fff!important;padding:.45rem 1rem!important;border-radius:6px;font-weight:600!important;transition:background .2s!important}.seo-topnav-cta:hover{background:var(--accent-light);color:#fff!important}.seo-hero{padding:4rem 2rem 3rem;text-align:center;max-width:780px;margin:0 auto}.seo-hero-kicker{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);margin-bottom:1rem;background:var(--accent-faint);padding:.3rem .9rem;border-radius:999px;border:1px solid var(--border-accent);transition:color .3s ease,background .3s ease,border-color .3s ease}.seo-hero h1{font-size:clamp(2rem,5vw,3rem);font-family:DM Sans,Inter,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 1.1rem;transition:color .3s ease}.seo-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-hero-lead{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:100%;margin:0 auto 1.5rem;transition:color .3s ease}.seo-hero-meta{font-size:.78rem;color:var(--text-faint);display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;transition:color .3s ease}.seo-hero-meta span:before{content:"• "}.seo-hero-meta span:first-child:before{content:""}.seo-hero-image-wrap{margin:3.5rem auto 0;max-width:100%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-accent);position:relative;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.seo-hero-image-wrap:hover{transform:translateY(-4px);box-shadow:0 20px 60px var(--accent-glow);border-color:var(--accent)}.seo-hero-img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:21 / 9;filter:saturate(1.1) contrast(1.05)}.seo-content{max-width:820px;margin:0 auto;padding:1.5rem 2rem 4rem;flex:1}.seo-prose{max-width:680px;margin:0 auto}.seo-prose h2{font-size:1.35rem;font-family:DM Sans,Inter,sans-serif;font-weight:800;color:var(--text-primary);margin:3.5rem 0 1rem;letter-spacing:.02em;transition:color .3s ease;text-align:start}.seo-prose h3{font-size:1.25rem;font-family:DM Sans,Inter,sans-serif;font-weight:700;color:var(--text-primary);margin:2rem 0 .75rem;transition:color .3s ease}.seo-prose p{font-size:1rem;color:var(--text-muted);line-height:1.8;margin:0 0 1rem;transition:color .3s ease}.seo-prose strong{color:var(--text-secondary);transition:color .3s ease}.seo-prose a{color:var(--accent-light);text-decoration:underline;text-underline-offset:3px;transition:color .3s ease}.seo-prose a:hover{color:var(--accent)}.seo-prose ul,.seo-prose ol{padding-left:1.5rem;margin:0 0 1rem;color:var(--text-muted);transition:color .3s ease}.seo-prose li{margin-bottom:.5rem;line-height:1.7}.seo-prose li strong{color:var(--text-secondary);transition:color .3s ease}.seo-prose blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.75rem 1.25rem;background:var(--accent-faint);border-radius:0 8px 8px 0;font-style:italic;color:var(--accent-light);transition:background .3s ease,border-color .3s ease,color .3s ease}.seo-callout{background:var(--accent-faint);border:1px solid var(--border-accent);border-radius:12px;padding:1.25rem 1.5rem;margin:1.75rem 0;color:var(--text-secondary);font-size:.95rem;line-height:1.7;transition:background .3s ease,border-color .3s ease,color .3s ease}.seo-callout strong{color:var(--accent-light);display:block;margin-bottom:.35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;transition:color .3s ease}.seo-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin:1.75rem 0}.seo-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .2s,background .3s ease}.seo-feature-card:hover{border-color:var(--border-accent)}.seo-feature-card-icon{font-size:1.6rem;margin-bottom:.6rem;display:block}.seo-feature-card h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .4rem;transition:color .3s ease}.seo-feature-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin:0;transition:color .3s ease}.seo-steps{counter-reset:step;list-style:none;padding:0;margin:1.5rem 0}.seo-steps li{counter-increment:step;display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);transition:border-color .3s ease}.seo-steps li:last-child{border-bottom:none}.seo-step-num{flex-shrink:0;width:2.1rem;height:2.1rem;background:linear-gradient(135deg,var(--accent),var(--accent-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;margin-top:.1rem}.seo-step-body h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .35rem;transition:color .3s ease}.seo-step-body p{font-size:.9rem;color:var(--text-muted);line-height:1.65;margin:0;transition:color .3s ease}.seo-faq-list{list-style:none;padding:0;margin:1.5rem 0}.seo-faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s}.seo-faq-item.open{border-color:var(--border-accent)}.seo-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-card);border:none;cursor:pointer;text-align:left;color:var(--text-primary);font-size:.95rem;font-weight:600;font-family:inherit;gap:1rem;transition:background .2s,color .3s ease}.seo-faq-question:hover{background:var(--bg-card-hover)}.seo-faq-chevron{flex-shrink:0;font-size:.75rem;color:var(--accent);transition:transform .25s,color .3s ease}.seo-faq-item.open .seo-faq-chevron{transform:rotate(180deg)}.seo-faq-answer{display:none;padding:.85rem 1.25rem 1.1rem;font-size:.92rem;color:var(--text-muted);line-height:1.75;background:var(--bg-input);transition:background .3s ease,color .3s ease}.seo-faq-item.open .seo-faq-answer{display:block}.seo-faq-answer a{color:var(--accent-light);transition:color .3s ease}.seo-cta-strip{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:16px;padding:2.25rem 2rem;text-align:center;margin:2.5rem 0;transition:background .3s ease,border-color .3s ease}.seo-cta-strip h2{font-size:1.5rem;font-weight:700;font-family:DM Sans,Inter,sans-serif;color:var(--text-primary);margin:0 0 .6rem;border:none;padding:0;transition:color .3s ease}.seo-cta-strip p{color:var(--text-muted);margin:0 0 1.5rem;transition:color .3s ease}.seo-cta-btn{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-blue));color:#fff;font-size:1rem;font-weight:700;padding:.8rem 2rem;border-radius:10px;border:none;cursor:pointer;font-family:inherit;text-decoration:none;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px var(--accent-glow)}.seo-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.seo-breadcrumb{font-size:.8rem;color:var(--text-faint);margin-bottom:1.5rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;transition:color .3s ease}.seo-breadcrumb a,.seo-breadcrumb button{color:var(--accent-light);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-size:.8rem;font-family:inherit;transition:color .3s ease}.seo-breadcrumb a:hover,.seo-breadcrumb button:hover{text-decoration:underline}.seo-breadcrumb span{color:var(--text-ultra-faint);transition:color .3s ease}.seo-footer{border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--text-faint);font-size:.82rem;line-height:1.7;transition:border-color .3s ease,color .3s ease}.seo-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:.75rem}.seo-footer-links a,.seo-footer-links button{color:var(--text-faint);text-decoration:none;background:none;border:none;cursor:pointer;font-size:.82rem;font-family:inherit;transition:color .2s;padding:0}.seo-footer-links a:hover,.seo-footer-links button:hover{color:var(--accent-light)}.seo-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.seo-stat{text-align:center}.seo-stat-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;margin-bottom:.3rem;font-family:DM Sans,Inter,sans-serif}.seo-stat-label{font-size:.8rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;transition:color .3s ease}@media (max-width: 640px){.seo-topnav{padding:.85rem 1.25rem}.seo-hero{padding:2.5rem 1.25rem 2rem}.seo-content{padding:1rem 1.25rem 3rem}.seo-feature-grid{grid-template-columns:1fr}.seo-cta-strip{padding:1.75rem 1.25rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:root,[data-theme=light]{--bg-base: #F7F5F0;--bg-surface: #EFECEA;--bg-elevated: #FDFCFA;--bg-card: rgba(255, 253, 248, .92);--bg-card-hover: rgba(255, 253, 248, 1);--bg-overlay: rgba(247, 245, 240, .94);--bg-input: rgba(30, 24, 18, .04);--text-primary: #1C1917;--text-secondary: #3D3730;--text-muted: #6B6258;--text-faint: #9C9289;--text-ultra-faint: #C5BFB8;--border: rgba(30, 24, 18, .08);--border-strong: rgba(30, 24, 18, .14);--border-accent: rgba(92, 107, 192, .18);--accent: #5C6BC0;--accent-light: #7986CB;--accent-dim: #3F51B5;--accent-faint: rgba(92, 107, 192, .08);--accent-glow: rgba(92, 107, 192, .16);--accent-sand: #A8956A;--accent-sand-faint:rgba(168, 149, 106, .12);--accent-blue: #4A90D9;--accent-blue-faint:rgba(74, 144, 217, .1);--accent-green: #4CAF7D;--accent-green-faint:rgba(76, 175, 125, .1);--accent-amber: #D4922A;--accent-amber-faint:rgba(212, 146, 42, .1);--accent-red: #C0392B;--accent-rose: #D45C7A;--shadow-xs: 0 1px 2px rgba(30, 24, 18, .05);--shadow-sm: 0 2px 6px rgba(30, 24, 18, .07);--shadow-md: 0 6px 20px rgba(30, 24, 18, .08);--shadow-lg: 0 16px 48px rgba(30, 24, 18, .1);--shadow-glow: 0 0 32px rgba(92, 107, 192, .12);--scrollbar-thumb: rgba(92, 107, 192, .2);--scrollbar-hover: rgba(92, 107, 192, .35);color-scheme:light}[data-theme=dark]{--bg-base: #141210;--bg-surface: #1C1A17;--bg-elevated: #252220;--bg-card: rgba(255, 250, 240, .05);--bg-card-hover: rgba(255, 250, 240, .08);--bg-overlay: rgba(20, 18, 16, .92);--bg-input: rgba(255, 250, 240, .06);--text-primary: #F0ECE4;--text-secondary: #CEC8BE;--text-muted: #9A9080;--text-faint: #65604E;--text-ultra-faint: #3A3630;--border: rgba(255, 250, 240, .07);--border-strong: rgba(255, 250, 240, .12);--border-accent: rgba(121, 134, 203, .2);--accent: #7986CB;--accent-light: #9FA8DA;--accent-dim: #5C6BC0;--accent-faint: rgba(121, 134, 203, .1);--accent-glow: rgba(121, 134, 203, .18);--accent-sand: #C9A96E;--accent-sand-faint:rgba(201, 169, 110, .12);--accent-blue: #64B0E8;--accent-blue-faint:rgba(100, 176, 232, .12);--accent-green: #66BB95;--accent-green-faint:rgba(102, 187, 149, .12);--accent-amber: #E4A84A;--accent-amber-faint:rgba(228, 168, 74, .12);--accent-red: #E57373;--accent-rose: #E07A95;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 56px rgba(0, 0, 0, .4);--shadow-glow: 0 0 36px rgba(121, 134, 203, .15);--scrollbar-thumb: rgba(121, 134, 203, .25);--scrollbar-hover: rgba(121, 134, 203, .4);color-scheme:dark}:root{--ease-spring: cubic-bezier(.34, 1.42, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-natural: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-instant: 80ms;--dur-fast: .16s;--dur-normal: .28s;--dur-slow: .48s;--dur-slower: .7s;--duration-slow: .48s;--duration-normal: .28s;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--flow-guide-height: 64px}html,body,#root{width:100%;min-height:100%}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);overflow:auto;transition:background-color var(--dur-slow) var(--ease-natural),color var(--dur-slow) var(--ease-natural);line-height:1.6;font-feature-settings:"cv02","cv03","cv04","cv11"}::-moz-selection{background-color:var(--accent-faint);color:var(--accent)}::selection{background-color:var(--accent-faint);color:var(--accent)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.with-flow-guide{padding-top:calc(var(--flow-guide-height) + 20px)}html{scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeBlur{0%{opacity:0;filter:blur(8px);transform:scale(.98)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.82)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes inkBleed{0%{transform:scale(0);opacity:.7}70%{opacity:.15}to{transform:scale(4);opacity:0}}@keyframes stampDown{0%{transform:scale(0) rotate(-8deg);opacity:0}55%{transform:scale(1.18) rotate(3deg);opacity:1}75%{transform:scale(.94) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.4);opacity:0}}@keyframes drawIn{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.06s}.reveal-d2{transition-delay:.12s}.reveal-d3{transition-delay:.18s}.reveal-d4{transition-delay:.24s}.reveal-d5{transition-delay:.3s}.reveal-d6{transition-delay:.36s}.font-display{font-family:Lora,Georgia,Times New Roman,serif}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}