@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+SC:wght@700&display=swap");:root{--bg:#fff;--panel:#0f1115;--text:#222;--muted:#9aa3b2;--brand:#5b8cff;--brand-600:#3d6ef1;--border:#1a1f2b;--brand-primary:24,90%,61%;--brand-primary-dark:23,88%,53%;--brand-primary-light:26,95%,70%;--brand-primary-hover:22,85%,55%;--brand-primary-subtle:25,75%,85%;--brand-blue:197,68%,60%;--brand-blue-dark:212,94%,54%;--brand-blue-light:231,95%,75%;--brand-teal:189,39%,74%;--brand-purple:316,22%,52%;--bg-primary:0,0%,100%;--bg-secondary:33,82%,96%;--bg-orange-light:25,100%,97%;--bg-blue-light:200,60%,98%;--bg-elevated:0,0%,98%;--bg-dark-primary:224,13%,34%;--bg-dark-secondary:256,37%,30%;--bg-dark-elevated:224,15%,40%;--bg-card-dark:224,12%,38%;--text-primary:224,13%,20%;--text-secondary:224,10%,50%;--text-tertiary:224,8%,65%;--text-muted:224,6%,75%;--text-on-orange:0,0%,100%;--text-dark-primary:0,0%,98%;--text-dark-secondary:0,0%,85%;--text-dark-tertiary:0,0%,70%;--text-dark-muted:0,0%,60%;--success:140,60%,50%;--warning:45,95%,55%;--error:0,70%,55%;--info:197,68%,60%;--calm:189,39%,74%;--focus:197,68%,60%;--energy:24,90%,61%;--balance:316,22%,52%;--mindful:160,30%,65%;--meditation-deep:256,37%,30%;--meditation-calm:189,39%,74%;--sleep-night:240,45%,25%;--sleep-twilight:280,35%,45%;--mindfulness-earth:35,45%,65%;--category-sleep:240,45%,55%;--category-focus:197,68%,60%;--category-stress:24,90%,61%;--category-happiness:45,85%,65%;--category-relationships:316,22%,52%;--category-work:189,39%,74%;--orange-50:33,82%,96%;--orange-100:30,80%,90%;--orange-200:28,85%,80%;--orange-300:26,88%,70%;--orange-400:24,90%,61%;--orange-500:23,88%,53%;--orange-600:22,85%,45%;--orange-700:20,80%,38%;--orange-800:18,75%,30%;--orange-900:16,70%,22%;--blue-50:200,60%,98%;--blue-100:199,65%,92%;--blue-200:198,70%,82%;--blue-300:197,68%,70%;--blue-400:197,68%,60%;--blue-500:212,94%,54%;--blue-600:212,90%,48%;--blue-700:212,85%,40%;--blue-800:212,80%,32%;--blue-900:212,75%,25%;--neutral-50:0,0%,99%;--neutral-100:33,82%,96%;--neutral-200:30,20%,90%;--neutral-300:25,15%,80%;--neutral-400:224,8%,65%;--neutral-500:224,10%,50%;--neutral-600:224,12%,40%;--neutral-700:224,13%,34%;--neutral-800:224,15%,25%;--neutral-900:256,37%,30%;--btn-primary-default:24,90%,61%;--btn-primary-hover:22,85%,55%;--btn-primary-active:20,80%,48%;--btn-primary-disabled:224,8%,80%;--btn-secondary-default:197,68%,60%;--btn-secondary-hover:197,65%,55%;--btn-secondary-active:197,62%,50%;--btn-outline-default:224,8%,90%;--btn-outline-hover:24,90%,61%;--link-default:212,94%,54%;--link-hover:24,90%,61%;--link-visited:316,22%,52%;--link-active:23,88%,53%;--morning-energy:45,85%,65%;--afternoon-focus:197,68%,60%;--evening-calm:280,35%,55%;--night-rest:240,45%,35%;--nature-sky:200,75%,70%;--nature-ocean:195,60%,50%;--nature-forest:140,40%,45%;--nature-sunset:24,90%,61%;--nature-earth:35,45%,55%;--progress-incomplete:224,8%,85%;--progress-active:24,90%,61%;--progress-complete:140,60%,50%;--streak-bronze:30,70%,55%;--streak-silver:0,0%,70%;--streak-gold:45,85%,55%;--achievement-beginner:140,40%,60%;--achievement-intermediate:24,90%,61%;--achievement-advanced:316,22%,52%;--achievement-expert:45,85%,55%;--accent-warm:15,80%,65%;--accent-cool:190,60%,65%;--accent-vibrant:45,95%,60%;--accent-subtle:25,40%,85%;--border-light:224,8%,90%;--border-medium:224,10%,80%;--border-strong:224,12%,70%;--border-orange:24,90%,61%;--border-blue:197,68%,60%;--input-default:224,8%,90%;--input-focus:24,90%,61%;--input-error:0,70%,55%;--input-success:140,60%,50%;--surface-1:0,0%,100%;--surface-2:33,82%,96%;--surface-3:30,20%,94%;--surface-4:25,15%,92%;--surface-dark-1:224,13%,34%;--surface-dark-2:224,12%,38%;--surface-dark-3:224,11%,42%;--surface-dark-4:224,10%,46%;--notification-success-bg:140,45%,95%;--notification-success-text:140,60%,35%;--notification-warning-bg:45,85%,95%;--notification-warning-text:45,70%,35%;--notification-error-bg:0,60%,95%;--notification-error-text:0,70%,40%;--notification-info-bg:197,60%,95%;--notification-info-text:197,68%,40%;--touch-feedback:24,90%,61%;--ripple-effect:197,68%,60%;--nav-active:24,90%,61%;--nav-inactive:224,8%,65%;--nav-background:0,0%,100%;--theme-sunrise:24,90%,61%;--theme-daylight:197,68%,60%;--theme-sunset:15,85%,58%;--theme-moonlight:240,45%,35%;--adaptive-bg-light:33,82%,96%;--adaptive-bg-medium:224,8%,85%;--adaptive-bg-dark:224,13%,34%;--adaptive-text-light:0,0%,98%;--adaptive-text-medium:224,10%,50%;--adaptive-text-dark:224,13%,34%;--font-dm-serif: ;--font-serif:"DM Serif Text","Noto Serif SC",serif;--radius:0.5rem;--header-height:64px;--sidebar-width:288px;--sidebar-background:210,18%,98%;--writing-width:50rem}*{box-sizing:border-box}body,html{padding:0;margin:0}body{color:hsl(var(--text-primary));font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}header.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsl(var(--bg-primary))}header .inner{display:flex;align-items:center;justify-content:space-between;padding:20px}.nav{flex:1 1;display:flex;gap:1.5rem}.nav a{color:hsl(var(--text-primary));text-decoration:none}.nav a:hover{text-decoration:underline}.header-actions{flex:1 1;display:flex;align-items:center;justify-content:flex-end}.header-actions .cta{border:none;background:hsl(var(--bg-primary));color:hsl(var(--text-primary));padding:.75rem 1.5rem;border-radius:40px;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .2s ease}.header-actions .cta svg{transform:translate3d(-20px,0,0);color:#fff;opacity:0;transition:all .2s ease}.header-actions .cta.highlight,.header-actions .cta:hover{background:hsl(var(--brand-primary));color:#fff}.header-actions .cta.highlight svg,.header-actions .cta:hover svg{transform:translateZ(0);opacity:1}.header-actions .cta:hover{background:hsl(var(--brand-primary-light))}.header-actions .cta:active{background:hsl(var(--brand-primary-dark))}.language-switcher{border:none;background:hsl(var(--bg-primary));color:hsl(var(--text-primary));padding:.75rem 1.2rem;border-radius:40px;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s ease}.language-switcher:hover{background:hsl(var(--neutral-100))}.language-menu{position:absolute;top:100%;right:0;margin-top:8px;background:hsl(var(--bg-primary));border:1px solid hsl(var(--neutral-300));border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;min-width:140px}.language-menu button{display:block;width:100%;padding:12px 16px;border:none;background:hsl(var(--bg-primary));cursor:pointer;text-align:left}.language-menu button.selected{background:hsl(var(--bg-elevated));font-weight:600}.hero{padding:7rem 0 5rem;text-align:center}.hero h1{font-family:var(--font-serif);font-size:3rem;line-height:1.1;margin:0 0 3rem}.actions .cta{border:none;background:hsl(var(--brand-primary));color:hsl(var(--text-on-orange));padding:1rem 1.875rem;border-radius:40px;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .2s ease}.actions .cta svg{transform:translateZ(0);transition:all .2s ease}.actions .cta:hover{background:hsl(var(--brand-primary-light))}.actions .cta:hover svg{transform:translate3d(10px,0,0)}.actions .cta:active{background:hsl(var(--brand-primary-dark))}.actions{margin-top:24px;display:flex;gap:12px;justify-content:center}.intro{font-size:1rem;line-height:1.6}.intro .container{padding-top:6rem;max-width:50rem}.intro h2{font-size:1.25rem;margin:2rem 0 .5rem;font-weight:600}.intro p{margin:0 0 1rem}.intro a{color:inherit;text-decoration:underline}.intro a:hover{color:hsl(var(--brand-primary))}.intro blockquote{padding:0 6rem;margin:1.5rem 0;color:hsl(var(--text-secondary));font-style:italic}.intro blockquote p{margin:0 0 .5rem}.intro blockquote cite{font-size:.875rem}.intro .actions{margin:5rem 0 7rem}footer.site-footer{border-top:1px solid hsl(var(--border-light));color:hsl(var(--text-secondary));text-align:center}footer .inner{padding:2rem 0;font-size:.75rem}footer a{margin:0 .5rem;color:hsl(var(--text-secondary))}footer a:hover{color:hsl(var(--text-primary))}.hero-new{padding:3rem 0}.hero-new .container{display:flex;flex-direction:column;gap:4rem;align-items:center;text-align:center}.hero-content h1{font-family:var(--font-serif);font-size:3.5rem;line-height:1.2;margin:0 0 1.5rem;color:hsl(var(--text-primary))}.hero-subtitle{max-width:40rem;font-size:1.25rem;line-height:1.6;color:hsl(var(--text-secondary));margin:0 0 2rem}.hero-actions{display:flex;gap:1rem;justify-content:center}.hero-actions .cta.primary{background:hsl(var(--brand-primary));color:#fff;padding:1rem 2rem;border-radius:40px;border:none;font-size:1.125rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.hero-actions .cta.primary:hover{background:hsl(var(--brand-primary-hover));transform:translateY(-2px);box-shadow:0 10px 30px rgba(245,139,68,.3)}.hero-actions .cta.primary svg{transition:transform .2s ease}.hero-actions .cta.primary:hover svg{transform:translateX(4px)}.hero-image{position:relative}.writing-progress{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:hsl(var(--text-secondary));text-align:left;overflow:visible;font-size:.75rem}.writing-progress-label{letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:2}.writing-progress-stats{display:flex;align-items:center;gap:.4rem;font-weight:600;color:hsl(var(--text-primary));position:relative;z-index:2}.writing-progress-words{min-width:2rem;text-align:right}.writing-progress-goal{font-weight:400;color:hsl(var(--text-secondary))}.writing-progress-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:hsl(var(--brand-primary));opacity:0;transform:scale(.7);visibility:hidden;transition:opacity .3s ease,transform .3s ease;font-size:1.5rem}.writing-progress-icon.is-visible{opacity:1;transform:scale(1);visibility:visible}.writing-progress-bar{position:relative;display:block;width:min(8rem,100%);height:.2rem;border-radius:.1rem;background:rgba(0,0,0,.08);overflow:hidden;z-index:2}.writing-progress-bar__fill{position:absolute;inset:0;width:0;background:hsl(var(--brand-primary));transition:width .3s ease}.screenshot-wrapper{position:relative;border-radius:12px;overflow:hidden;max-width:50rem;box-shadow:0 20px 60px rgba(0,0,0,.15)}.screenshot-wrapper img{width:100%;height:auto;display:block}.hero-writing{position:relative;text-align:left;font-size:1.2rem;font-family:Libre Baskerville,serif;line-height:1.6;height:16rem;padding:0 1.5rem}.hero-writing:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:8rem;background:linear-gradient(hsla(0,0%,100%,0),#fff)}.main-features{padding:5rem 0}.section-title{font-size:2rem;text-align:center;margin:0 0 3rem;color:hsl(var(--text-primary))}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;max-width:900px;margin:0 auto}.feature-card{background:hsl(var(--bg-primary));border-radius:16px;overflow:hidden;transition:all .3s ease;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:3rem;gap:3rem;padding:2rem}.feature-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.1)}.feature-card:nth-child(2n){grid-template-columns:1fr 1fr;direction:rtl}.feature-card:nth-child(2n)>*{direction:ltr}.feature-image{aspect-ratio:1/1;background:hsl(var(--neutral-50));display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-content{padding:0 1rem 2rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--brand-primary));font-size:1.75rem;margin-bottom:1rem}.feature-content h3{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:hsl(var(--text-primary))}.feature-content p{font-size:1.05rem;line-height:1.7;color:hsl(var(--text-secondary));margin:0}.sub-features{padding:5rem 0}.sub-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem;gap:2.5rem}.sub-feature-item{text-align:center}.sub-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:hsl(var(--blue-50));color:hsl(var(--brand-blue));font-size:1.75rem;margin:0 auto 1rem}.sub-feature-item h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:hsl(var(--text-primary))}.sub-feature-item p{font-size:.875rem;color:hsl(var(--text-secondary));margin:0}.cta-section{padding:5rem 0;background:hsl(var(--bg-orange-light));text-align:center;border-radius:1rem;margin-bottom:2rem}.cta-section h2{font-size:2rem;margin:0 0 1rem;color:hsl(var(--text-primary))}.cta-section p{font-size:1.125rem;color:hsl(var(--text-secondary));margin:0 0 2rem}.cta-section .cta.primary.large{background:hsl(var(--brand-primary));color:#fff;padding:1.25rem 2.5rem;border-radius:50px;border:none;font-size:1.25rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease}.cta-section .cta.primary.large:hover{background:hsl(var(--brand-primary-hover));transform:translateY(-3px);box-shadow:0 15px 40px rgba(245,139,68,.4)}.cta-section .cta.primary.large svg{font-size:1.5rem;transition:transform .3s ease}.cta-section .cta.primary.large:hover svg{transform:translateX(6px)}@media (max-width:1024px){.hero-new .container{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-image{max-width:600px;margin:2rem auto 0}.feature-card,.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:1.5rem}.feature-card:nth-child(2n){grid-template-columns:1fr}.sub-features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:640px){header .inner{flex-direction:column;gap:1rem}.header-actions .cta{display:none}.hero-new{padding:3rem 0}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.sub-features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-section h2{font-size:1.75rem}.cta-section .cta.primary.large{padding:1rem 2rem;font-size:1.125rem}}.typewriter-text{white-space:pre-wrap}.typewriter-caret{display:inline-block;width:2px;height:1em;transform:translateY(3px);margin-left:.1em;background:currentColor;animation:typewriter-caret-blink 1s steps(2,start) infinite;vertical-align:baseline}.typewriter-caret--hidden{opacity:0}@keyframes typewriter-caret-blink{0%,to{opacity:1}50%{opacity:0}}.AnalyticsConsent_cookieAgreement__T_UIj{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;padding:16px;box-shadow:0 -1px 8px rgba(0,0,0,.05);z-index:1000;font-size:14px;transform:translateY(0);opacity:1;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);animation:AnalyticsConsent_slideUpFromBottom__VaYnS .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes AnalyticsConsent_slideUpFromBottom__VaYnS{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.AnalyticsConsent_cookieAgreement__T_UIj.AnalyticsConsent_hidden__cvTZ_{transform:translateY(100%);opacity:0}.AnalyticsConsent_cookieAgreementText__ggZz_{max-width:800px;margin:0 auto}.AnalyticsConsent_cookieAgreementText__ggZz_ h5{font-size:1.5rem;margin:0 0 12px}.AnalyticsConsent_cookieAgreementText__ggZz_>div{display:flex;gap:2rem;justify-content:space-between}.AnalyticsConsent_cookieAgreementText__ggZz_ p{margin:0 0 12px;line-height:1.3}.AnalyticsConsent_cookieAgreementBtn__wy_gr{margin-bottom:12px;display:flex;gap:.875rem;height:42px}.AnalyticsConsent_cookieAgreementBtn__wy_gr button{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.AnalyticsConsent_cookieAgreementBtn-Agree__8wU6t{background:hsl(var(--brand-primary));color:#fff;border:none;width:150px}.AnalyticsConsent_cookieAgreementBtn-Agree__8wU6t:hover{background:hsl(var(--brand-primary-dark))}.AnalyticsConsent_cookieAgreementBtn-Reject__HSKRB{background:transparent;border:1px solid hsl(var(--border-light));color:hsl(var(--text-secondary))}.AnalyticsConsent_cookieAgreementBtn-Reject__HSKRB:hover{border:1px solid hsl(var(--border-medium));color:hsl(var(--text-primary))}.AnalyticsConsent_cookieAgreementBtn-Link__20nom{color:hsl(var(--text-secondary));text-decoration:underline}.AnalyticsConsent_cookieAgreementBtn-Link__20nom:hover{color:hsl(var(--text-primary))}