@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fredoka+One&family=Rubik+Bubbles&family=Modak&display=swap";.sidebar{-webkit-backdrop-filter:blur(40px)saturate(1.4);z-index:10;background:linear-gradient(#ffffff8c 0%,#fff6 50%,#ffffff80 100%);border-right:1.5px solid #fff9;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:14px 10px;transition:width .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 10px #00000026,0 14px 20px #0000001a}.sidebar-logo{white-space:nowrap;border-bottom:1.5px solid #ffffff59;align-items:center;gap:10px;margin-bottom:2px;padding:4px 6px 14px;display:flex;overflow:hidden}.sidebar-logo-icon{color:#fff;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#fbcfe8,#d8b4fe,#93c5fd,#a5f3fc) 0 0/200% 200%;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Fredoka One,sans-serif;font-size:.6rem;animation:5s infinite rainbowShift;display:flex;box-shadow:0 2px 8px #c084fc4d,inset 0 1px #fff9}.sidebar-logo-text{color:#3a2e50;font-family:Fredoka One,sans-serif;font-size:.92rem;transition:opacity .2s}.sidebar-search{color:#9c8fb0;cursor:pointer;white-space:nowrap;background:#ffffff38;border:1.5px solid #ffffff80;border-radius:10px;align-items:center;gap:6px;margin:8px 0 4px;padding:7px 8px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.sidebar-search:hover{background:#ffffff4d}.sidebar-search-icon{flex-shrink:0;font-size:.8rem}.sidebar-search-text{transition:opacity .2s}.sidebar-search kbd{color:#9c8fb0;background:#0000000a;border:1px solid #c8b4dc40;border-radius:3px;padding:1px 4px;font-size:.52rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px 0;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1.5px;color:#9c8fb0;white-space:nowrap;padding:10px 8px 3px;font-size:.52rem;font-weight:800}.nav-item{color:#6b5e7b;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#3a2e50;background:#ffffff59;border-color:#ffffff80}.nav-item.active{color:#3a2e50;background:#ffffff38;border-color:#ffffffb3;box-shadow:0 6px 10px #0000001f,0 0 16px #d0c8fc4d}.nav-item .nav-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.nav-item .star-icon{flex-shrink:0;width:16px;height:16px}.nav-label{transition:opacity .2s}.nav-badge{color:#fff;background:linear-gradient(135deg,#f0b8ee,#e8a8e0,#ddb0f0);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:17px;margin-left:auto;padding:0 5px;font-size:.55rem;font-weight:800;display:flex;box-shadow:0 1px 4px #f0b8ee4d}.sidebar-footer{border-top:1.5px solid #ffffff59;padding:8px 4px 0}.sidebar-user{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:6px;transition:background .2s;display:flex}.sidebar-user:hover{background:#ffffff4d}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#fbcfe8,#d8b4fe,#93c5fd);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.62rem;font-weight:800;display:flex;box-shadow:0 2px 6px #c084fc40}.sidebar-user-name{color:#3a2e50;font-size:.72rem;font-weight:700}.sidebar-user-plan{color:#7c3aed;text-transform:uppercase;letter-spacing:.6px;font-size:.5rem;font-weight:700}.sidebar-corner-btn{z-index:99;cursor:pointer;background:linear-gradient(135deg,#fbcfe8,#d8b4fe,#93c5fd,#a5f3fc) 0 0/200% 200%;border:1.5px solid #ffffff8c;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s,box-shadow .2s;animation:5s infinite rainbowShift;display:flex;position:fixed;top:14px;left:10px;box-shadow:0 4px 16px #c084fc4d,0 2px 6px #0000001a}.sidebar-corner-btn:active{transform:scale(.92);box-shadow:0 2px 8px #c084fc40}.sidebar-corner-btn-text{color:#fff;text-shadow:0 1px 2px #0000001a;font-family:Fredoka One,sans-serif;font-size:.6rem;line-height:1}@media (hover:hover) and (width>=1201px){.sidebar{width:56px;padding:14px 6px}.sidebar:hover{width:240px;padding:14px 10px}.sidebar:not(:hover) .sidebar-logo-text,.sidebar:not(:hover) .nav-label,.sidebar:not(:hover) .nav-badge,.sidebar:not(:hover) .nav-section-label,.sidebar:not(:hover) .sidebar-user-info,.sidebar:not(:hover) .sidebar-search-text{opacity:0;width:0;overflow:hidden}.sidebar:not(:hover) .sidebar-logo,.sidebar:not(:hover) .nav-item,.sidebar:not(:hover) .sidebar-user,.sidebar:not(:hover) .sidebar-search{justify-content:center}.sidebar:not(:hover) .nav-item{padding:8px}.sidebar:not(:hover) .sidebar-search{justify-content:center;padding:8px}.sidebar:not(:hover) .sidebar-logo{justify-content:center;gap:0}}@media (hover:none),(width<=1200px){.sidebar{transition:width .25s,transform .25s}.sidebar.sidebar--icons{flex-shrink:0;width:56px;padding:14px 6px}.sidebar.sidebar--icons .sidebar-logo-text,.sidebar.sidebar--icons .nav-label,.sidebar.sidebar--icons .nav-badge,.sidebar.sidebar--icons .nav-section-label,.sidebar.sidebar--icons .sidebar-user-info,.sidebar.sidebar--icons .sidebar-search-text{opacity:0;width:0;overflow:hidden}.sidebar.sidebar--icons .sidebar-logo,.sidebar.sidebar--icons .nav-item,.sidebar.sidebar--icons .sidebar-user,.sidebar.sidebar--icons .sidebar-search{justify-content:center}.sidebar.sidebar--icons .nav-item{padding:8px}.sidebar.sidebar--icons .sidebar-search{justify-content:center;padding:8px}.sidebar.sidebar--icons .sidebar-logo{justify-content:center;gap:0}.sidebar.sidebar--hidden{border-right:none;flex-shrink:0;width:0;padding:0;overflow:hidden}.sidebar.sidebar--expanded{z-index:100;width:240px;height:100vh;padding:14px 10px;position:fixed;top:0;left:0;box-shadow:0 0 40px #0003,0 20px 48px #3a2e501f}}.sidebar-backdrop{z-index:99;cursor:pointer;background:#00000040;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-shell{width:100vw;height:100vh;display:flex;position:relative}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-content{flex:1;overflow:hidden auto}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-content.page-enter{animation:.28s forwards pageEnter}@media (prefers-reduced-motion:reduce){.app-content.page-enter{animation:none}}.sidebar{background:var(--pp-glass-bg-strong);-webkit-backdrop-filter:var(--pp-glass-blur-strong);border-color:#ffffff6b;box-shadow:0 20px 48px #3a2e501f,0 6px 18px #3a2e5014}.nav-item:hover{background:#ffffff42}.nav-item.active{background:#fff3;box-shadow:0 12px 24px #3a2e501a,inset 0 1px #ffffffa3}.nav-item.active:hover{box-shadow:0 16px 30px #3a2e5024,inset 0 1px #ffffffb8}.sidebar-search{border-color:#ffffff6b;box-shadow:0 10px 20px #3a2e501a,inset 0 1px #ffffffb8}.search-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3a2e5059;justify-content:center;align-items:flex-start;padding-top:min(20vh,160px);animation:.15s ease-out searchFadeIn;display:flex;position:fixed;inset:0}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{-webkit-backdrop-filter:blur(40px)saturate(2.5)brightness(.85);backdrop-filter:blur(40px)saturate(2.5)brightness(.85);background:#ffffffb8;border:1.5px solid #fff9;border-radius:16px;flex-direction:column;width:min(560px,90vw);max-height:min(480px,60vh);animation:.15s ease-out searchSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #3a2e502e,0 4px 12px #3a2e5014,inset 0 1px #fffc}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-row{border-bottom:1px solid #c8b4dc33;align-items:center;gap:8px;padding:14px 16px;display:flex}.search-input-icon{flex-shrink:0;font-size:1.1rem}.search-input{color:#3a2e50;background:0 0;border:none;outline:none;flex:1;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:500}.search-input::placeholder{color:#9c8fb0;font-weight:400}.search-esc{color:#9c8fb0;background:#0000000d;border:1px solid #c8b4dc4d;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:700}.search-results{flex:1;padding:6px;overflow-y:auto}.search-empty{text-align:center;color:#9c8fb0;padding:24px 16px;font-size:.85rem}.search-group{margin-bottom:4px}.search-group-label{text-transform:uppercase;letter-spacing:.05em;color:#9c8fb0;padding:8px 10px 4px;font-size:.65rem;font-weight:700}.search-result-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s;display:flex}.search-result-item:hover,.search-result-item.active{background:#ffffff80}.search-result-icon{text-align:center;flex-shrink:0;width:24px;font-size:1rem}.search-result-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.search-result-label{color:#3a2e50;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.search-result-detail{color:#9c8fb0;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.search-result-arrow{color:#c4b5d0;opacity:0;flex-shrink:0;font-size:.75rem;transition:opacity .1s}.search-result-item.active .search-result-arrow{opacity:1}.cinematic-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.cinematic-container:before{content:"";-webkit-backdrop-filter:blur(5px);z-index:0;pointer-events:none;background:linear-gradient(#0e0a1e14 0%,#0e0a1e08 100%);position:fixed;inset:0}.cinematic-container>*{z-index:1;position:relative}.cinematic-topbar{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#ffffff3d,#ffffff29);border:2px solid #ffffff75;border-radius:30px;justify-content:space-between;align-items:center;gap:24px;width:min(1280px,100% - 40px);margin:20px auto 0;padding:18px 24px;display:flex;box-shadow:0 22px 48px #4f488429,0 8px 20px #0000000f,inset 0 1px #ffffffdb}.cinematic-topbar-brand{align-items:center;gap:16px;min-width:0;display:flex}.cinematic-topbar-logo{flex-shrink:0}.cinematic-topbar-logo .pp-logo-glow{inset:-24%}.cinematic-topbar-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.cinematic-topbar-kicker,.cinematic-topbar-note,.cinematic-title-sub,.dash-preview-title,.dash-preview-desc,.setup-card-body,.beat-card-body,.cta-heading,.cta-subtext,.cinematic-footer-pill,.cinematic-footer-copy strong,.cinematic-footer-copy span{color:#fff;text-shadow:0 3px 16px #00000059}.cinematic-topbar-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900}.cinematic-topbar-note{font-size:16px;font-weight:700;line-height:1.4}.cinematic-hero{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;padding:10px 24px 230px;display:flex;position:relative}.cinematic-logo{opacity:0;z-index:2;transition:all 1s ease-out;transform:scale(.9)}.cinematic-logo.phase-logo,.cinematic-logo.phase-slab,.cinematic-logo.phase-ready{opacity:1;transform:scale(1)}.cinematic-logo.phase-slab,.cinematic-logo.phase-ready{margin-bottom:-124px;transition:all 1.2s cubic-bezier(.4,0,.2,1);transform:scale(.94)translateY(-6px)}.cinematic-slab-wrap{opacity:0;margin-top:-110px;transition:all 1.5s cubic-bezier(.4,0,.2,1);transform:translateY(40px)scale(.95)}.cinematic-slab-wrap.visible{opacity:1;transform:translateY(0)scale(1)}.cinematic-slab-wrap .hero-3d-inner{filter:blur(20px);transition:filter 1.5s ease-out}.cinematic-slab-wrap.visible .hero-3d-inner{filter:blur()}.cinematic-slab-clean .float-weekly,.cinematic-slab-clean .float-notif{display:none!important}.cinematic-scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.8s ease-out .5s forwards scrollHintIn;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.cinematic-scroll-hint span{color:#9c8fb0;letter-spacing:.5px;font-size:12px;font-weight:500}.scroll-arrow{border-bottom:2px solid #9c8fb0;border-right:2px solid #9c8fb0;width:18px;height:18px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}@keyframes scrollHintIn{to{opacity:1}}@keyframes scrollBounce{0%,to{opacity:.5;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}.cinematic-section{opacity:0;width:100%;max-width:1240px;margin:0 auto;padding:82px 28px;transition:opacity .8s,transform .8s;position:relative;transform:translateY(40px)}.cinematic-section.revealed{opacity:1;transform:translateY(0)}.cinematic-topbar,.cinematic-title-card,.dash-preview-inner,.setup-card,.beat-card,.cinematic-footer{isolation:isolate;-webkit-backdrop-filter:blur(26px)saturate(1.34);background:linear-gradient(#ffffff42,#ffffff24),radial-gradient(circle at 18% 12%,#ffffff6b,#0000 34%),radial-gradient(circle at 86% 100%,#94eeff24,#0000 34%),radial-gradient(circle at 96% 0,#ff91d61f,#0000 28%);border-color:#ffffff80;position:relative;overflow:hidden}.cinematic-topbar:before,.cinematic-title-card:before,.dash-preview-inner:before,.setup-card:before,.beat-card:before,.cinematic-footer:before{content:"";border-radius:inherit;opacity:.92;pointer-events:none;z-index:0;background:linear-gradient(#ffffffb8,#ffffff2e 40%,#fff0 100%),linear-gradient(106deg,#ffffff4d 0%,#ffffff14 18%,#fff0 34%);height:44%;position:absolute;inset:1px 1px auto}.cinematic-topbar:after,.cinematic-title-card:after,.dash-preview-inner:after,.setup-card:after,.beat-card:after,.cinematic-footer:after{content:"";filter:blur(10px);opacity:.38;pointer-events:none;mix-blend-mode:screen;z-index:0;background:linear-gradient(110deg,#fff0 0%,#ffffff14 26%,#ffffff57 48%,#ffffff1a 62%,#fff0 100%);border-radius:999px;width:44%;animation:18s ease-in-out infinite premiumGlassGlide;position:absolute;top:-18%;bottom:-18%;left:-32%;transform:skew(-18deg)}.cinematic-topbar>*,.cinematic-title-card>*,.dash-preview-inner>*,.setup-card>*,.beat-card>*,.cinematic-footer>*{z-index:1;position:relative}.cinematic-title-card{text-align:center;border:2px solid #ffffff6b;border-radius:24px;margin-bottom:36px;padding:42px 40px 28px;box-shadow:0 24px 56px #4f488429,0 10px 22px #0000000f,inset 0 1px #ffffffdb}.cinematic-title-letters{filter:drop-shadow(1px 6px 2px #00000040);justify-content:center;align-items:flex-end;display:flex}.cinematic-title-sub{margin:14px 0 0;font-size:17px;font-weight:800}.dash-preview-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (width<=640px){.dash-preview-grid{grid-template-columns:1fr}}.dash-preview-card{isolation:isolate;opacity:0;border-radius:18px;transition:opacity .6s,transform .6s;position:relative;overflow:visible;transform:translateY(24px)}.dash-preview-card.revealed{opacity:1;transform:translateY(0)}.dash-preview-card:hover{transition:transform .3s;transform:translateY(-4px)}.dash-preview-inner{border:2px solid #ffffff85;border-radius:18px;transition:box-shadow .3s;box-shadow:0 24px 58px #5650912e,0 12px 24px #00000014,inset 0 1px #ffffffe6}.dash-preview-card:hover .dash-preview-inner{box-shadow:0 34px 70px #56509138,0 16px 32px #0000001a,inset 0 1px #fffffff0}.dash-preview-banner{justify-content:center;align-items:center;height:156px;display:flex;position:relative;overflow:hidden}.dash-preview-banner-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dash-preview-banner-text{z-index:2;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.dash-preview-letter-line{justify-content:center;display:flex}.dash-preview-body{padding:20px 22px 22px}.dash-preview-title{margin:0 0 8px;font-family:Fredoka One,cursive;font-size:26px;font-weight:800}.dash-preview-desc{margin:0;font-size:15px;font-weight:700;line-height:1.5}.cinematic-setup{text-align:center;padding-left:12px;padding-right:12px}.setup-grid,.beats-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;width:min(1240px,100vw - 24px);margin:0 auto;display:grid}@media (width<=768px){.cinematic-topbar{flex-direction:column;align-items:stretch;width:calc(100% - 28px);margin-top:14px;padding:16px 18px}.cinematic-topbar-brand{align-items:flex-start}.cinematic-topbar-note{font-size:15px}.cinematic-hero{padding:4px 18px 180px}.cinematic-logo.phase-slab,.cinematic-logo.phase-ready{margin-bottom:-78px}.cinematic-slab-wrap{margin-top:-70px}.cinematic-section{padding:64px 18px}.setup-grid{grid-template-columns:1fr}}.setup-card{text-align:center;aspect-ratio:1;opacity:0;border:2px solid #ffffff70;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:54px 40px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(20px);box-shadow:0 24px 56px #4f488429,0 10px 22px #0000000f,inset 0 1px #ffffffe0}.setup-card.revealed{opacity:1;transform:translateY(0)}.setup-card-number{background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:68px;line-height:1}.setup-card-title{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.setup-card-title-line{justify-content:center;width:100%;display:flex}.setup-card-body{text-wrap:balance;max-width:92%;margin:0 auto;font-size:18px;font-weight:800;line-height:1.55}.cinematic-beats{text-align:center;padding-left:12px;padding-right:12px}@media (width<=768px){.beats-list{grid-template-columns:1fr}}.beat-card{aspect-ratio:1;opacity:0;border:2px solid #ffffff70;border-radius:24px;flex-direction:column;justify-content:center;width:100%;padding:56px 40px;transition:opacity .7s,transform .7s;display:flex;position:relative;overflow:visible;transform:translateY(28px);box-shadow:0 24px 56px #4f488429,0 10px 22px #0000000f,inset 0 1px #ffffffe0}.beat-card:before,.beat-card:after{clip-path:inset(0 round 24px)}.beat-card.revealed{opacity:1;transform:translateY(0)}.beat-card-content{z-index:3;text-align:center;position:relative}.beat-card-title{flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:24px;display:flex}.beat-card-title-line{filter:drop-shadow(0 2px 6px #00000080)drop-shadow(0 0 20px #0000004d);justify-content:center;width:100%;display:flex}.beat-card-body{text-wrap:balance;max-width:90%;margin:0 auto;font-size:18px;font-weight:800;line-height:1.55}.beat-sphere{z-index:1;animation:6s ease-in-out infinite beatFloat;position:absolute}.beat-sphere-top-left{top:-30px;left:-30px}.beat-sphere-top-right{top:-24px;right:-26px}.beat-sphere-center-left{top:50%;left:-38px;transform:translateY(-50%)}.beat-sphere-img{object-fit:contain;filter:drop-shadow(0 4px 12px #0003);width:84px;height:84px;animation:20s linear infinite planetSpin}.beat-sphere-pulse{background:radial-gradient(circle,#a78bfa66 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite radarPulse;position:absolute;inset:-12px}@keyframes radarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes beatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.beat-stars{pointer-events:none;z-index:1;position:absolute;inset:0}.beat-star{color:#a78bfa80;font-size:10px;animation:3s ease-in-out infinite starTwinkle;position:absolute}.beat-star:nth-child(2){font-size:8px;animation-delay:.5s}.beat-star:nth-child(3){animation-delay:1s}.beat-star:nth-child(4){font-size:8px;animation-delay:1.5s}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.beat-moon{opacity:.35;filter:grayscale(.3);z-index:2;font-size:38px;animation:8s ease-in-out infinite beatFloat;position:absolute;top:-6px;right:14px}.cinematic-cta{justify-content:center;padding:48px 24px 24px;display:flex;position:relative}.cta-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#ffffff3d,#ffffff26);border:2px solid #ffffff70;border-radius:30px;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.16fr);align-items:center;gap:54px;width:min(1240px,100vw - 24px);max-width:none;min-height:356px;padding:42px 44px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 60px #4f48842e,0 12px 24px #00000014,inset 0 1px #ffffffdb}.cta-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.72;pointer-events:none;background:linear-gradient(118deg,#ffffff2e,#ff91d638,#94eeff33,#c29cff38,#ffffff2e) 0 0/220% 220%;padding:1.5px;animation:12s linear infinite ctaBorderFlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta-card:after{content:"";border-radius:inherit;opacity:.5;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(118deg,#ffffff2e 0%,#ffffff08 26%,#ffffff1c 42%,#fff0 60%),radial-gradient(circle at 72% 28%,#ffc2ec38,#0000 34%),radial-gradient(circle at 18% 76%,#8eebff29,#0000 30%);animation:14s ease-in-out infinite ctaGlassSweep;position:absolute;inset:1px}.cta-card>*{z-index:1;position:relative}.cta-card-side{flex-direction:column;justify-content:center;min-width:0;display:flex}.cta-card-side--left{text-align:left;align-items:flex-start;gap:18px}.cta-card-side--right{text-align:right;align-items:flex-end}.cta-kicker{letter-spacing:.28em;text-transform:uppercase;color:#ffffffdb;text-shadow:0 4px 14px #00000038;font-size:13px;font-weight:800}.cta-feature-stack{gap:14px;width:min(100%,520px);display:grid}.cta-feature-card{-webkit-backdrop-filter:blur(20px);color:#fffffff7;text-shadow:0 4px 14px #251a442e;border:1px solid #ffffff4d;border-radius:24px;align-items:center;gap:14px;width:100%;padding:16px 20px;font-size:19px;font-weight:800;line-height:1.3;display:flex;box-shadow:0 18px 38px #140e2829,inset 0 1px #ffffff80}.cta-feature-card--pink{background:linear-gradient(135deg,#fff3,#ffc1e63d,#ffffff1f)}.cta-feature-card--purple{background:linear-gradient(135deg,#ffffff2e,#d6b8ff3d,#ffffff1f)}.cta-feature-card--blue{background:linear-gradient(135deg,#ffffff2e,#b1eeff38,#ffffff1f)}.cta-feature-dot{background:radial-gradient(circle at 30% 30%,#fffffffa,#ffd7f1eb 42%,#96eeffd9 78%);border-radius:999px;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 4px #ffffff24,0 0 22px #ffccec6b}.cta-planet{align-self:flex-end;margin-bottom:18px}.cta-planet .pp-logo-planet{filter:drop-shadow(0 10px 28px #0000002e)}.cta-heading{margin:0 0 24px;font-family:Fredoka One,cursive;line-height:1.05}.cta-heading-word{flex-direction:column;align-items:stretch;gap:8px;width:min(100%,620px);margin:0 0 30px;display:flex}.cta-heading-word-line{filter:drop-shadow(0 7px 5px #00000073)drop-shadow(0 2px 2px #00000047);justify-content:flex-end;width:100%;display:flex}.cta-heading-word-line--with-mark{align-items:flex-start;gap:10px}.cta-heading-mark{color:#fffffff5;text-shadow:0 4px 14px #00000047;font-family:Fredoka One,cursive;font-size:56px;line-height:1;transform:translateY(8px)}.cta-card .welcome-cta-btn{align-self:flex-end;min-width:214px}.cta-subtext{max-width:420px;margin-top:18px;font-size:18px;font-weight:800}@keyframes ctaBorderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ctaGlassSweep{0%,to{opacity:.34;transform:translate(-8%)translateY(0)}50%{opacity:.54;transform:translate(8%)translateY(-1%)}}.cinematic-footer{-webkit-backdrop-filter:blur(20px);z-index:1;background:linear-gradient(#fff3,#ffffff24);border:2px solid #ffffff6b;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:24px;width:min(1240px,100vw - 24px);margin:0 auto 48px;padding:22px 24px;display:grid;position:relative;box-shadow:0 20px 46px #4f488424,0 8px 18px #0000000f,inset 0 1px #ffffffd1}.cinematic-footer-pills{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cinematic-footer-pill{color:#fffffff2;text-shadow:0 4px 12px #0000002e;background:linear-gradient(#ffffff24,#ffffff14);border:1px solid #ffffff42;border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #08061c1f,inset 0 1px #ffffff70}.cinematic-footer-meta{justify-content:flex-end;align-items:center;gap:14px;min-width:300px;display:flex}.cinematic-footer-logo{flex-shrink:0}.cinematic-footer-copy{text-align:right;flex-direction:column;gap:4px;display:flex}.cinematic-footer-copy strong{font-size:16px;font-weight:900}.cinematic-footer-copy span{font-size:14px;font-weight:700;line-height:1.45}@media (width<=1024px){.cta-card{grid-template-columns:1fr;gap:34px;padding:38px 30px 34px}.cta-card-side--left,.cta-card-side--right{text-align:center;align-items:center}.cta-feature-stack{width:min(100%,620px)}.cta-feature-card{text-align:center;justify-content:center}.cta-kicker,.cta-planet,.cta-card .welcome-cta-btn{align-self:center}.cta-heading-word-line{justify-content:center}.cta-subtext{text-align:center}.cinematic-footer{grid-template-columns:1fr;justify-items:center}.cinematic-footer-meta{justify-content:center;min-width:0}.cinematic-footer-copy{text-align:center}}@media (width<=768px){.setup-grid,.beats-list{gap:24px;width:calc(100vw - 36px)}.setup-card{gap:18px;padding:44px 28px}.beat-card{aspect-ratio:auto;padding:38px 24px}.setup-card-number{font-size:56px}.setup-card-body,.beat-card-body{max-width:100%;font-size:16px}.beat-sphere-img{width:60px;height:60px}.cinematic-title-card,.setup-card,.beat-card,.cta-card{border-radius:22px}.cinematic-cta{padding:40px 18px 20px}.cta-card{gap:24px;width:calc(100vw - 36px);min-height:auto;padding:34px 20px 28px}.cta-feature-stack{gap:10px}.cta-feature-card{padding:14px 16px;font-size:16px}.cta-heading-word{gap:4px;width:min(100%,440px);margin-bottom:22px}.cta-heading-mark{font-size:42px;transform:translateY(6px)}.cta-subtext{max-width:100%;font-size:16px}.cinematic-footer{gap:16px;width:calc(100vw - 36px);margin-bottom:30px;padding:18px}.cinematic-footer-pills{justify-content:center}}.hero-slab-pip{z-index:50;border-radius:16px;transition:all .8s cubic-bezier(.4,0,.2,1);top:24px;right:24px;overflow:hidden;box-shadow:0 12px 40px #00000040;width:320px!important;max-width:320px!important;height:220px!important;min-height:auto!important;position:fixed!important}.hero-slab-pip .hero-3d-inner{transform:scale(.28)rotateX(10deg)rotateY(-26deg)rotate(1.2deg)!important}.hero-slab-pip .float-notif,.hero-slab-pip .float-weekly,.hero-slab-pip .float-click,.hero-slab-pip .float-star{display:none}.pip-layout{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 360px 24px 24px;animation:.6s ease-out forwards pipLayoutIn;display:flex}@media (width<=768px){.pip-layout{padding-right:24px}.hero-slab-pip{display:none}}@media (width<=640px){.cinematic-topbar-kicker{font-size:11px}.cinematic-title-sub,.dash-preview-desc,.setup-card-body,.beat-card-body,.cta-subtext{font-size:15px}.dash-preview-title{font-size:20px}.cta-heading{font-size:28px}.cinematic-footer-pill{text-align:center;justify-content:center;width:100%}}@keyframes pipLayoutIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#3a2e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8dff5;font-family:Plus Jakarta Sans,sans-serif;font-weight:500}button,a,[role=button],input[type=button],input[type=submit]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:root{--text-primary:#3a2e50;--text-secondary:#9c8fb0;--text-muted:#6b5e7b;--gradient-pink:linear-gradient(135deg, #f0b8ee, #e8a8e0, #ddb0f0, #e0c0f5);--gradient-yellow:linear-gradient(135deg, #fef6d0, #fde98f, #fcc53a);--gradient-purple:linear-gradient(135deg, #d0c8fc, #bbb5f8, #a8b0f5);--gradient-teal:linear-gradient(135deg, #b5f5fc, #7ee8da, #5dd8c8);--gradient-blue:linear-gradient(135deg, #8be8f5, #7eb8f8);--gradient-rainbow:linear-gradient(90deg, #fbcfe8, #d8b4fe, #93c5fd, #a5f3fc);--shadow-card:0 6px 10px #00000026, 0 14px 20px #0000001a;--shadow-button:0 4px 12px #0000001f;--shadow-soft:0 2px 6px #00000014;--page-gradient-dd:radial-gradient(circle at 16% 14%, #ffffff6b 0%, #fff0 26%), radial-gradient(circle at 82% 16%, #fff3 0%, #fff0 24%), linear-gradient(180deg, #f8d8ef 0%, #f4c9eb 42%, #efc8f4 100%);--page-gradient-phq:radial-gradient(circle at 18% 16%, #fff6 0%, #fff0 26%), radial-gradient(circle at 84% 12%, #ffffff2e 0%, #fff0 22%), linear-gradient(180deg, #e1dbff 0%, #ddd8ff 44%, #e8e1ff 100%);--page-gradient-wh:radial-gradient(circle at 16% 14%, #fff6 0%, #fff0 26%), radial-gradient(circle at 84% 16%, #fff3 0%, #fff0 22%), linear-gradient(180deg, #cde7ff 0%, #c3e1fb 42%, #d7ecff 100%);--pp-glass-bg:linear-gradient(145deg, #ffffff61 0%, #fff3 42%, #ffffff40 100%);--pp-glass-bg-strong:linear-gradient(145deg, #ffffff7a 0%, #ffffff47 48%, #ffffff57 100%);--pp-glass-fill-soft:#ffffff2e;--pp-glass-fill-muted:#ffffff1f;--pp-glass-blur:blur(30px) saturate(1.4);--pp-glass-blur-strong:blur(38px) saturate(1.56);--pp-glass-border:#ffffff70;--pp-glass-border-soft:#ffffff42;--pp-glass-shadow:0 20px 46px #3a2e501f, 0 8px 20px #3a2e5014;--pp-glass-shadow-strong:0 26px 58px #3a2e5026, 0 10px 24px #3a2e501a;--pp-glass-highlight:inset 0 1px 0 #ffffffdb, inset 0 -1px 0 #ffffff14, inset 0 0 18px #ffffff14;--pp-glass-highlight-soft:inset 0 1px 0 #ffffffc2, inset 0 -1px 0 #ffffff0d, inset 0 0 12px #ffffff0f;--pp-empty-bg:linear-gradient(135deg, #ffffff42, #ffffff1a);--pp-empty-border:#ffffff57}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9b8fb04d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9b8fb080}.pp-empty-state{text-align:center;color:#8d80a1;background:var(--pp-empty-bg);border:1px solid var(--pp-empty-border);border-radius:12px;padding:18px 16px;font-size:.74rem;font-weight:600;box-shadow:inset 0 1px #ffffff9e}.pp-empty-state.compact{border-radius:10px;padding:10px 12px;font-size:.7rem;font-weight:500}.pp-inline-input{color:#3a2e50;background:0 0;border:none;border-bottom:1px solid #d0c8fc57;outline:none;flex:1;padding:2px 0;font-family:Plus Jakarta Sans,sans-serif}@media (width<=768px){.notion-block:hover{transform:none;box-shadow:0 6px 10px #00000040,0 14px 20px #0000002e,inset 0 1px #ffffff80,inset 0 0 20px #ffffff0d}::-webkit-scrollbar{width:3px}}@media (width<=480px){.pp-inline-input,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-size:16px!important}::-webkit-scrollbar{width:0;height:0}}.glass-card{background:var(--pp-glass-bg);-webkit-backdrop-filter:var(--pp-glass-blur);border:1.5px solid var(--pp-glass-border);box-shadow:var(--pp-glass-shadow), var(--pp-glass-highlight);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff3d,#ffffff14,#ffffff2e);position:absolute;inset:0}.glass-input{-webkit-backdrop-filter:blur(20px);color:#3a2e50;background:linear-gradient(145deg,#ffffff47,#ffffff24);border:1.5px solid #ffffff6b;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.glass-input::placeholder{color:#bbb5f8}.glass-input:focus{border-color:#b5f5fc99;box-shadow:0 0 16px #b5f5fc33}.glass-tab-bar{-webkit-backdrop-filter:blur(22px)saturate(1.35);height:80px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:linear-gradient(#ffffff7a,#ffffff52);border-top:1.5px solid #ffffff8f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #3a2e5014,inset 0 1px #ffffff94}@keyframes rainbowShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes twinkle1{0%,to{opacity:.4;transform:translateZ(70px)scale(1)}50%{opacity:1;color:#f472b6;transform:translateZ(70px)scale(1.3)}}@keyframes twinkle2{0%,to{opacity:.5;transform:translateZ(60px)scale(1)}50%{opacity:1;color:#67e8f9;transform:translateZ(60px)scale(1.2)}}@keyframes twinkle3{0%,to{opacity:.3;transform:translateZ(50px)scale(1)}50%{opacity:.9;color:#c084fc;transform:translateZ(50px)scale(1.4)}}@keyframes notifFloat{0%,to{transform:translateZ(150px)translate(0)}50%{transform:translateZ(150px)translate(-5px,6px)}}@keyframes habitsFloat{0%,to{transform:translateZ(180px)translate(0)}50%{transform:translateZ(180px)translate(3px,-5px)}}@keyframes projFloat{0%,to{transform:translateZ(180px)translate(0)}50%{transform:translateZ(180px)translate(4px,-5px)}}@keyframes weeklyFloat{0%,to{transform:translateZ(160px)translate(0)}50%{transform:translateZ(160px)translate(4px,5px)}}@keyframes clickFloat{0%,to{transform:translateZ(200px)translate(0)}50%{transform:translateZ(200px)translate(-3px,4px)}}@keyframes cursorMove{0%{opacity:0;transform:translate(60px,40px)}20%{opacity:1;transform:translate(60px,40px)}55%{opacity:1;transform:translate(0)}62%{transform:translateY(2px)}68%{transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes clickRipple{0%{opacity:.8;width:0;height:0}to{opacity:0;width:60px;height:60px;margin-top:-30px;margin-left:-30px}}@keyframes taskAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes obPulse{0%,to{box-shadow:inset 0 1px #ffffffd9,0 8px 24px #00000026,0 0 30px #d0c8fc4d}50%{box-shadow:inset 0 1px #ffffffd9,0 8px 24px #00000026,0 0 50px #b5f5fc66,0 0 80px #f0b8ee33}}.animate-fade-up{animation:.4s both fadeUp}.animate-fade-in{animation:.4s both fadeIn}.rainbow-fill{background:linear-gradient(90deg,#fbcfe8,#d8b4fe,#93c5fd,#a5f3fc) 0 0/200% 100%;animation:4s infinite rainbowShift}