:root,[data-theme=dark]{--sm-color-primary:#14b8a6;--sm-color-primary-hover:#0d9488;--sm-color-primary-light:rgba(20,184,166,.15);--sm-color-accent:#2dd4bf;--sm-color-success:#10b981;--sm-color-warning:#f59e0b;--sm-color-danger:#ef4444;--sm-color-purple:#a78bfa;--sm-color-text-primary:#fff;--sm-color-text-secondary:#a1a1aa;--sm-color-text-muted:#71717a;--sm-color-bg-0:#000;--sm-color-bg-1:#0a0a0a;--sm-color-bg-2:#111;--sm-color-bg-3:#161616;--sm-color-bg-4:#1a1a1a;--sm-color-border:hsla(0,0%,100%,.08);--sm-color-border-hover:hsla(0,0%,100%,.15);--sm-shadow-sm:0 1px 3px rgba(0,0,0,.3);--sm-shadow-md:0 4px 16px rgba(0,0,0,.4);--sm-shadow-lg:0 16px 32px rgba(0,0,0,.5);--sm-color-fill-0:hsla(0,0%,100%,.04);--sm-color-fill-1:hsla(0,0%,100%,.06);--sm-color-fill-2:hsla(0,0%,100%,.08);--sm-color-overlay:rgba(0,0,0,.7);--sm-btn-primary-bg:linear-gradient(135deg,#2dd4bf,#14b8a6);--sm-btn-primary-text:#fff;--sm-btn-primary-shadow:0 4px 20px rgba(20,184,166,.3);--sm-btn-primary-shadow-hover:0 6px 28px rgba(20,184,166,.4)}[data-theme=light]{--sm-color-primary:#0d9488;--sm-color-primary-hover:#0a6e66;--sm-color-primary-light:rgba(20,184,166,.1);--sm-color-accent:#14b8a6;--sm-color-success:#059669;--sm-color-warning:#d97706;--sm-color-danger:#dc2626;--sm-color-purple:#8b5cf6;--sm-color-text-primary:#18181b;--sm-color-text-secondary:#3f3f46;--sm-color-text-muted:#52525b;--sm-color-bg-0:#fff;--sm-color-bg-1:#fafafa;--sm-color-bg-2:#f4f4f5;--sm-color-bg-3:#e4e4e7;--sm-color-bg-4:#d4d4d8;--sm-color-border:rgba(0,0,0,.1);--sm-color-border-hover:rgba(0,0,0,.18);--sm-shadow-sm:0 1px 3px rgba(0,0,0,.08);--sm-shadow-md:0 4px 16px rgba(0,0,0,.1);--sm-shadow-lg:0 16px 32px rgba(0,0,0,.12);--sm-color-fill-0:rgba(0,0,0,.03);--sm-color-fill-1:rgba(0,0,0,.05);--sm-color-fill-2:rgba(0,0,0,.08);--sm-color-overlay:rgba(0,0,0,.45);--sm-btn-primary-bg:linear-gradient(135deg,#14b8a6,#19e6d0);--sm-btn-primary-text:#fff;--sm-btn-primary-shadow:0 4px 16px rgba(20,184,166,.3);--sm-btn-primary-shadow-hover:0 6px 24px rgba(20,184,166,.4)}.home-index{background:var(--sm-color-bg-0);color:var(--sm-color-text-primary);min-height:100vh;overflow-x:hidden}.home-header{backdrop-filter:blur(12px);background:rgba(0,0,0,.8);border-bottom:1px solid var(--sm-color-border);left:0;position:fixed;right:0;top:0;z-index:200}[data-theme=light] .home-header{background:hsla(0,0%,100%,.9)}.home-header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 24px}.home-header__logo{align-items:center;color:var(--sm-color-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;text-decoration:none}.home-header__logo-icon{align-items:center;background:var(--sm-btn-primary-bg);border-radius:8px;color:#fff;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.home-header__logo-icon,.home-header__logo-text{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.home-header__nav{align-items:center;display:flex;gap:32px}@media(max-width:767px){.home-header__nav{display:none}}.home-header__nav-link{color:var(--sm-color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease}.home-header__nav-link:hover{color:var(--sm-color-text-primary)}.home-header__actions{align-items:center;display:flex;gap:12px}.home-header__btn{border-radius:9999px;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.home-header__btn--primary{background:var(--sm-btn-primary-bg);box-shadow:var(--sm-btn-primary-shadow);color:var(--sm-btn-primary-text)}.home-header__btn--primary:hover{box-shadow:var(--sm-btn-primary-shadow-hover);transform:translateY(-1px)}.home-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 24px 48px;position:relative}.home-hero__bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.home-hero__bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.2),transparent);inset:0;position:absolute}[data-theme=light] .home-hero__bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.1),transparent)}.home-hero__bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;inset:0;position:absolute}[data-theme=light] .home-hero__bg-grid{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0)}.home-hero__container{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%}@media(max-width:900px){.home-hero__container{grid-template-columns:1fr;text-align:center}.home-hero__content{order:1}}.home-hero__title{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.25;margin-bottom:24px}.home-hero__title-line{display:block}.home-hero__title-line--highlight{background:linear-gradient(135deg,#2dd4bf,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero__subtitle{color:var(--sm-color-text-secondary);font-size:18px;line-height:1.6;margin-bottom:32px;max-width:500px}@media(max-width:900px){.home-hero__subtitle{margin-left:auto;margin-right:auto}}.home-hero__actions{display:flex;gap:12px}@media(max-width:900px){.home-hero__actions{justify-content:center}}@media(max-width:480px){.home-hero__actions{flex-direction:column}}.home-hero__btn{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.home-hero__btn--primary{background:var(--sm-btn-primary-bg);box-shadow:var(--sm-btn-primary-shadow);color:var(--sm-btn-primary-text)}.home-hero__btn--primary:hover{box-shadow:var(--sm-btn-primary-shadow-hover);transform:translateY(-2px)}.home-hero__btn--secondary{background:var(--sm-color-fill-1);border:1px solid var(--sm-color-border);color:var(--sm-color-text-primary)}.home-hero__btn--secondary:hover{background:var(--sm-color-fill-2);border-color:var(--sm-color-border-hover)}.home-hero__btn-icon{height:18px;width:18px}@media(max-width:900px){.home-hero__demo{order:0}}.home-hero__demo-card{background:var(--sm-color-bg-2);border:1px solid var(--sm-color-border);border-radius:16px;box-shadow:var(--sm-shadow-lg);overflow:hidden}.home-hero__demo-header{background:var(--sm-color-bg-3);border-bottom:1px solid var(--sm-color-border);display:flex;gap:8px;padding:12px 16px}.home-hero__demo-dot{background:var(--sm-color-fill-2);border-radius:50%;height:12px;width:12px}.home-hero__demo-dot:first-child{background:#ff5f57}.home-hero__demo-dot:nth-child(2){background:#ffbd2e}.home-hero__demo-dot:nth-child(3){background:#28ca42}.home-hero__demo-content{align-items:center;display:flex;justify-content:center;min-height:280px;padding:32px;transition:opacity .3s ease}.home-hero__demo-content--animating{opacity:0}.home-hero__demo-content--elegant .home-hero__demo-text{background:linear-gradient(135deg,#d4af37,#f4e4bc);-webkit-background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:48px;font-style:italic;-webkit-text-fill-color:transparent;background-clip:text}.home-hero__demo-content--bold .home-hero__demo-text{color:#f44;font-family:Impact,sans-serif;font-size:56px;font-weight:900;letter-spacing:4px;text-shadow:4px 4px 0 #000}.home-hero__demo-content--playful .home-hero__demo-text{color:hotpink;font-family:Comic Sans MS,cursive;font-size:44px;text-shadow:2px 2px 0 #fff,4px 4px 0 hotpink;transform:rotate(-3deg)}.home-hero__demo-content--minimal .home-hero__demo-text{color:var(--sm-color-text-secondary);font-family:Helvetica Neue,sans-serif;font-size:36px;font-weight:200;letter-spacing:12px;text-transform:uppercase}.home-hero__demo-content--vintage .home-hero__demo-text{color:#8b4513;font-family:Courier New,monospace;font-size:40px;letter-spacing:2px;text-shadow:1px 1px 0 tan}.home-hero__demo-footer{background:var(--sm-color-bg-3);border-top:1px solid var(--sm-color-border);padding:12px 16px;text-align:center}.home-hero__demo-style{color:var(--sm-color-text-muted);font-size:14px;text-transform:capitalize}.home-hero__scroll-hint{animation:bounce 2s infinite;bottom:32px;left:50%;position:absolute;transform:translateX(-50%)}.home-hero__scroll-hint svg{color:var(--sm-color-text-muted);height:24px;width:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.home-features{background:var(--sm-color-bg-1);padding:96px 24px}.home-features__container{margin:0 auto;max-width:1200px}.home-features__header{margin-bottom:48px;text-align:center}.home-features__title{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:16px}.home-features__subtitle{color:var(--sm-color-text-secondary);font-size:18px;margin:0 auto;max-width:600px}.home-features__grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.home-features__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.home-features__grid{grid-template-columns:1fr}}.home-feature-card{background:var(--sm-color-bg-2);border:1px solid var(--sm-color-border);border-radius:16px;padding:24px;transition:all .2s ease}.home-feature-card:hover{border-color:var(--sm-color-border-hover);box-shadow:var(--sm-shadow-md);transform:translateY(-4px)}.home-feature-card__icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.home-feature-card__icon svg{height:24px;width:24px}.home-feature-card__icon--mood{background:rgba(255,182,73,.15);color:#ffb649}.home-feature-card__icon--library{background:rgba(20,184,166,.15);color:#14b8a6}.home-feature-card__icon--preview{background:rgba(16,185,129,.15);color:#10b981}.home-feature-card__icon--export{background:rgba(59,130,246,.15);color:#3b82f6}.home-feature-card__title{font-size:18px;font-weight:600;margin-bottom:8px}.home-feature-card__desc{color:var(--sm-color-text-secondary);font-size:14px;line-height:1.6}.home-showcase{padding:96px 24px}.home-showcase__container{margin:0 auto;max-width:1200px}.home-showcase__header{margin-bottom:48px;text-align:center}.home-showcase__title{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:16px}.home-showcase__subtitle{color:var(--sm-color-text-secondary);font-size:18px;margin:0 auto;max-width:600px}.home-showcase__grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.home-showcase__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.home-showcase__grid{grid-template-columns:1fr}}.home-showcase__item{align-items:center;aspect-ratio:16/9;border-radius:16px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;transition:all .2s ease}.home-showcase__item:hover{transform:scale(1.02)}.home-showcase__item--elegant{background:linear-gradient(135deg,#1a1a2e,#16213e)}.home-showcase__item--elegant .home-showcase__text{background:linear-gradient(135deg,#d4af37,#f4e4bc);-webkit-background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,4vw,36px);font-style:italic;-webkit-text-fill-color:transparent;background-clip:text}.home-showcase__item--bold{background:linear-gradient(135deg,#1a1a1a,#333)}.home-showcase__item--bold .home-showcase__text{color:#f44;font-family:Impact,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:900;letter-spacing:4px;text-shadow:3px 3px 0 #000}.home-showcase__item--playful{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.home-showcase__item--playful .home-showcase__text{color:hotpink;font-family:Comic Sans MS,cursive;font-size:clamp(24px,4vw,36px);transform:rotate(-5deg)}.home-showcase__item--minimal{background:var(--sm-color-bg-2);border:1px solid var(--sm-color-border)}.home-showcase__item--minimal .home-showcase__text{color:var(--sm-color-text-secondary);font-family:Helvetica Neue,sans-serif;font-size:clamp(20px,3vw,28px);font-weight:200;letter-spacing:8px;text-transform:uppercase}.home-showcase__item--vintage{background:linear-gradient(135deg,#d4a574,#c9a66b)}.home-showcase__item--vintage .home-showcase__text{color:#3d2914;font-family:Courier New,monospace;font-size:clamp(24px,4vw,36px);letter-spacing:2px}.home-showcase__item--neon{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.home-showcase__item--neon .home-showcase__text{animation:neon-flicker 2s infinite;color:aqua;font-family:Orbitron,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;text-shadow:0 0 10px aqua,0 0 20px aqua,0 0 40px aqua}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px aqua,0 0 20px aqua,0 0 40px aqua}20%,24%,55%{text-shadow:none}}.home-cta{background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(45,212,191,.05));padding:96px 24px}.home-cta__container{margin:0 auto;max-width:800px}.home-cta__content{text-align:center}.home-cta__title{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:16px}.home-cta__subtitle{color:var(--sm-color-text-secondary);font-size:18px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px}.home-cta__btn{align-items:center;background:var(--sm-btn-primary-bg);border:none;border-radius:9999px;box-shadow:var(--sm-btn-primary-shadow);color:var(--sm-btn-primary-text);cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s ease}.home-cta__btn svg{height:20px;width:20px}.home-cta__btn:hover{box-shadow:var(--sm-btn-primary-shadow-hover);transform:translateY(-2px)}.home-footer{background:var(--sm-color-bg-1);border-top:1px solid var(--sm-color-border);padding:48px 24px 24px}.home-footer__container{margin:0 auto;max-width:1200px}.home-footer__brand{margin-bottom:32px}.home-footer__logo{align-items:center;color:var(--sm-color-text-primary);display:inline-flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:8px;text-decoration:none}.home-footer__logo-icon{align-items:center;background:var(--sm-btn-primary-bg);border-radius:6px;color:#fff;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.home-footer__logo-icon,.home-footer__logo-text{font-family:"DM Serif Text",Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.home-footer__tagline{color:var(--sm-color-text-muted);font-size:14px;max-width:300px}.home-footer__links{border-bottom:1px solid var(--sm-color-border);display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;padding-bottom:32px}@media(max-width:767px){.home-footer__links{gap:24px;grid-template-columns:1fr}}.home-footer__links-group{display:flex;flex-direction:column;gap:8px}.home-footer__links-group a{color:var(--sm-color-text-secondary);font-size:14px;text-decoration:none;transition:all .15s ease}.home-footer__links-group a:hover,.home-footer__links-title{color:var(--sm-color-text-primary)}.home-footer__links-title{font-size:14px;font-weight:600;margin-bottom:8px}.home-footer__bottom{display:flex;justify-content:center}.home-footer__copyright{color:var(--sm-color-text-muted);font-size:12px}