:root{--brand-pink:#fe2c55;--brand-pink-hover:#e01f45;--brand-pink-light:#fe2c5514;--brand-pink-medium:#fe2c5526;--brand-black:#010101;--brand-cyan:#69c9d0;--bg-base:#fafafa;--bg-surface:#fff;--bg-surface-2:#f4f4f5;--bg-surface-3:#ededef;--text-primary:#111;--text-secondary:#444;--text-tertiary:#888;--text-placeholder:#aaa;--border-subtle:#00000012;--border-default:#0000001f;--border-strong:#00000040;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 8px 32px #0000001a, 0 4px 16px #0000000d;--shadow-brand:0 4px 24px #fe2c5540;--shadow-brand-hover:0 6px 32px #fe2c5559;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--text-xs:.65rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:0;--z-card:10;--z-sticky:40;--z-modal:50;--z-toast:60}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;text-wrap:balance;color:var(--text-primary);font-weight:700;line-height:1.15}p{text-wrap:pretty;color:var(--text-secondary);line-height:1.75}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:100%;margin:0 auto;padding:0 clamp(.75rem,4vw,4rem)}.container--narrow{max-width:800px}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:-.01em;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 3px var(--bg-base), 0 0 0 5px var(--brand-pink);outline:none}.btn--primary{background:var(--brand-pink);color:#fff;box-shadow:var(--shadow-brand);padding:.75rem 1.75rem}.btn--primary:hover{background:var(--brand-pink-hover);box-shadow:var(--shadow-brand-hover);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)scale(.97)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs);padding:.75rem 1.75rem}.btn--secondary:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);padding:.625rem 1rem}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-surface-2)}.btn--sm{font-size:var(--text-xs);padding:.5rem 1rem}.btn--lg{font-size:var(--text-base);padding:1rem 2.5rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.375rem;padding:.25rem .75rem;font-weight:600;display:inline-flex}.badge--pink{background:var(--brand-pink-light);color:var(--brand-pink)}.badge--neutral{background:var(--bg-surface-3);color:var(--text-secondary)}.form-field{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.form-label{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:-.01em;font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);min-height:44px}.form-input:focus{border-color:var(--brand-pink);box-shadow:0 0 0 3px var(--brand-pink-light)}.form-input::placeholder{color:var(--text-placeholder)}.divider{background:var(--border-subtle);width:100%;height:1px}.section{padding:clamp(4rem,8vw,8rem) 0}.section--compact{padding:clamp(2rem,4vw,4rem) 0}.eyebrow{font-size:var(--text-xs);letter-spacing:.4em;text-transform:uppercase;color:var(--brand-pink);font-weight:700}.text-gradient{background:linear-gradient(135deg, var(--brand-pink) 0%, #ff6b8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse{animation:2s ease-in-out infinite pulse-subtle}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s var(--ease-out) both}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-layout main{flex:1}.navbar{z-index:var(--z-sticky);transition:all var(--duration-slow) var(--ease-out);padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fafafad9;padding:.75rem 0}.navbar--hidden{transform:translateY(-105%)}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.navbar__logo{flex-shrink:0}.navbar__logo-mark{align-items:center;gap:var(--space-2);display:flex}.navbar__logo-text{font-size:var(--text-base);letter-spacing:-.03em;color:var(--text-primary);font-weight:700}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);letter-spacing:-.01em;padding:.5rem .875rem;font-weight:500}.navbar__link:hover{color:var(--text-primary);background:var(--bg-surface-2)}.navbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.navbar__hamburger{border-radius:var(--radius-md);width:44px;height:44px;transition:background var(--duration-fast) var(--ease-out);cursor:pointer;z-index:var(--z-toast);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:relative}.navbar__hamburger:hover{background:var(--bg-surface-2)}.navbar__hamburger-line{background:var(--text-primary);width:20px;height:1.5px;transition:all var(--duration-normal) var(--ease-out);transform-origin:50%;border-radius:2px;display:block}.navbar__hamburger.is-open .navbar__hamburger-line:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar__hamburger.is-open .navbar__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger.is-open .navbar__hamburger-line:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar__mobile-menu{background:var(--bg-surface);z-index:var(--z-modal);gap:var(--space-8);transition:transform var(--duration-slow) var(--ease-out);flex-direction:column;padding:5rem 2rem 2rem;display:flex;position:fixed;inset:0;transform:translate(100%)}.navbar__mobile-menu.is-open{transform:translate(0)}.navbar__mobile-link{padding:var(--space-4) 0;font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;border-bottom:1px solid var(--border-subtle);transition:color var(--duration-fast);font-weight:600;display:block}.navbar__mobile-link:hover{color:var(--brand-pink)}.navbar__mobile-actions{margin-top:auto}.navbar__mobile-actions .btn{width:100%}.hero{padding-top:clamp(7rem,14vw,11rem);padding-bottom:clamp(4rem,8vw,8rem);overflow:hidden}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,6vw,6rem);display:grid}.hero__content{gap:var(--space-8);flex-direction:column;display:flex}.hero__eyebrow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__headline{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(2.75rem,5vw,4.5rem);font-weight:800;line-height:1.05}.hero__subheadline{color:var(--text-secondary);max-width:52ch;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.75}.hero__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__stats{align-items:center;gap:var(--space-6);padding-top:var(--space-4);display:flex}.hero__stat-divider{background:var(--border-default);width:1px;height:2rem}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-value{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:700}.hero__stat-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.02em}.hero__visual{justify-content:center;align-items:center;animation-delay:.15s;display:flex;position:relative}.hero__phone-mockup{justify-content:center;align-items:center;display:flex;position:relative}.phone-frame{background:var(--text-primary);border-radius:36px;width:200px;height:400px;padding:10px;position:relative;box-shadow:0 32px 64px #00000040,0 16px 32px #00000026,inset 0 1px #ffffff1a}.phone-notch{background:var(--text-primary);z-index:2;border-radius:10px;width:60px;height:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:#111;border-radius:28px;width:100%;height:100%;overflow:hidden}.phone-video{width:100%;height:100%;position:relative}.phone-video__bg{background:linear-gradient(145deg,#1a0a2e 0%,#16213e 30%,#0f3460 60%,#533483 100%);position:absolute;inset:0}.phone-video__bg:before{content:"";background:radial-gradient(60% 50% at 30% 40%,#fe2c5533 0%,#0000 70%),radial-gradient(40% 60% at 70% 60%,#69c9d026 0%,#0000 70%);position:absolute;inset:0}.phone-video__bg:after{content:"▶";color:#fff6;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.phone-video__overlay{z-index:2;background:linear-gradient(#0000 50%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:16px 12px;display:flex;position:absolute;inset:0}.phone-video__user{flex:1;align-self:flex-end;align-items:flex-end;gap:8px;width:80%;display:flex}.phone-video__avatar{background:linear-gradient(135deg, var(--brand-pink), var(--brand-cyan));border:2px solid #fff;border-radius:50%;flex-shrink:0;width:30px;height:30px}.phone-video__username{color:#fff;font-size:9px;font-weight:700;line-height:1.2}.phone-video__caption{color:#ffffffd9;margin-top:2px;font-size:8px;line-height:1.4}.phone-video__actions{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;right:10px}.phone-action{flex-direction:column;align-items:center;gap:2px;display:flex}.phone-action__icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.phone-action__icon--heart{color:var(--brand-pink)}.phone-action span{color:#fff;font-size:7px;font-weight:600}.hero__floating-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);white-space:nowrap;background:#fff;align-items:center;gap:.625rem;padding:.75rem 1rem;animation:3s ease-in-out infinite float;display:flex;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__floating-card--1{animation-delay:0s;top:15%;left:-15%}.hero__floating-card--2{animation-delay:1.5s;bottom:20%;right:-10%}.hero__floating-card--3{animation-delay:.75s;top:55%;left:-12%}.floating-card__icon{font-size:1.25rem}.floating-card__title{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}.floating-card__sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.floating-card__dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}@media (width<=900px){.hero .container{text-align:center;grid-template-columns:1fr}.hero__eyebrow{justify-content:center}.hero__subheadline{margin:0 auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1}.hero__floating-card--1{top:5%;left:0}.hero__floating-card--3{left:0}}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-16);gap:var(--space-4);flex-direction:column;display:flex}.section-headline{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(2rem,3.5vw,3rem);font-weight:800}.section-subtext{font-size:var(--text-base);color:var(--text-tertiary);max-width:54ch;margin:0 auto;line-height:1.75}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,4vw,2rem);display:grid}.feature-card{padding:var(--space-8);gap:var(--space-6);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);cursor:default;flex-direction:column;display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__icon-wrap{border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-subtle);width:52px;height:52px;transition:background var(--duration-fast);justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-card__icon-wrap{background:var(--brand-pink-light);border-color:#fe2c5533}.feature-card__icon{font-size:1.5rem}.feature-card__body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.feature-card__eyebrow{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.25em}.feature-card:hover .feature-card__eyebrow{color:var(--brand-pink)}.feature-card__title{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.2}.feature-card__description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.7}.feature-card__footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.features-cta-strip{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-12);padding:var(--space-4) var(--space-8);background:var(--bg-surface-2);border-radius:var(--radius-full);border:1px solid var(--border-subtle);display:flex}.features-cta-strip__text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.features-section{background:var(--bg-base)}.how-section{background:var(--bg-surface-2);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.how-section__layout{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(3rem,6vw,8rem);display:grid}.how-section__header{gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:6rem}.how-section__headline{letter-spacing:-.04em;font-size:clamp(1.875rem,3vw,2.75rem);line-height:1.1}.how-section__subtext{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.75}.how-steps{flex-direction:column;display:flex}.how-step{gap:var(--space-6);padding-bottom:var(--space-12);grid-template-columns:2.5rem 1fr;display:grid}.how-step:last-child{padding-bottom:0}.how-step__connector{flex-direction:column;align-items:center;gap:0;display:flex}.how-step__number{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;font-size:var(--text-xs);letter-spacing:.05em;color:var(--brand-pink);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.how-step:hover .how-step__number{background:var(--brand-pink);color:#fff;border-color:var(--brand-pink);box-shadow:var(--shadow-brand)}.how-step__line{background:var(--border-default);width:1px;margin-top:var(--space-2);flex:1;min-height:3rem}.how-step__content{gap:var(--space-3);padding-top:var(--space-1);flex-direction:column;display:flex}.how-step__title{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.2}.how-step__description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.7}.how-step__badge{align-self:flex-start}@media (width<=900px){.how-section__layout{grid-template-columns:1fr}.how-section__header{text-align:center;align-items:center;position:static}}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:clamp(3rem,6vw,5rem) 0 clamp(1.5rem,3vw,2rem)}.footer__top{margin-bottom:var(--space-12);grid-template-columns:5fr 7fr;gap:clamp(3rem,6vw,6rem);display:grid}.footer__brand{gap:var(--space-4);flex-direction:column;display:flex}.footer__logo{align-items:center;gap:var(--space-2);font-size:var(--text-base);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;display:flex}.footer__tagline{font-size:var(--text-sm);color:var(--text-tertiary);max-width:32ch;line-height:1.6}.footer__links-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.footer__links-col{gap:var(--space-4);flex-direction:column;display:flex}.footer__col-title{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.footer__links-col ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);display:inline-block}.footer__link:hover{color:var(--brand-pink)}.footer__bottom{padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__copyright,.footer__disclaimer{font-size:var(--text-xs);color:var(--text-placeholder)}@media (width<=900px){.footer__top{grid-template-columns:1fr}.footer__links-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.footer__links-grid{grid-template-columns:1fr 1fr}.footer__bottom{text-align:center;flex-direction:column}}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 32px 64px #00000026;width:100%;max-width:420px;padding:var(--space-8);gap:var(--space-6);animation:slideUpModal .4s var(--ease-out);flex-direction:column;display:flex;position:relative}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal__close:hover{background:var(--bg-surface-2);color:var(--text-primary)}.modal__close:disabled{opacity:.4;cursor:not-allowed}.modal__header{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.modal__logo-wrap{border-radius:var(--radius-lg);background:var(--brand-pink-light);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal__title{font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:700}.modal__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);max-width:32ch;line-height:1.6}.modal__body{gap:var(--space-4);flex-direction:column;display:flex}.modal__tiktok-btn{width:100%;font-size:var(--text-base);border-radius:var(--radius-lg);gap:var(--space-3);transition:all var(--duration-normal) var(--ease-out);padding:1rem}.modal__tiktok-btn.is-loading{opacity:.8;cursor:not-allowed}.modal__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal__divider{align-items:center;gap:var(--space-3);display:flex}.modal__divider-line{background:var(--border-subtle);flex:1;height:1px}.modal__divider-text{font-size:var(--text-xs);color:var(--text-placeholder);letter-spacing:.05em;white-space:nowrap;font-weight:500}.modal__trust{gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.modal__trust-item{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.modal__trust-icon{flex-shrink:0;font-size:.875rem}.modal__footer{font-size:var(--text-xs);color:var(--text-placeholder);text-align:center;line-height:1.6}.modal__text-link{color:var(--brand-pink);text-underline-offset:2px;text-decoration:underline}.modal__text-link:hover{text-decoration:none}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;animation:slideUpSheet .4s var(--ease-out);padding-bottom:2.5rem}.modal-panel:before{content:"";background:var(--border-default);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto -.5rem;display:block}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dashboard{background:var(--bg-base);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.dashboard__sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-6);gap:var(--space-6);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard__sidebar-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.dashboard__logo{align-items:center;gap:var(--space-2);font-size:var(--text-base);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;display:flex}.dashboard__profile{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.dashboard__avatar{background:linear-gradient(135deg, var(--brand-pink), #ff8fa3);color:#fff;width:36px;height:36px;font-size:var(--text-xs);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.dashboard__avatar-img{object-fit:cover;width:100%;height:100%}.dashboard__user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dashboard__user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dashboard__user-status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.dashboard__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.dashboard__nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%;padding:.625rem .75rem;font-weight:500;display:flex}.dashboard__nav-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.dashboard__nav-item.is-active{background:var(--brand-pink-light);color:var(--brand-pink);font-weight:600}.dashboard__nav-icon{font-size:1rem}.dashboard__sidebar-footer{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.dashboard__new-project-btn,.dashboard__logout-btn{justify-content:flex-start;gap:var(--space-2);width:100%}.dashboard__main{flex-direction:column;display:flex;overflow-y:auto}.dashboard__topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-wrap:wrap;display:flex;position:relative}.dashboard__mobile-menu-btn{width:44px;height:44px;color:var(--text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.dashboard__mobile-menu-btn:hover{background:var(--bg-surface-2)}.dashboard__topbar-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.dashboard__page-title{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap;font-weight:700}.dashboard__file-badge{text-overflow:ellipsis;max-width:200px;overflow:hidden}.dashboard__topbar-tabs{background:var(--bg-surface-2);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:flex}.dashboard__tab{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:.375rem 1rem;font-weight:500}.dashboard__tab.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:600}.dashboard__tab:hover:not(.is-active){color:var(--text-primary)}.dashboard__content{padding:var(--space-8);flex:1;overflow-y:auto;container-type:inline-size}@media (width<=900px){.dashboard{grid-template-columns:1fr}.dashboard__sidebar{display:none}}.dashboard__mobile-overlay{z-index:var(--z-modal);visibility:hidden;transition:visibility var(--duration-normal);display:flex;position:fixed;inset:0}.dashboard__mobile-overlay.is-open{visibility:visible}.dashboard__mobile-backdrop{-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:#0006;position:absolute;inset:0}.dashboard__mobile-overlay.is-open .dashboard__mobile-backdrop{opacity:1}.dashboard__mobile-menu{background:var(--bg-surface);z-index:2;width:85%;max-width:320px;transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.dashboard__mobile-overlay.is-open .dashboard__mobile-menu{transform:translate(0)}.dashboard__mobile-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.dashboard__mobile-close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.dashboard__mobile-close:hover{background:var(--bg-surface-2);color:var(--text-primary)}.dashboard__mobile-profile{align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2);display:flex}.dashboard__mobile-actions{padding:var(--space-6);gap:var(--space-4);flex-direction:column;margin-top:auto;display:flex}.dashboard__mobile-actions .btn{justify-content:flex-start;width:100%}.workspace{gap:var(--space-6);flex-direction:column;width:100%;max-width:800px;margin:0 auto;display:flex}.upload-zone{justify-content:center;align-items:center;gap:var(--space-6);border:2px dashed var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);cursor:pointer;min-height:400px;transition:all var(--duration-normal) var(--ease-out);padding:var(--space-16);text-align:center;flex-direction:column;display:flex}.upload-zone:hover,.upload-zone.is-drag-over{border-color:var(--brand-pink);background:var(--brand-pink-light)}.upload-zone.is-drag-over{transform:scale(1.01)}.upload-zone__icon{border-radius:var(--radius-xl);background:var(--bg-surface-2);width:64px;height:64px;color:var(--text-tertiary);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.upload-zone:hover .upload-zone__icon,.upload-zone.is-drag-over .upload-zone__icon{background:var(--brand-pink-medium);color:var(--brand-pink)}.upload-zone__content{gap:var(--space-2);flex-direction:column;display:flex}.upload-zone__title{font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:700}.upload-zone__subtitle{font-size:var(--text-base);color:var(--text-tertiary)}.upload-zone__link{color:var(--brand-pink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.upload-zone__specs{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.workspace__preview-section{gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.workspace__preview{border-radius:var(--radius-lg);transition:all var(--duration-slow) var(--ease-out);background:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.workspace__preview--landscape{aspect-ratio:16/9;width:100%}.workspace__preview--vertical{aspect-ratio:9/16;width:45%;max-height:400px}.preview__placeholder{justify-content:center;align-items:center;gap:var(--space-3);color:#ffffff80;flex-direction:column;display:flex}.preview__play-icon{opacity:.4;font-size:3rem}.preview__filename{font-size:var(--text-xs);color:#fff6;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80%;overflow:hidden}.preview__aspect-badge{top:var(--space-3);right:var(--space-3);position:absolute}.workspace__format-toggle{align-items:center;gap:var(--space-4);display:flex}.format-toggle__label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.format-toggle__buttons{background:var(--bg-surface-2);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.format-toggle__btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:.5rem 1rem;font-weight:500;display:flex}.format-toggle__btn.is-active{background:var(--bg-surface);color:var(--brand-pink);box-shadow:var(--shadow-xs);font-weight:600}.format-icon{border:1.5px solid;border-radius:2px;display:block}.format-icon--landscape{width:16px;height:10px}.format-icon--vertical{width:10px;height:16px}.workspace__trimmer{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.trimmer__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.trimmer__title{font-size:var(--text-xl);letter-spacing:-.03em;font-weight:700}.trimmer__duration-badge{align-items:center;gap:var(--space-2);display:flex}.trimmer__warning{font-size:var(--text-xs);color:#f59e0b;font-weight:500}.timeline{gap:var(--space-2);flex-direction:column;display:flex}.timeline__track{background:var(--bg-surface-3);border-radius:var(--radius-sm);height:40px;position:relative;overflow:visible}.timeline__fill{background:var(--brand-pink-medium);border:1.5px solid var(--brand-pink);border-radius:var(--radius-sm);transition:left var(--duration-fast), width var(--duration-fast);position:absolute;top:0;bottom:0}.timeline__handle{background:var(--brand-pink);border-radius:var(--radius-full);cursor:ew-resize;width:3px;height:56px;transition:left var(--duration-fast);position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline__handle-time{color:var(--brand-pink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.timeline__labels{font-size:var(--text-xs);color:var(--text-placeholder);margin-top:var(--space-3);justify-content:space-between;padding:0 2px;display:flex}.trimmer__sliders{gap:var(--space-4);flex-direction:column;display:flex}.range-slider{appearance:none;background:var(--bg-surface-3);border-radius:var(--radius-full);cursor:pointer;width:100%;height:4px;margin-top:var(--space-2);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-pink);cursor:ew-resize;width:18px;height:18px;transition:box-shadow var(--duration-fast);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #fe2c5566}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 16px #fe2c5599}.range-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--brand-pink-light), 0 2px 8px #fe2c5566}.trimmer__actions{align-items:center;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.trimmer__tip{font-size:var(--text-xs);color:var(--text-tertiary)}@container (width<=600px){.workspace__preview-section{align-items:stretch}.workspace__preview--vertical{width:100%;max-height:60vh}.upload-zone{padding:var(--space-8);min-height:300px}}.publish-desk{gap:var(--space-6);flex-direction:column;width:100%;max-width:800px;margin:0 auto;display:flex}.publish-desk__empty-state{text-align:center;padding:var(--space-16);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-surface-2);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.publish-desk__empty-icon{opacity:.5;font-size:3rem}.publish-desk__empty-title{font-size:var(--text-xl);color:var(--text-secondary);font-weight:600}.publish-desk__empty-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:32ch}.clip-summary{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.clip-summary__item{flex-direction:column;gap:2px;display:flex}.clip-summary__label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase}.clip-summary__value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.clip-summary__filename{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.clip-summary__divider{background:var(--border-default);width:1px;height:24px}.publish-form{gap:var(--space-6);flex-direction:column;display:flex}.publish-section{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.publish-section__title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.publish-caption{resize:vertical;min-height:100px}.caption-counter{justify-content:flex-end;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.caption-counter__chars{transition:color var(--duration-fast);font-weight:600}.caption-counter__chars.is-warning{color:#f59e0b}.caption-counter__chars.is-over{color:var(--brand-pink)}.hashtag-pile{gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;min-height:52px;display:flex}.hashtag-tag{align-items:center;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--brand-pink);padding:.25rem .5rem .25rem .75rem;font-weight:500;display:inline-flex}.hashtag-tag__remove{background:var(--bg-surface-2);width:18px;height:18px;color:var(--text-secondary);transition:all var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.hashtag-tag__remove:hover{background:var(--brand-pink);color:#fff}.hashtag-input{min-width:120px;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.25rem}.hashtag-suggestions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hashtag-suggestions__label{font-size:var(--text-xs);color:var(--text-tertiary)}.hashtag-suggestions__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.hashtag-suggestion-btn{font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--bg-surface-3);transition:all var(--duration-fast);padding:.25rem .5rem}.hashtag-suggestion-btn:hover:not(:disabled){background:var(--bg-surface-2);color:var(--brand-pink)}.hashtag-suggestion-btn:disabled{opacity:.4;cursor:not-allowed}.privacy-options{gap:var(--space-2);flex-direction:column;display:flex}.privacy-option{padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.privacy-option:hover{background:var(--bg-surface-2)}.privacy-option.is-selected{border-color:var(--brand-pink);background:var(--brand-pink-light)}.privacy-option__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.privacy-option__check{color:var(--brand-pink);font-weight:700}.publish-actions{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.publish-btn{width:100%}.publish-btn.is-loading{opacity:.8;cursor:not-allowed}.publish-disclaimer{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.publish-success{text-align:center;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);animation:scaleIn var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.publish-success__icon{font-size:4rem;animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.publish-success__title{font-size:var(--text-3xl);letter-spacing:-.04em;color:var(--text-primary);font-weight:800}.publish-success__subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:42ch;line-height:1.6}.publish-success__details{gap:var(--space-4);width:100%;max-width:400px;padding:var(--space-6);background:var(--bg-surface-2);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);display:grid}.publish-success__stat{flex-direction:column;gap:2px;display:flex}.publish-success__stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.publish-success__stat-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.publish-success__back-btn{margin-top:var(--space-4)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@container (width<=640px){.clip-summary{text-align:center;justify-content:center;gap:var(--space-2);flex-direction:column}.clip-summary__divider{display:none}.clip-summary__item{align-items:center;width:100%}}.interaction-options{gap:var(--space-4);flex-direction:column;display:flex}.interaction-option{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.interaction-option:last-child{border-bottom:none}.interaction-option__info{flex-direction:column;gap:2px;display:flex}.interaction-option__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.interaction-option__description{font-size:var(--text-xs);color:var(--text-tertiary)}.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-surface-3);border-radius:var(--radius-full);border:1px solid var(--border-default);transition:all .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;box-shadow:var(--shadow-xs);background-color:#fff;border-radius:50%;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:var(--brand-pink);border-color:var(--brand-pink)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--brand-pink-light)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:active .toggle-slider:before{width:22px}.commerce-input-wrapper{padding-top:var(--space-4);transform-origin:top;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-form-field{flex-direction:column;display:flex;position:relative}.flushed-input{width:100%;padding:var(--space-4) 0 var(--space-2);font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #262626;outline:none;transition:border-color .7s cubic-bezier(.16,1,.3,1)}.flushed-input:focus{border-bottom:1px solid var(--brand-pink)}.floating-label{top:var(--space-4);font-size:var(--text-base);color:var(--text-tertiary);pointer-events:none;transform-origin:0 0;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.flushed-input:focus~.floating-label,.flushed-input:not(:placeholder-shown)~.floating-label,.floating-form-field.is-filled .floating-label{color:var(--brand-pink);top:0;transform:translateY(-8px)scale(.75)}.commerce-help-text{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.publish-account-context{padding:var(--space-4) var(--space-6);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.publish-account-context__label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.publish-account-context__profile{align-items:center;gap:var(--space-3);display:flex}.publish-account-context__avatar{background:linear-gradient(135deg, var(--brand-pink), #ff8fa3);color:#fff;width:32px;height:32px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.publish-account-context__avatar-img{object-fit:cover;width:100%;height:100%}.publish-account-context__avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.publish-account-context__username{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.legal-page{padding:var(--space-24) var(--space-4) var(--space-24);max-width:65ch;margin:0 auto}.legal-page__header{margin-bottom:var(--space-12)}.legal-page__title{letter-spacing:-.04em;color:var(--text-primary);text-wrap:balance;margin-bottom:var(--space-4);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.legal-page__date{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.legal-page__content{gap:var(--space-6);color:var(--text-secondary);line-height:1.8;font-size:var(--text-base);flex-direction:column;display:flex}.legal-page__content h2{font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-8);letter-spacing:-.02em;font-weight:700}.legal-page__content p{text-wrap:pretty}.legal-page__content ul{padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;list-style-type:disc;display:flex}.legal-page__content li{text-wrap:pretty}