.reveal{opacity:0;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:translateY(20px)}.reveal.revealed{opacity:1;transform:translateY(0)}.hero{align-items:center;min-height:auto;display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:0;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 35%,#333 65%,#1a1a1a 100%);position:absolute;inset:0}.hero-backdrop:before{content:"";opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.hero-backdrop:after{content:"";pointer-events:none;background:radial-gradient(#ffffff08 0%,#0000 70%);width:60%;height:60%;position:absolute;top:20%;left:30%}.hero-inner{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;padding-top:4.5rem;padding-bottom:4rem;display:grid;position:relative}.hero-text h1{color:#f5f0e8;margin-bottom:1.25rem}.hero-text h1 em{color:#d4b896;font-style:normal}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#d4b896;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:block}.hero-sub{color:#f5f0e899;max-width:48ch;margin-bottom:2.25rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.hero-primary{color:#1a1a1a!important;background-color:#f5f0e8!important;font-weight:700!important}.hero-primary:hover{transform:translateY(-1px);background-color:#ede7dc!important}.hero-ghost{color:#f5f0e8b3!important;background:0 0!important;border:1px solid #f5f0e826!important}.hero-ghost:hover{color:#f5f0e8!important;background:#f5f0e80f!important}.hero-visual{flex-direction:column;gap:.75rem;display:flex}.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e80f!important;border:1px solid #f5f0e814!important;padding:1.25rem 1.5rem!important}.hero-progress{padding:1.5rem!important}.hcard-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.hcard-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f5f0e880;font-size:.7rem;font-weight:600}.progress-list{flex-direction:column;gap:.85rem;display:flex}.progress-row{align-items:center;gap:.75rem;display:flex}.progress-avatar{opacity:.8;border-radius:50%;flex-shrink:0;width:28px;height:28px}.progress-info{flex-direction:column;flex-shrink:0;width:110px;min-width:0;display:flex}.progress-name{color:#f5f0e8;font-size:.82rem;font-weight:600;line-height:1.2}.progress-course{color:#f5f0e866;font-size:.68rem}.progress-bar-wrap{flex:1;align-items:center;gap:.5rem;display:flex}.hero-progress-bar{flex:1;background:#f5f0e814!important;border-radius:2px!important;height:4px!important}.hero-progress-bar .bp5-progress-meter{background:#d4b896!important;border-radius:2px!important}.progress-pct{font-family:var(--font-mono);color:#d4b896;text-align:right;width:30px;font-size:.68rem;font-weight:600}.schedule-list{flex-direction:column;gap:.6rem;display:flex}.schedule-row{align-items:center;gap:.6rem;display:flex}.schedule-row.faded{opacity:.4}.schedule-time{font-family:var(--font-mono);color:#f5f0e88c;flex-shrink:0;width:58px;font-size:.72rem;font-weight:500}.schedule-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.schedule-who{color:#f5f0e8;font-size:.82rem;font-weight:500}.live-tag{letter-spacing:.04em;margin-left:auto;color:#d4b896!important;background:#d4b8961f!important;font-size:.62rem!important;font-weight:600!important}.liveroom-content{flex-direction:column;gap:.75rem;display:flex}.mini-piano-hero{height:64px;display:flex;position:relative}.wpk-hero{background:#f5f0e8e0;border:1px solid #c8beaf66;border-radius:0 0 3px 3px;flex:1;position:relative}.wpk-hero+.wpk-hero{margin-left:1px}.wpk-hero.active{background:#d4b896a6;border-color:#d4b89680}.bpk-hero{z-index:2;background:#1a1a1a;border-radius:0 0 2px 2px;width:58%;height:60%;position:absolute;top:-1px;right:-30%;box-shadow:0 2px 3px #0006}.bpk-hero.no-black{display:none}.liveroom-fx{gap:.4rem;display:flex}.fx-tag{color:#f5f0e873!important;background:#f5f0e80f!important;border:1px solid #f5f0e814!important;font-size:.65rem!important}@media (width<=768px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;gap:2.5rem;padding-top:3.5rem;padding-bottom:3rem}.hero-actions{flex-direction:column;gap:.5rem}.hero-actions .bp5-button{width:100%}.progress-info{width:90px}.progress-bar-wrap{min-width:0}.hero-card{padding:1rem 1.25rem!important}.hero-progress{padding:1.25rem!important}.hcard-header{margin-bottom:.75rem}}@media (width<=480px){.hero-inner{gap:1.5rem;padding-top:2.5rem;padding-bottom:2rem}.hero-text h1{font-size:clamp(1.6rem,8vw,2.2rem)}.hero-sub{margin-bottom:1.5rem;font-size:.88rem}.hero-actions{margin-bottom:1.5rem}.hero-actions .bp5-button{padding:.6rem 1.25rem!important;font-size:.85rem!important}.hero-card{padding:.85rem 1rem!important}.hero-progress{padding:1rem!important}.hcard-header{margin-bottom:.5rem}.progress-row{gap:.5rem}.progress-info{width:65px}.progress-name{font-size:.72rem}.progress-course,.progress-pct{font-size:.58rem}.schedule-time{width:42px;font-size:.62rem}.schedule-who{font-size:.72rem}.schedule-dot{width:6px;height:6px}.mini-piano-hero{height:48px}.liveroom-fx{gap:.3rem}.fx-tag{padding:2px 6px!important;font-size:.58rem!important}}#features.section-pattern{padding-top:clamp(2.5rem,5vw,3.5rem)}.feature-head{margin-bottom:2rem}.feature-head p{margin-top:.75rem}.feature-scroll-container{cursor:grab;touch-action:pan-y;width:100%;padding-bottom:1.5rem;position:relative;overflow:hidden}.feature-fade{z-index:2;pointer-events:none;width:clamp(48px,10vw,120px);position:absolute;top:0;bottom:0}.feature-fade-left{background:linear-gradient(to right, var(--bg-warm) 0%, transparent 100%);left:0}.feature-fade-right{background:linear-gradient(to left, var(--bg-warm) 0%, transparent 100%);right:0}.feature-scroll{will-change:transform;gap:1rem;width:max-content;padding:1rem clamp(1.25rem,5vw,3rem);display:flex}.feature-card-wrapper{perspective:800px;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;flex-shrink:0;width:240px;min-width:240px;height:220px;transition:opacity .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1);transform:translateY(20px)scale(.95)}.feature-card-wrapper.visible{opacity:1;transform:translateY(0)scale(1)}.feature-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.feature-card-wrapper:hover .feature-card-inner{transform:translateY(-6px)}.feature-card-wrapper.flipped .feature-card-inner{transform:rotateY(180deg)}.feature-card-wrapper.flipped:hover .feature-card-inner{transform:rotateY(180deg)translateY(-6px)}.feature-card{backface-visibility:hidden;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease-out-expo);flex-direction:column;padding:1.5rem;display:flex;position:absolute;inset:0}.feature-card-wrapper:hover .feature-card{box-shadow:var(--shadow-lg)}.feature-card-front{z-index:1}.feature-icon{border-radius:var(--r-md);background:var(--pop-light);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.85rem;display:flex}.feature-card-front h3{margin-bottom:.35rem;font-size:clamp(1rem,1.5vw,1.1rem)}.feature-card-front p{color:var(--ink-secondary);flex:1;max-width:none;font-size:.82rem;line-height:1.55}.flip-hint{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;opacity:0;margin-top:auto;padding-top:.5rem;font-size:.6rem;transition:opacity .2s}.feature-card-wrapper:hover .flip-hint{opacity:.6}.feature-card-back{background:var(--surface-warm);border-color:var(--pop-line);transform:rotateY(180deg)}.feature-card-back h4{color:var(--pop-color);letter-spacing:-.01em;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.feature-card-back ul{flex-direction:column;flex:1;gap:.5rem;display:flex}.feature-card-back li{color:var(--ink);align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;line-height:1.4;display:flex}.feature-card-back .flip-hint{opacity:.4}.feature-card-wrapper.flipped:hover .feature-card-back .flip-hint{opacity:.6}@media (width<=768px){.feature-card-wrapper{width:200px;min-width:200px;height:200px}}@media (width<=480px){.feature-head p{font-size:.88rem}.feature-scroll{gap:.75rem;padding:.75rem 1rem}.feature-card-wrapper{width:175px;min-width:175px;height:190px}.feature-card{padding:1.15rem}.feature-icon{width:34px;height:34px;margin-bottom:.65rem}.feature-card-front h3{font-size:.88rem}.feature-card-front p{font-size:.75rem}.feature-card-back li{font-size:.72rem}.flip-hint{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.feature-card-inner{transition-duration:.01ms!important}}.section-intro{margin-bottom:3rem}.section-intro p{margin-top:.75rem}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.showcase.reverse{direction:rtl}.showcase.reverse>*{direction:ltr}.showcase-text h2{margin-bottom:1rem}.showcase-text p{margin-bottom:1.5rem}.highlights{flex-direction:column;gap:.65rem;display:flex}.highlights li{color:var(--ink);align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.highlights li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.showcase-card{padding:1.75rem!important}.mini-piano{height:80px;margin-bottom:.5rem;display:flex;position:relative}.wpk{background:var(--bg);border:1px solid var(--line-strong);border-radius:0 0 4px 4px;flex:1;position:relative}.wpk+.wpk{margin-left:1px}.wpk.active{background:var(--pop-color);border-color:var(--pop-color)}.bpk{background:var(--ink);z-index:2;border-radius:0 0 3px 3px;width:58%;height:60%;position:absolute;top:0;right:-30%;box-shadow:0 2px 4px #0000004d,inset 0 -1px 2px #00000026}.bpk.no-black{display:none}.chord-bar{font-family:var(--font-mono);color:var(--ink);margin-top:.5rem;font-size:1rem;font-weight:600}.fx-row{gap:.4rem;margin-top:.75rem;display:flex}.course-banner{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--accent) 0%, var(--pop) 100%);height:48px;margin-bottom:1rem}.course-progress{border-radius:var(--r-full)!important;margin-bottom:1rem!important}.course-progress .bp5-progress-bar{border-radius:var(--r-full)}.course-steps{flex-direction:column;gap:.5rem;display:flex}.step{color:var(--ink-muted);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.step.done{text-decoration:line-through}.step.current{color:var(--ink);font-weight:600}.step-check{color:var(--accent);font-size:.85rem}.step-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.step-circle{border:1.5px solid var(--ink-muted);border-radius:50%;width:8px;height:8px}.brand-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:1.5rem;display:grid}.brand-hub,.brand-pricing{padding:1.75rem!important}.hub-avatar{background:var(--accent-light);border-radius:50%;width:48px;height:48px;margin-bottom:.75rem}.hub-tabs{gap:.4rem;margin-bottom:1.25rem;display:flex}.hub-cards{flex-direction:column;gap:.5rem;display:flex}.brand-name{color:var(--t-ink);margin-bottom:.25rem}.brand-tagline{color:var(--t-ink);opacity:.5;margin-bottom:1rem;font-size:.8rem}.hub-tab-inactive{opacity:.4;color:var(--t-ink)!important;background:0 0!important}.hub-mini-card{background:var(--t-bg);border:1px solid var(--t-accent-line);border-radius:var(--r-sm);padding:.75rem}.hmc-title{color:var(--t-ink);font-size:.85rem;font-weight:600}.hmc-meta{color:var(--t-ink);opacity:.45;margin-top:.15rem;font-size:.7rem}.price-name{color:var(--t-ink);font-size:.85rem;font-weight:500}.price-val{font-family:var(--font-mono);color:var(--t-ink);font-size:.95rem;font-weight:700}.price-pill.featured{border-color:var(--t-accent);background:var(--t-accent-light)}.price-popular-tag{font-size:.6rem;position:absolute;top:-8px;right:12px;background:var(--t-accent)!important;color:#fff!important}.price-pills{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.price-pill{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex;position:relative}.connect-grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:1rem;display:grid}.connect-card{height:100%;padding:1.5rem!important}.msg-thread{flex-direction:column;gap:.65rem;display:flex}.msg{display:flex}.msg.out{justify-content:flex-end}.msg-bubble{border-radius:var(--r-md);max-width:85%;padding:.6rem .85rem;font-size:.82rem;line-height:1.5}.out-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.in-bubble{background:var(--bg-alt);color:var(--ink);border-bottom-left-radius:4px}.file-list{flex-direction:column;gap:.5rem;display:flex}.file-row{color:var(--ink-secondary);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.82rem;display:flex}.file-row:last-child{border-bottom:none}.file-icon{font-size:1rem}.player-mock{flex-direction:column;gap:.75rem;display:flex}.player-thumb{border-radius:var(--r-sm);background:var(--bg-alt);width:100%;height:64px}.player-title{color:var(--ink);font-size:.85rem;font-weight:600}.player-time{font-family:var(--font-mono);color:var(--ink-muted);font-size:.7rem}.player-bar{background:var(--bg-alt);border-radius:var(--r-full);height:4px}.player-fill{background:var(--accent);border-radius:var(--r-full);height:100%}.create-grid{grid-template-columns:1.2fr .8fr;gap:1.5rem;display:grid}.create-card{padding:1.75rem!important}.video-controls{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.rec-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-rec}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.4}}.play-btn{color:var(--ink);font-size:.85rem}.vid-time{font-family:var(--font-mono);color:var(--ink-muted);margin-left:auto;font-size:.7rem}.timeline{flex-direction:column;gap:.5rem;display:flex}.track{background:var(--bg);border-radius:var(--r-sm);height:24px;overflow:hidden}.clip{border-radius:var(--r-sm);height:100%}.sheet-toolbar{gap:.4rem;margin-bottom:1rem;display:flex}.staff{flex-direction:column;gap:6px;padding-top:.5rem;display:flex}.staff-line{background:var(--line-strong);border-radius:.5px;height:1px}.dash-mini-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dash-mini-stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:.85rem}.dms-num{font-family:var(--font-mono);color:var(--ink);margin-bottom:.15rem;font-size:1.15rem;font-weight:700;display:block}.dms-lbl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.demo-card{padding:1.5rem!important}.demo-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:grid}.demo-lesson-list{flex-direction:column;gap:.65rem;display:flex}.demo-lesson-row{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.demo-lesson-row:last-child{border-bottom:none}.demo-lesson-info{flex-direction:column;flex:1;min-width:0;display:flex}.demo-lesson-name{color:var(--ink);font-size:.85rem;font-weight:600}.demo-lesson-meta{color:var(--ink-muted);font-size:.72rem}.demo-setup{flex-direction:column;gap:1rem;display:flex}.demo-setup-header{align-items:center;gap:.75rem;display:flex}.demo-setup-options{flex-direction:column;gap:.5rem;display:flex}.demo-opt{color:var(--ink-secondary);background:var(--bg);border-radius:var(--r-sm);border:1px solid var(--line);align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.demo-opt-on{font-family:var(--font-mono);color:var(--pop-color);margin-left:auto;font-size:.68rem;font-weight:600}.demo-join-btn{background:var(--pop-color);color:#fff;border-radius:var(--r-md);justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:600;display:flex}.demo-live-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.demo-timer{font-family:var(--font-mono);color:var(--ink);font-size:.82rem;font-weight:600}.demo-video-area{gap:.5rem;margin-bottom:.75rem;display:flex}.demo-video-box{background:var(--bg-alt);border-radius:var(--r-sm);flex:1;place-items:center;height:80px;display:grid}.demo-video-box.small{flex:0 0 80px}.demo-live-bottom{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.demo-chapter-list{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.demo-chapter{border-radius:var(--r-sm);color:var(--ink-secondary);align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.82rem;display:flex}.demo-chapter.done{color:var(--ink-muted);text-decoration:line-through}.demo-chapter.editing{background:var(--pop-light);color:var(--ink);font-weight:600;text-decoration:none}.demo-ch-dot{border:2px solid var(--line-strong);width:22px;height:22px;color:var(--ink-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.62rem;font-weight:700;display:grid}.demo-ch-dot.filled{background:var(--pop-color);border-color:var(--pop-color);color:#fff}.demo-ch-title{flex:1}.demo-ch-meta{font-family:var(--font-mono);color:var(--ink-muted);font-size:.62rem}.demo-add-chapter{color:var(--pop-color);cursor:default;align-items:center;gap:.4rem;padding:.4rem 0;font-size:.78rem;font-weight:500;display:flex}.demo-course-header,.demo-progress-section{margin-bottom:1rem}.demo-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.demo-section-list{flex-direction:column;gap:.5rem;display:flex}.demo-sec-item{color:var(--ink-secondary);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.demo-sec-item.done{color:var(--ink-muted)}.demo-sec-item.current{color:var(--ink)}.demo-cert{text-align:center;padding:1rem 0}.demo-cert-badge{margin-bottom:1rem}.demo-cert-stats{justify-content:center;gap:2rem;margin-bottom:1.25rem;display:flex}.demo-cert-stat{flex-direction:column;align-items:center;display:flex}.demo-cert-num{font-family:var(--font-mono);color:var(--ink);font-size:1.2rem;font-weight:700}.demo-cert-lbl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.demo-cert-actions{justify-content:center;display:flex}.demo-file-date{font-family:var(--font-mono);color:var(--ink-muted);margin-left:auto;font-size:.65rem}.demo-assignment-list{flex-direction:column;gap:.65rem;display:flex}.demo-assignment-row{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.demo-assignment-row:last-child{border-bottom:none}.demo-assignment-info{flex-direction:column;flex:1;min-width:0;display:flex}.demo-assignment-title{color:var(--ink);font-size:.82rem;font-weight:600}.demo-assignment-meta{color:var(--ink-muted);font-size:.68rem}.demo-staff-area{padding:1rem 0;position:relative}.demo-notes-overlay{pointer-events:none;position:absolute;inset:0}.demo-note{background:var(--pop-color);border-radius:50%;width:10px;height:8px;position:absolute}.demo-video-preview{background:var(--bg-alt);border-radius:var(--r-sm);flex-direction:column;justify-content:center;align-items:center;height:100px;margin-bottom:.75rem;display:flex}.demo-media-grid{flex-direction:column;gap:.5rem;display:flex}.demo-media-item{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.demo-media-item:last-child{border-bottom:none}.demo-media-thumb{background:var(--bg);border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.demo-media-info{flex-direction:column;min-width:0;display:flex}.demo-media-title{color:var(--ink);font-size:.82rem;font-weight:600}.demo-media-meta{color:var(--ink-muted);font-size:.68rem}.demo-student-list{flex-direction:column;gap:.6rem;display:flex}.demo-student-row{align-items:center;gap:.65rem;display:flex}.demo-student-info{flex-direction:column;flex-shrink:0;width:100px;min-width:0;display:flex}.demo-student-name{color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.2}.demo-student-meta{color:var(--ink-muted);font-size:.68rem}.demo-student-progress{flex:1;align-items:center;gap:.5rem;display:flex}.demo-progress-bar{flex:1;border-radius:2px!important;height:4px!important}.demo-progress-bar .bp5-progress-meter{background:var(--pop-color)!important;border-radius:2px!important}.demo-student-pct{font-family:var(--font-mono);color:var(--pop-color);text-align:right;width:28px;font-size:.65rem;font-weight:600}.demo-calendar{flex-direction:column;gap:.35rem;display:flex}.demo-cal-slot{border-radius:var(--r-sm);align-items:center;gap:.75rem;padding:.45rem .65rem;font-size:.82rem;display:flex}.demo-cal-slot.lesson{background:var(--pop-light);color:var(--ink);font-weight:500}.demo-cal-slot.available{color:var(--ink-muted);background:#2d6a4f0f}.demo-cal-slot.break{background:var(--bg);color:var(--ink-muted);font-style:italic}.demo-cal-time{font-family:var(--font-mono);color:var(--ink-muted);flex-shrink:0;width:60px;font-size:.68rem;font-weight:500}.demo-cal-name{flex:1}@media (width<=768px){.showcase{grid-template-columns:1fr;gap:2rem}.showcase.reverse{direction:ltr}.brand-grid,.connect-grid,.create-grid{grid-template-columns:1fr}.section-intro{margin-bottom:2rem}.showcase-card,.brand-hub,.brand-pricing,.connect-card,.create-card{padding:1.25rem!important}.dash-mini-grid{gap:.5rem}}@media (width<=480px){.showcase{gap:1.5rem}.showcase-text h2{margin-bottom:.65rem}.showcase-text p{margin-bottom:1rem;font-size:.88rem}.highlights{gap:.45rem}.highlights li{font-size:.78rem}.showcase-card{padding:1rem!important}.price-pill{padding:.65rem .75rem}.price-name{font-size:.78rem}.price-val{font-size:.85rem}.msg-bubble{padding:.45rem .65rem;font-size:.75rem}.file-row{font-size:.75rem}.mini-piano{height:56px}.chord-bar{font-size:.85rem}.demo-card{padding:1rem!important}.demo-lesson-name{font-size:.78rem}.demo-lesson-meta{font-size:.65rem}.demo-chapter{padding:.4rem .5rem;font-size:.75rem}.demo-ch-dot{width:18px;height:18px;font-size:.55rem}.demo-student-info{width:80px}.demo-student-name{font-size:.75rem}.demo-student-meta{font-size:.62rem}.brand-hub,.brand-pricing,.connect-card,.create-card{padding:1rem!important}.dash-mini-grid{gap:.4rem}.dms-num{font-size:1rem}.dms-lbl{font-size:.62rem}}.la-scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:370px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.la-scene *,.la-scene:before,.la-scene:after{animation-play-state:paused}.la-scene.anim-active *,.la-scene.anim-active:before,.la-scene.anim-active:after{animation-play-state:running}.la-cursor{z-index:20;pointer-events:none;opacity:0;background:var(--ink);clip-path:polygon(0 0,0 100%,35% 70%,65% 95%,75% 88%,50% 65%,100% 55%);filter:drop-shadow(0 1px 2px #0000004d);width:16px;height:20px;animation:14s cubic-bezier(.33,1,.68,1) infinite laCursor;position:absolute}.la-phase{flex-direction:column;padding:1.25rem;display:flex;position:absolute;inset:0}.la-list-phase{animation:14s infinite laListPhase}.la-mini-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.la-page-title{color:var(--ink);font-size:1rem;font-weight:700}.la-btn-new{background:var(--accent);color:#fff;border-radius:var(--r-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.la-tabs{border-bottom:1px solid var(--line);gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.la-tab{color:var(--ink-muted);padding-bottom:4px;font-size:.72rem;font-weight:600}.la-tab.active{color:var(--ink);border-bottom:2px solid var(--accent)}.la-lesson-list{flex-direction:column;gap:.5rem;display:flex}.la-lesson-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.65rem .75rem}.la-target-lesson{animation:14s infinite laTargetHover}.la-other-lesson{opacity:.5}.la-lesson-top{align-items:center;gap:.5rem;display:flex}.la-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;display:grid}.la-lesson-info{flex-direction:column;flex:1;min-width:0;display:flex}.la-lesson-name{color:var(--ink);font-size:.78rem;font-weight:600}.la-lesson-meta{color:var(--ink-muted);font-size:.62rem}.la-lesson-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.la-lesson-date{color:var(--ink-muted);font-size:.62rem}.la-join-btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);align-items:center;gap:4px;width:fit-content;margin-top:.5rem;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.la-setup-phase{background:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:14s infinite laSetupPhase}.la-setup-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:280px;box-shadow:var(--shadow-lg);padding:1.25rem}.la-setup-title{color:var(--ink);margin-bottom:.25rem;font-size:.88rem;font-weight:700}.la-setup-hint{color:var(--ink-muted);margin-bottom:1rem;font-size:.68rem}.la-setup-field{margin-bottom:.75rem}.la-field-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.la-field-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);padding:6px 10px;font-size:.75rem}.la-duration-row{gap:4px;display:flex}.la-dur{border-radius:var(--r-sm);border:1px solid var(--line);color:var(--ink-muted);background:var(--surface);padding:4px 8px;font-size:.65rem;font-weight:600}.la-dur.active{background:var(--accent);border-color:var(--accent);color:#fff}.la-setup-actions{margin-top:1rem}.la-host-btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;animation:14s infinite laHostHighlight;display:flex}.la-midi-phase{background:#0006;justify-content:center;align-items:center;animation:14s infinite laMidiPhase}.la-midi-toast{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);align-items:center;gap:.65rem;padding:1rem 1.5rem;animation:14s infinite laMidiSlide;display:flex}.la-midi-text{flex-direction:column;display:flex}.la-midi-title{color:var(--ink);font-size:.78rem;font-weight:700}.la-midi-sub{color:var(--ink-muted);font-size:.62rem}.la-live-phase{gap:0;animation:14s infinite laLivePhase}.la-live-header{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.la-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s infinite laPulseDot}.la-live-label{color:#ef4444;letter-spacing:.05em;font-size:.6rem;font-weight:800}.la-live-name{color:var(--ink);flex:1;font-size:.72rem;font-weight:600}.la-live-clock{font-family:var(--font-mono);color:var(--ink);font-size:.72rem;font-weight:600}.la-live-stage{flex:1;gap:.4rem;min-height:0;margin-bottom:.4rem;display:flex}.la-video-main,.la-video-student{background:var(--bg-alt);border-radius:var(--r-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-height:70px;display:flex}.la-video-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:600}.la-piano-dock{border-top:1px solid var(--line);padding-top:.4rem}.la-piano-bar{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.la-piano-title{color:var(--ink);font-size:.65rem;font-weight:700}.la-piano-inst{color:var(--ink-muted);background:var(--bg);border-radius:var(--r-sm);border:1px solid var(--line);padding:2px 6px;font-size:.6rem}.la-chord-name{font-family:var(--font-mono);color:var(--ink);margin-left:auto;font-size:.78rem;font-weight:700}.la-chord-name:after{content:"—";animation:14s infinite laChord}.la-mini-keys{height:44px;display:flex;position:relative}.la-wk{background:var(--bg);border:1px solid var(--line-strong);border-radius:0 0 3px 3px;flex:1;transition:background .1s;position:relative}.la-wk+.la-wk{margin-left:1px}.la-bk{background:var(--ink);z-index:2;border-radius:0 0 2px 2px;width:58%;height:60%;position:absolute;top:-1px;right:-30%;box-shadow:0 1px 3px #00000040}.la-bk.la-no-black{display:none}.la-k1{animation:14s infinite laK1}.la-k2{animation:14s infinite laK2}.la-k3{animation:14s infinite laK3}.la-k4{animation:14s infinite laK4}.la-k5{animation:14s infinite laK5}.la-k6{animation:14s infinite laK6}.la-k7{animation:14s infinite laK7}.la-k8{animation:14s infinite laK8}.la-k9{animation:14s infinite laK9}.la-k10{animation:14s infinite laK10}.la-k11{animation:14s infinite laK11}.la-k12{animation:14s infinite laK12}.la-k13{animation:14s infinite laK13}.la-k14{animation:14s infinite laK14}.la-k15{animation:14s infinite laK15}.la-k16{animation:14s infinite laK16}.la-k17{animation:14s infinite laK17}.la-k18{animation:14s infinite laK18}.la-fx-row{gap:.3rem;margin-top:.3rem;display:flex}.la-fx-tag{background:var(--accent-light);color:var(--accent);border-radius:10px;padding:2px 8px;font-size:.58rem;font-weight:600}.la-fx-tag.active{background:var(--pop-light);color:var(--pop-color)}@keyframes laCursor{0%{opacity:0;top:16%;left:12%;transform:scale(1)}4%{opacity:1;top:16%;left:12%}10%{opacity:1;top:34%;left:14%}12%{opacity:1;top:34%;left:14%;transform:scale(.8)}13%{opacity:1;top:34%;left:14%;transform:scale(1)}16%{opacity:0}24%{opacity:0;top:68%;left:42%;transform:scale(1)}26%{opacity:1;top:68%;left:42%}29%{opacity:1;top:68%;left:42%;transform:scale(.8)}30%{opacity:1;top:68%;left:42%;transform:scale(1)}33%{opacity:0}to{opacity:0}}@keyframes laListPhase{0%{opacity:1}14%{opacity:1}17%{opacity:0;pointer-events:none}92%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes laSetupPhase{0%{opacity:0}16%{opacity:0}19%{opacity:1}32%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes laMidiPhase{0%{opacity:0}34%{opacity:0}36%{opacity:1}42%{opacity:1}44%{opacity:0}to{opacity:0}}@keyframes laMidiSlide{0%,34%{transform:translateY(12px)}36%{transform:translateY(0)}42%{transform:translateY(0)}44%{transform:translateY(-8px)}to{transform:translateY(12px)}}@keyframes laLivePhase{0%{opacity:0}43%{opacity:0}46%{opacity:1}88%{opacity:1}92%{opacity:0}to{opacity:0}}@keyframes laTargetHover{0%{box-shadow:var(--shadow-sm)}10%{box-shadow:var(--shadow-md);transform:translateY(-2px)}15%{box-shadow:var(--shadow-sm);transform:translateY(0)}to{box-shadow:var(--shadow-sm)}}@keyframes laHostHighlight{0%,28%{box-shadow:none}30%{box-shadow:0 0 0 3px #c47a2a4d}34%{box-shadow:none}to{box-shadow:none}}@keyframes laK1{0%,51%{background:var(--bg)}52%{background:var(--pop-color);border-color:var(--pop-color)}57%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK2{0%,57%{background:var(--bg)}58%{background:var(--pop-color);border-color:var(--pop-color)}63%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK3{0%,51%{background:var(--bg)}52%{background:var(--pop-color);border-color:var(--pop-color)}57%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK4{0%,57%{background:var(--bg)}58%{background:var(--pop-color);border-color:var(--pop-color)}63%{background:var(--bg);border-color:var(--line-strong)}75%{background:var(--bg)}76%{background:var(--pop-color);border-color:var(--pop-color)}81%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK5{0%,51%{background:var(--bg)}52%{background:var(--pop-color);border-color:var(--pop-color)}57%{background:var(--bg);border-color:var(--line-strong)}63%{background:var(--bg)}64%{background:var(--pop-color);border-color:var(--pop-color)}69%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK6{0%,57%{background:var(--bg)}58%{background:var(--pop-color);border-color:var(--pop-color)}63%{background:var(--bg);border-color:var(--line-strong)}69%{background:var(--bg)}70%{background:var(--pop-color);border-color:var(--pop-color)}75%{background:var(--bg);border-color:var(--line-strong)}76%{background:var(--pop-color);border-color:var(--pop-color)}81%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK7{0%,51%{background:var(--bg)}52%{background:var(--pop-color);border-color:var(--pop-color)}57%{background:var(--bg);border-color:var(--line-strong)}63%{background:var(--bg)}64%{background:var(--pop-color);border-color:var(--pop-color)}69%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK8{0%,57%{background:var(--bg)}58%{background:var(--pop-color);border-color:var(--pop-color)}63%{background:var(--bg);border-color:var(--line-strong)}69%{background:var(--bg)}70%{background:var(--pop-color);border-color:var(--pop-color)}75%{background:var(--bg);border-color:var(--line-strong)}76%{background:var(--pop-color);border-color:var(--pop-color)}81%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK9{0%,63%{background:var(--bg)}64%{background:var(--pop-color);border-color:var(--pop-color)}69%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK10{0%,69%{background:var(--bg)}70%{background:var(--pop-color);border-color:var(--pop-color)}75%{background:var(--bg);border-color:var(--line-strong)}76%{background:var(--pop-color);border-color:var(--pop-color)}81%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK11{0%,63%{background:var(--bg)}64%{background:var(--pop-color);border-color:var(--pop-color)}69%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK12{0%,69%{background:var(--bg)}70%{background:var(--pop-color);border-color:var(--pop-color)}75%{background:var(--bg);border-color:var(--line-strong)}81%{background:var(--bg)}82%{background:var(--pop-color);border-color:var(--pop-color)}87%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK13{0%,to{background:var(--bg)}}@keyframes laK14{0%,81%{background:var(--bg)}82%{background:var(--pop-color);border-color:var(--pop-color)}87%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK15{0%,to{background:var(--bg)}}@keyframes laK16{0%,81%{background:var(--bg)}82%{background:var(--pop-color);border-color:var(--pop-color)}87%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laK17{0%,to{background:var(--bg)}}@keyframes laK18{0%,81%{background:var(--bg)}82%{background:var(--pop-color);border-color:var(--pop-color)}87%{background:var(--bg);border-color:var(--line-strong)}to{background:var(--bg)}}@keyframes laChord{0%,51%{content:"—"}52%{content:"Cmaj7"}58%{content:"Dm7"}64%{content:"G7"}70%{content:"Am7"}76%{content:"Fmaj7"}82%{content:"G7"}88%{content:"—"}}@keyframes laPulseDot{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.la-cursor,.la-list-phase,.la-setup-phase,.la-midi-phase,.la-midi-toast,.la-live-phase,.la-target-lesson,.la-host-btn,.la-k1,.la-k2,.la-k3,.la-k4,.la-k5,.la-k6,.la-k7,.la-k8,.la-k9,.la-k10,.la-k11,.la-k12,.la-k13,.la-k14,.la-k15,.la-k16,.la-k17,.la-k18,.la-live-dot{animation:none!important}.la-cursor{display:none}.la-live-phase{opacity:1}.la-list-phase,.la-setup-phase,.la-midi-phase{opacity:0}.la-chord-name:after{content:"Cmaj7"}.la-k1,.la-k3,.la-k5,.la-k7{background:var(--pop-color)}}@media (width<=768px){.la-scene{min-height:360px}.la-mini-keys{height:36px}.la-setup-modal{max-width:240px;padding:1rem}}@media (width<=480px){.la-scene{min-height:340px}.la-phase{padding:.85rem}.la-page-title{font-size:.85rem}.la-lesson-name{font-size:.72rem}.la-lesson-meta{font-size:.58rem}.la-mini-keys{height:28px}.la-piano-title{font-size:.6rem}.la-piano-inst{padding:1px 4px;font-size:.55rem}.la-chord-name{font-size:.68rem}.la-fx-tag{padding:1px 6px;font-size:.52rem}.la-live-header{margin-bottom:.35rem;padding-bottom:.35rem}.la-live-stage{margin-bottom:.3rem}.la-video-label{font-size:.55rem}.la-live-dot{width:5px;height:5px}.la-live-label{font-size:.55rem}.la-live-name,.la-live-clock{font-size:.65rem}.la-btn-new{padding:3px 8px;font-size:.6rem}.la-tab{font-size:.65rem}.la-tabs{gap:.5rem;margin-bottom:.5rem;padding-bottom:.35rem}.la-lesson-card{padding:.5rem .6rem}.la-avatar{width:22px;height:22px;font-size:.58rem}.la-join-btn{margin-top:.35rem;padding:3px 8px;font-size:.6rem}.la-lesson-date{font-size:.55rem}}.ca-scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:380px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.ca-scene *,.ca-scene:before,.ca-scene:after{animation-play-state:paused}.ca-scene.anim-active *,.ca-scene.anim-active:before,.ca-scene.anim-active:after{animation-play-state:running}.ca-cursor{z-index:20;pointer-events:none;opacity:0;background:var(--ink);clip-path:polygon(0 0,0 100%,35% 70%,65% 95%,75% 88%,50% 65%,100% 55%);filter:drop-shadow(0 1px 2px #0000004d);width:16px;height:20px;animation:14s cubic-bezier(.33,1,.68,1) infinite caCursor;position:absolute}.ca-phase{flex-direction:column;padding:1.1rem;display:flex;position:absolute;inset:0}.ca-grid-phase{animation:14s infinite caGridPhase}.ca-mini-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ca-page-title{color:var(--ink);font-size:1rem;font-weight:700}.ca-btn-new{background:var(--accent);color:#fff;border-radius:var(--r-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.ca-course-grid{flex-direction:column;gap:.55rem;display:flex}.ca-course-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:box-shadow .2s;overflow:hidden}.ca-target{animation:14s infinite caTargetHover}.ca-other{opacity:.55}.ca-card-banner{background:linear-gradient(90deg, var(--pop-color), oklch(72% .12 60));height:4px}.ca-card-body{align-items:center;gap:8px;padding:8px 10px;display:flex}.ca-card-icon{border-radius:var(--r-sm);background:var(--pop-light);flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.ca-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.ca-card-title{color:var(--ink);font-size:.75rem;font-weight:600}.ca-card-meta{color:var(--ink-muted);font-size:.6rem}.ca-card-progress-track{background:var(--accent-light);border-radius:2px;flex-shrink:0;width:50px;height:4px;overflow:hidden}.ca-card-progress-fill{background:var(--pop-color);border-radius:2px;height:100%}.ca-detail-phase{gap:.4rem;animation:14s infinite caDetailPhase}.ca-detail-header{align-items:center;gap:.5rem;display:flex}.ca-back-btn{border-radius:var(--r-sm);border:1px solid var(--line);width:22px;height:22px;color:var(--ink-muted);place-items:center;display:grid}.ca-detail-title{color:var(--ink);flex:1;font-size:.88rem;font-weight:700}.ca-status-tag{font-size:.55rem!important;font-weight:600!important}.ca-nodes{justify-content:center;align-items:center;gap:0;padding:.15rem 0;display:flex}.ca-node{flex-direction:column;align-items:center;gap:2px;min-width:60px;display:flex}.ca-node-dot{border:2px solid var(--line-strong);background:var(--surface);width:24px;height:24px;color:var(--ink-muted);border-radius:50%;place-items:center;font-size:.6rem;font-weight:700;display:grid}.ca-node-label{color:var(--ink-muted);font-size:.52rem;font-weight:600}.ca-node-line{background:var(--line-strong);width:32px;height:2px;margin-bottom:12px}.ca-node-1 .ca-node-dot{animation:14s infinite caNode1}.ca-node-2 .ca-node-dot{animation:14s infinite caNode2}.ca-line-1{animation:14s infinite caLine1}.ca-module-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem;font-size:.58rem;font-weight:700}.ca-mod-2-label{margin-top:.25rem;animation:14s infinite caMod2Label}.ca-mod2-sections{animation:14s infinite caMod2Sections}.ca-sections{flex-direction:column;gap:.25rem;display:flex}.ca-section{border-radius:var(--r-sm);color:var(--ink-secondary);border:1px solid var(--line);background:var(--surface);align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.7rem;display:flex}.ca-sec-check{border:2px solid var(--line-strong);border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.ca-sec-check svg{opacity:0}.ca-sec-title{flex:1;font-weight:500}.ca-sec-1 .ca-sec-check{animation:14s infinite caCheck1}.ca-sec-1 .ca-sec-check svg{animation:14s infinite caCheckIcon1}.ca-sec-2 .ca-sec-check{animation:14s infinite caCheck2}.ca-sec-2 .ca-sec-check svg{animation:14s infinite caCheckIcon2}.ca-sec-3 .ca-sec-check{animation:14s infinite caCheck3}.ca-sec-3 .ca-sec-check svg{animation:14s infinite caCheckIcon3}.ca-sec-4 .ca-sec-check{animation:14s infinite caCheck4}.ca-sec-4 .ca-sec-check svg{animation:14s infinite caCheckIcon4}.ca-sec-5 .ca-sec-check{animation:14s infinite caCheck5}.ca-sec-5 .ca-sec-check svg{animation:14s infinite caCheckIcon5}.ca-sec-6 .ca-sec-check{animation:14s infinite caCheck6}.ca-sec-6 .ca-sec-check svg{animation:14s infinite caCheckIcon6}.ca-sec-1{animation:14s infinite caSecHighlight1}.ca-sec-2{animation:14s infinite caSecHighlight2}.ca-sec-3{animation:14s infinite caSecHighlight3}.ca-sec-4{animation:14s infinite caSecHighlight4}.ca-sec-5{animation:14s infinite caSecHighlight5}.ca-sec-6{animation:14s infinite caSecHighlight6}.ca-progress-row{border-top:1px solid var(--line);align-items:center;gap:.5rem;margin-top:auto;padding-top:.35rem;display:flex}.ca-progress-track{background:var(--accent-light);border-radius:3px;flex:1;height:5px;overflow:hidden}.ca-progress-fill{background:linear-gradient(90deg, var(--pop-color), oklch(72% .12 60));border-radius:3px;width:0%;height:100%;animation:14s infinite caProgressFill}.ca-progress-pct{font-family:var(--font-mono);color:var(--pop-color);text-align:right;min-width:28px;font-size:.68rem;font-weight:700}.ca-progress-pct:after{content:"0%";animation:14s infinite caProgressText}.ca-complete-phase{text-align:center;justify-content:center;align-items:center;gap:.5rem;animation:14s infinite caCompletePhase}.ca-complete-badge{animation:14s infinite caBadgePop}.ca-complete-title{color:var(--ink);font-size:1.1rem;font-weight:800}.ca-complete-sub{color:var(--ink-muted);margin-bottom:.75rem;font-size:.78rem}.ca-complete-stats{gap:1.5rem;display:flex}.ca-complete-stat{flex-direction:column;align-items:center;display:flex}.ca-stat-num{font-family:var(--font-mono);color:var(--ink);font-size:1.1rem;font-weight:700}.ca-stat-lbl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}@keyframes caCursor{0%{opacity:0;top:14%;left:12%;transform:scale(1)}4%{opacity:1;top:14%;left:12%}10%{opacity:1;top:22%;left:55%}12%{opacity:1;top:22%;left:55%;transform:scale(.8)}13%{opacity:1;top:22%;left:55%;transform:scale(1)}15%{opacity:0}21%{opacity:0;top:34%;left:8%;transform:scale(1)}23%{opacity:1;top:34%;left:8%}25%{opacity:1;top:34%;left:8%;transform:scale(.8)}26%{opacity:1;top:34%;left:8%;transform:scale(1)}29%{opacity:1;top:42%;left:8%}31%{opacity:1;top:42%;left:8%;transform:scale(.8)}32%{opacity:1;top:42%;left:8%;transform:scale(1)}35%{opacity:1;top:50%;left:8%}37%{opacity:1;top:50%;left:8%;transform:scale(.8)}38%{opacity:1;top:50%;left:8%;transform:scale(1)}39%{opacity:0}43%{opacity:0;top:62%;left:8%;transform:scale(1)}45%{opacity:1;top:62%;left:8%}47%{opacity:1;top:62%;left:8%;transform:scale(.8)}48%{opacity:1;top:62%;left:8%;transform:scale(1)}51%{opacity:1;top:70%;left:8%}53%{opacity:1;top:70%;left:8%;transform:scale(.8)}54%{opacity:1;top:70%;left:8%;transform:scale(1)}57%{opacity:1;top:78%;left:8%}59%{opacity:1;top:78%;left:8%;transform:scale(.8)}60%{opacity:1;top:78%;left:8%;transform:scale(1)}63%{opacity:0}to{opacity:0}}@keyframes caGridPhase{0%{opacity:1}13%{opacity:1}16%{opacity:0;pointer-events:none}92%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes caTargetHover{0%{box-shadow:var(--shadow-sm)}8%{box-shadow:var(--shadow-md);transform:translateY(-2px)}13%{box-shadow:var(--shadow-sm);transform:translateY(0)}to{box-shadow:var(--shadow-sm)}}@keyframes caDetailPhase{0%{opacity:0}15%{opacity:0}18%{opacity:1}68%{opacity:1}72%{opacity:0}to{opacity:0}}@keyframes caMod2Label{0%,39%{opacity:0}42%{opacity:1}68%{opacity:1}72%{opacity:0}}@keyframes caMod2Sections{0%,39%{opacity:0}42%{opacity:1}68%{opacity:1}72%{opacity:0}}@keyframes caNode1{0%,20%{border-color:var(--pop-color);background:var(--pop-light);color:var(--pop-color)}38%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f);color:#fff}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f);color:#fff}95%{border-color:var(--line-strong);background:var(--surface);color:var(--ink-muted)}}@keyframes caNode2{0%,42%{border-color:var(--line-strong);background:var(--surface);color:var(--ink-muted)}44%{border-color:var(--pop-color);background:var(--pop-light);color:var(--pop-color)}60%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f);color:#fff}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f);color:#fff}95%{border-color:var(--line-strong);background:var(--surface);color:var(--ink-muted)}}@keyframes caLine1{0%,38%{background:var(--line-strong)}40%{background:var(--success,#2d6a4f)}92%{background:var(--success,#2d6a4f)}95%{background:var(--line-strong)}}@keyframes caCheck1{0%,25%{border-color:var(--line-strong);background:0 0}27%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon1{0%,25%{opacity:0}27%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caCheck2{0%,31%{border-color:var(--line-strong);background:0 0}33%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon2{0%,31%{opacity:0}33%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caCheck3{0%,37%{border-color:var(--line-strong);background:0 0}39%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon3{0%,37%{opacity:0}39%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caCheck4{0%,47%{border-color:var(--line-strong);background:0 0}49%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon4{0%,47%{opacity:0}49%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caCheck5{0%,53%{border-color:var(--line-strong);background:0 0}55%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon5{0%,53%{opacity:0}55%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caCheck6{0%,59%{border-color:var(--line-strong);background:0 0}61%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}92%{border-color:var(--success,#2d6a4f);background:var(--success,#2d6a4f)}95%{border-color:var(--line-strong);background:0 0}}@keyframes caCheckIcon6{0%,59%{opacity:0}61%{opacity:1}92%{opacity:1}95%{opacity:0}}@keyframes caSecHighlight1{0%,22%{background:var(--surface)}24%{background:var(--pop-light)}28%{background:var(--surface)}to{background:var(--surface)}}@keyframes caSecHighlight2{0%,28%{background:var(--surface)}30%{background:var(--pop-light)}34%{background:var(--surface)}to{background:var(--surface)}}@keyframes caSecHighlight3{0%,34%{background:var(--surface)}36%{background:var(--pop-light)}40%{background:var(--surface)}to{background:var(--surface)}}@keyframes caSecHighlight4{0%,44%{background:var(--surface)}46%{background:var(--pop-light)}50%{background:var(--surface)}to{background:var(--surface)}}@keyframes caSecHighlight5{0%,50%{background:var(--surface)}52%{background:var(--pop-light)}56%{background:var(--surface)}to{background:var(--surface)}}@keyframes caSecHighlight6{0%,56%{background:var(--surface)}58%{background:var(--pop-light)}62%{background:var(--surface)}to{background:var(--surface)}}@keyframes caProgressFill{0%,20%{width:0%}27%{width:17%}33%{width:33%}39%{width:50%}49%{width:67%}55%{width:83%}61%{width:100%}92%{width:100%}95%{width:0%}}@keyframes caProgressText{0%,20%{content:"0%"}27%{content:"17%"}33%{content:"33%"}39%{content:"50%"}49%{content:"67%"}55%{content:"83%"}61%{content:"100%"}92%{content:"100%"}95%{content:"0%"}}@keyframes caCompletePhase{0%,70%{opacity:0;transform:translateY(10px)}74%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}93%{opacity:0;transform:translateY(-10px)}to{opacity:0}}@keyframes caBadgePop{0%,72%{transform:scale(0)}76%{transform:scale(1.15)}78%{transform:scale(1)}90%{transform:scale(1)}93%{transform:scale(0)}to{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.ca-cursor,.ca-grid-phase,.ca-detail-phase,.ca-complete-phase,.ca-target,.ca-node-1 .ca-node-dot,.ca-node-2 .ca-node-dot,.ca-line-1,.ca-sec-1,.ca-sec-2,.ca-sec-3,.ca-sec-4,.ca-sec-5,.ca-sec-6,.ca-sec-1 .ca-sec-check,.ca-sec-2 .ca-sec-check,.ca-sec-3 .ca-sec-check,.ca-sec-4 .ca-sec-check,.ca-sec-5 .ca-sec-check,.ca-sec-6 .ca-sec-check,.ca-sec-1 .ca-sec-check svg,.ca-sec-2 .ca-sec-check svg,.ca-sec-3 .ca-sec-check svg,.ca-sec-4 .ca-sec-check svg,.ca-sec-5 .ca-sec-check svg,.ca-sec-6 .ca-sec-check svg,.ca-progress-fill,.ca-complete-badge,.ca-mod-2-label,.ca-mod2-sections{animation:none!important}.ca-cursor{display:none}.ca-detail-phase{opacity:1}.ca-grid-phase,.ca-complete-phase{opacity:0}.ca-progress-fill{width:50%}.ca-progress-pct:after{content:"50%"}.ca-mod-2-label,.ca-mod2-sections{opacity:1}}@media (width<=768px){.ca-scene{min-height:360px}.ca-card-body{padding:6px 8px}.ca-node{min-width:50px}.ca-node-dot{width:20px;height:20px;font-size:.52rem}.ca-node-line{width:20px}.ca-section{padding:.25rem .4rem;font-size:.65rem}}@media (width<=480px){.ca-scene{min-height:340px}.ca-phase{padding:.85rem}.ca-page-title{font-size:.85rem}.ca-card-title{font-size:.68rem}.ca-detail-title{font-size:.78rem}.ca-complete-title{font-size:.95rem}.ca-stat-num{font-size:.92rem}}.brand-demo{opacity:1;transition:opacity .4s cubic-bezier(.33,1,.68,1),transform .4s cubic-bezier(.33,1,.68,1);transform:translateY(0)}.brand-fade-out{opacity:0;transform:translateY(6px)}.brand-fade-in{opacity:1;transform:translateY(0)}.brand-themed{transition:background .5s cubic-bezier(.33,1,.68,1),border-color .5s cubic-bezier(.33,1,.68,1);background:var(--t-surface)!important;border-color:var(--t-accent-line)!important}.brand-dots{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.brand-dot-wrap{cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.brand-dot{border:2px solid var(--dot-color);cursor:pointer;pointer-events:none;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;transition:background .35s cubic-bezier(.33,1,.68,1),transform .35s cubic-bezier(.33,1,.68,1),box-shadow .35s cubic-bezier(.33,1,.68,1)}.brand-dot-wrap:hover .brand-dot:not(.active){box-shadow:0 4px 12px color-mix(in srgb, var(--dot-color) 40%, transparent);transform:scale(1.5)translateY(-3px)}.brand-dot-wrap:hover+.brand-dot-wrap .brand-dot:not(.active){transform:scale(1.2)translateY(-1px)}.brand-dot-wrap:has(+.brand-dot-wrap:hover) .brand-dot:not(.active){transform:scale(1.2)translateY(-1px)}.brand-dot.active{background:var(--dot-color);box-shadow:0 2px 8px color-mix(in srgb, var(--dot-color) 30%, transparent);transform:scale(1.3)}.brand-dot-wrap:hover .brand-dot.active{transform:scale(1.5)translateY(-3px)}@media (prefers-reduced-motion:reduce){.brand-demo,.brand-themed{transition-duration:.01ms!important}}.cn-scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:370px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cn-scene *,.cn-scene:before,.cn-scene:after{animation-play-state:paused}.cn-scene.anim-active *,.cn-scene.anim-active:before,.cn-scene.anim-active:after{animation-play-state:running}.cn-cursor{z-index:20;pointer-events:none;opacity:0;background:var(--ink);clip-path:polygon(0 0,0 100%,35% 70%,65% 95%,75% 88%,50% 65%,100% 55%);filter:drop-shadow(0 1px 2px #0000004d);width:16px;height:20px;animation:14s cubic-bezier(.33,1,.68,1) infinite cnCursor;position:absolute}.cn-phase{flex-direction:column;display:flex;position:absolute;inset:0}.cn-layout{height:100%;display:flex}.cn-sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.4rem;width:45%;padding:.75rem;display:flex}.cn-sidebar-mini{align-items:center;width:56px;padding:.5rem}.cn-sidebar-mini .cn-thread-info,.cn-sidebar-mini .cn-thread-unread{display:none}.cn-sidebar-mini .cn-thread{justify-content:center;padding:.3rem}.cn-side-head{align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.cn-side-title{color:var(--ink);font-size:.82rem;font-weight:700}.cn-unread-badge{background:var(--accent);color:#fff;border-radius:10px;padding:1px 6px;font-size:.55rem;font-weight:700}.cn-search{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:4px;margin-bottom:.5rem;padding:4px 8px;display:flex}.cn-search-text{color:var(--ink-muted);font-size:.62rem}.cn-thread-list{flex-direction:column;gap:.25rem;display:flex}.cn-thread{border-radius:var(--r-sm);align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.cn-target-thread{animation:14s infinite cnTargetThread}.cn-active-thread{background:var(--pop-light);border:1px solid var(--pop-line)}.cn-other-thread{opacity:.5}.cn-thread-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:grid}.cn-thread-info{flex-direction:column;flex:1;min-width:0;display:flex}.cn-thread-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;overflow:hidden}.cn-thread-preview{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.cn-thread-unread{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:.52rem;font-weight:700;display:grid}.cn-empty-chat{color:var(--ink-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.cn-chat{flex-direction:column;flex:1;min-width:0;display:flex}.cn-chat-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.cn-chat-name{color:var(--ink);font-size:.78rem;font-weight:700}.cn-chat-role{color:var(--ink-muted);text-transform:capitalize;font-size:.58rem}.cn-messages{flex-direction:column;flex:1;gap:.3rem;min-height:0;padding:.4rem .6rem;display:flex;overflow:hidden}.cn-msg{flex-direction:column;display:flex}.cn-msg-me{align-items:flex-end}.cn-msg-them{align-items:flex-start}.cn-msg-from{color:var(--ink-muted);margin-bottom:2px;font-size:.55rem;font-weight:600}.cn-msg-bubble{border-radius:var(--r-md);max-width:85%;padding:.3rem .5rem;font-size:.65rem;line-height:1.35}.cn-them-bubble{background:var(--bg-alt);color:var(--ink);border-bottom-left-radius:3px}.cn-me-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:3px}.cn-new-msg{animation:14s infinite cnNewMsg}.cn-schedule-card{border-radius:var(--r-md);background:#2d6a4f0f;border:1px solid #2d6a4f26;padding:.35rem .5rem;animation:14s infinite cnSchedCard}.cn-sched-eye{color:var(--success);align-items:center;gap:4px;margin-bottom:4px;font-size:.6rem;font-weight:700;display:flex}.cn-sched-detail{color:var(--ink-secondary);font-size:.65rem}.cn-assign-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.35rem .5rem;animation:14s infinite cnAssignCard}.cn-assign-top{align-items:center;gap:.4rem;margin-bottom:4px;display:flex}.cn-assign-logo{color:var(--ink-muted);letter-spacing:.06em;font-size:.5rem;font-weight:800}.cn-assign-kind{color:var(--pop-color);font-size:.55rem;font-weight:600}.cn-assign-title{color:var(--ink);margin-bottom:6px;font-size:.68rem;font-weight:600}.cn-assign-cta{color:var(--accent);align-items:center;gap:4px;font-size:.6rem;font-weight:600;display:flex}.cn-composer{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.cn-composer-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);min-height:24px;color:var(--ink);flex:1;padding:5px 8px;font-size:.68rem}.cn-typing-text:after{content:"";animation:14s infinite cnTyping}.cn-send-btn{border-radius:var(--r-sm);background:var(--accent);place-items:center;width:26px;height:26px;animation:14s infinite cnSendPulse;display:grid}@keyframes cnCursor{0%{opacity:0;top:14%;left:10%}5%{opacity:1;top:14%;left:10%}10%{opacity:1;top:22%;left:18%}13%{opacity:1;top:22%;left:18%;transform:scale(.8)}14%{opacity:1;top:22%;left:18%;transform:scale(1)}17%{opacity:0}32%{opacity:0;top:94%;left:55%}35%{opacity:1;top:94%;left:55%}45%{opacity:1;top:94%;left:90%}47%{opacity:1;top:94%;left:90%;transform:scale(.8)}48%{opacity:1;top:94%;left:90%;transform:scale(1)}52%{opacity:0}to{opacity:0}}@keyframes cnThreadsPhase{0%{opacity:1}13%{opacity:1}16%{opacity:0;pointer-events:none}92%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes cnTargetThread{0%{background:0 0}8%{background:var(--pop-light)}14%{background:var(--pop-light)}17%{background:0 0}to{background:0 0}}.cn-threads-phase{animation:14s infinite cnThreadsPhase}.cn-chat-phase{animation:14s infinite cnChatPhase}@keyframes cnChatPhase{0%{opacity:0}14%{opacity:0}18%{opacity:1}88%{opacity:1}92%{opacity:0}to{opacity:0}}@keyframes cnNewMsg{0%,48%{opacity:0;transform:translateY(8px)}52%{opacity:1;transform:translateY(0)}88%{opacity:1}92%{opacity:0}}@keyframes cnSchedCard{0%,58%{opacity:0;transform:translateY(8px)}62%{opacity:1;transform:translateY(0)}88%{opacity:1}92%{opacity:0}}@keyframes cnAssignCard{0%,68%{opacity:0;transform:translateY(8px)}72%{opacity:1;transform:translateY(0)}88%{opacity:1}92%{opacity:0}}@keyframes cnTyping{0%,34%{content:""}36%{content:"R"}37%{content:"Re"}38%{content:"Rec"}39%{content:"Reco"}40%{content:"Recor"}41%{content:"Record"}42%{content:"Record y"}43%{content:"Record yo"}44%{content:"Record you"}46%{content:"Record yourself"}48%{content:""}to{content:""}}@keyframes cnSendPulse{0%,45%{transform:scale(1)}47%{transform:scale(.85)}48%{transform:scale(1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cn-cursor,.cn-threads-phase,.cn-chat-phase,.cn-target-thread,.cn-new-msg,.cn-schedule-card,.cn-assign-card,.cn-send-btn{animation:none!important}.cn-cursor{display:none}.cn-chat-phase{opacity:1}.cn-threads-phase{opacity:0}.cn-new-msg,.cn-schedule-card,.cn-assign-card{opacity:1;transform:none}.cn-typing-text:after{content:""}}@media (width<=768px){.cn-scene{min-height:360px}.cn-sidebar{width:40%;padding:.5rem}.cn-sidebar-mini{width:44px}.cn-msg-bubble{font-size:.62rem}}@media (width<=480px){.cn-scene{min-height:340px}.cn-sidebar{width:36%}.cn-thread-name{font-size:.62rem}.cn-thread-preview{font-size:.52rem}.cn-chat-name{font-size:.68rem}}.cr-scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:370px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cr-scene *,.cr-scene:before,.cr-scene:after{animation-play-state:paused}.cr-scene.anim-active *,.cr-scene.anim-active:before,.cr-scene.anim-active:after{animation-play-state:running}.cr-cursor{z-index:20;pointer-events:none;opacity:0;background:var(--ink);clip-path:polygon(0 0,0 100%,35% 70%,65% 95%,75% 88%,50% 65%,100% 55%);filter:drop-shadow(0 1px 2px #0000004d);width:16px;height:20px;animation:14s cubic-bezier(.33,1,.68,1) infinite crCursor;position:absolute}.cr-phase{flex-direction:column;padding:1.25rem;display:flex;position:absolute;inset:0}.cr-grid-phase{animation:14s infinite crGridPhase}.cr-hero{flex-direction:column;margin-bottom:.5rem;display:flex}.cr-eyebrow{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.55rem;font-weight:600}.cr-hero-title{color:var(--ink);font-size:1rem;font-weight:800}.cr-stage-empty{background:var(--bg-alt);border-radius:var(--r-md);justify-content:center;align-items:center;gap:.5rem;height:50px;margin-bottom:.6rem;display:flex}.cr-stage-hint{color:var(--ink-muted);font-size:.68rem}.cr-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.cr-search-box{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-muted);flex:1;align-items:center;gap:4px;min-width:80px;padding:4px 8px;font-size:.62rem;display:flex}.cr-chips{gap:4px;display:flex}.cr-chip{border:1px solid var(--line);color:var(--ink-muted);background:var(--surface);border-radius:10px;padding:3px 8px;font-size:.58rem;font-weight:600}.cr-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.cr-media-grid{gap:.5rem;display:flex}.cr-media-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex:1;overflow:hidden}.cr-target-card{animation:14s infinite crTargetHover}.cr-other-card{opacity:.5}.cr-thumb{background:linear-gradient(135deg, var(--pop-color), oklch(72% .12 60));place-items:center;height:52px;display:grid;position:relative}.cr-play-icon{width:24px;height:24px;color:var(--ink);background:#ffffffd9;border-radius:50%;place-items:center;display:grid}.cr-card-body{padding:.4rem .5rem}.cr-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.5rem;font-weight:700}.cr-card-title{color:var(--ink);margin-top:2px;font-size:.68rem;font-weight:600;display:block}.cr-card-actions{margin-top:.3rem}.cr-action-btn{border-radius:var(--r-sm);align-items:center;gap:3px;padding:3px 8px;font-size:.58rem;font-weight:600;display:inline-flex}.cr-action-btn.primary{background:var(--accent);color:#fff}.cr-playing-phase{gap:.75rem;animation:14s infinite crPlayingPhase}.cr-player-stage{flex-direction:column;flex:1;min-height:0;display:flex}.cr-player-video{border-radius:var(--r-md) var(--r-md) 0 0;background:#111;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:160px;display:flex}.cr-player-label{color:#ffffffb3;font-size:.72rem;font-weight:600}.cr-player-bar{background:var(--bg-alt);border-radius:0 0 var(--r-md) var(--r-md);border:1px solid var(--line);border-top:none;justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.cr-player-title{color:var(--ink);font-size:.72rem;font-weight:600}.cr-player-close{color:var(--ink-muted);font-size:.85rem}.cr-add-btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;animation:14s infinite crAddHighlight;display:flex}.cr-add-phase{background:#0006;justify-content:center;align-items:center;animation:14s infinite crAddPhase}.cr-add-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:260px;box-shadow:var(--shadow-lg);padding:1.25rem}.cr-modal-title{color:var(--ink);margin-bottom:1rem;font-size:.88rem;font-weight:700;display:block}.cr-field{margin-bottom:.65rem}.cr-field-label{color:var(--ink-muted);margin-bottom:3px;font-size:.62rem;font-weight:600;display:block}.cr-field-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);min-height:22px;padding:5px 8px;font-size:.68rem}.cr-field-select{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);padding:5px 8px;font-size:.68rem}.cr-url-typing:after{content:"";animation:14s infinite crUrlType}.cr-title-typing:after{content:"";animation:14s infinite crTitleType}.cr-modal-actions{gap:.5rem;margin-top:.75rem;display:flex}.cr-add-confirm{background:var(--accent);color:#fff;border-radius:var(--r-sm);padding:5px 14px;font-size:.7rem;font-weight:600;animation:14s infinite crConfirmPulse}.cr-add-cancel{background:var(--bg);border:1px solid var(--line);color:var(--ink-muted);border-radius:var(--r-sm);padding:5px 14px;font-size:.7rem;font-weight:500}@keyframes crCursor{0%{opacity:0;top:35%;left:12%}5%{opacity:1;top:35%;left:12%}10%{opacity:1;top:80%;left:17%}13%{opacity:1;top:80%;left:17%;transform:scale(.8)}14%{opacity:1;top:80%;left:17%;transform:scale(1)}17%{opacity:0}38%{opacity:0;top:92%;left:16%}40%{opacity:1;top:92%;left:16%}44%{opacity:1;top:92%;left:16%;transform:scale(.8)}45%{opacity:1;top:92%;left:16%;transform:scale(1)}48%{opacity:0}72%{opacity:0;top:72%;left:40%}74%{opacity:1;top:72%;left:40%}77%{opacity:1;top:72%;left:40%;transform:scale(.8)}78%{opacity:1;top:72%;left:40%;transform:scale(1)}82%{opacity:0}to{opacity:0}}@keyframes crGridPhase{0%{opacity:1}14%{opacity:1}17%{opacity:0;pointer-events:none}92%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes crPlayingPhase{0%{opacity:0}16%{opacity:0}20%{opacity:1}44%{opacity:1}48%{opacity:0}to{opacity:0}}@keyframes crAddPhase{0%{opacity:0}47%{opacity:0}50%{opacity:1}80%{opacity:1}84%{opacity:0}to{opacity:0}}@keyframes crTargetHover{0%{box-shadow:var(--shadow-sm)}8%{box-shadow:var(--shadow-md);transform:translateY(-2px)}14%{box-shadow:var(--shadow-sm);transform:translateY(0)}to{box-shadow:var(--shadow-sm)}}@keyframes crAddHighlight{0%,38%{box-shadow:none}40%{box-shadow:0 0 0 3px #c47a2a4d}45%{box-shadow:none}to{box-shadow:none}}@keyframes crConfirmPulse{0%,74%{box-shadow:none}76%{box-shadow:0 0 0 3px #c47a2a4d}78%{box-shadow:none}to{box-shadow:none}}@keyframes crUrlType{0%,52%{content:""}54%{content:"https://"}56%{content:"https://youtu"}58%{content:"https://youtube.com/"}60%{content:"https://youtube.com/watch?v=..."}80%{content:"https://youtube.com/watch?v=..."}84%{content:""}}@keyframes crTitleType{0%,60%{content:""}62%{content:"Finger"}64%{content:"Finger Independence"}66%{content:"Finger Independence Exercise"}80%{content:"Finger Independence Exercise"}84%{content:""}}@media (prefers-reduced-motion:reduce){.cr-cursor,.cr-grid-phase,.cr-playing-phase,.cr-add-phase,.cr-target-card,.cr-add-btn,.cr-add-confirm{animation:none!important}.cr-cursor{display:none}.cr-playing-phase{opacity:1}.cr-grid-phase,.cr-add-phase{opacity:0}.cr-url-typing:after,.cr-title-typing:after{content:""}}@media (width<=768px){.cr-scene{min-height:360px}.cr-media-grid{flex-direction:column;gap:.4rem}.cr-add-modal{max-width:240px}}@media (width<=480px){.cr-scene{min-height:340px}.cr-phase{padding:.85rem}.cr-hero-title{font-size:.85rem}.cr-thumb{height:40px}}.st-scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-height:370px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.st-scene *,.st-scene:before,.st-scene:after{animation-play-state:paused}.st-scene.anim-active *,.st-scene.anim-active:before,.st-scene.anim-active:after{animation-play-state:running}.st-cursor{z-index:20;pointer-events:none;opacity:0;background:var(--ink);clip-path:polygon(0 0,0 100%,35% 70%,65% 95%,75% 88%,50% 65%,100% 55%);filter:drop-shadow(0 1px 2px #0000004d);width:16px;height:20px;animation:14s cubic-bezier(.33,1,.68,1) infinite stCursor;position:absolute}.st-phase{flex-direction:column;padding:1.25rem;display:flex;position:absolute;inset:0}.st-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.62rem;font-weight:700;display:grid}.st-page-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.st-page-title{color:var(--ink);font-size:1rem;font-weight:700}.st-btn-add{background:var(--accent);color:#fff;border-radius:var(--r-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.st-dash-phase{animation:14s infinite stDashPhase}.st-dash-header{flex-direction:column;margin-bottom:.75rem;display:flex}.st-welcome{color:var(--ink);font-size:.95rem;font-weight:700}.st-subtitle{color:var(--ink-muted);font-size:.65rem}.st-stat-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.st-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.st-stat-icon{background:var(--pop-light);border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.st-stat-info{flex-direction:column;display:flex}.st-stat-label{color:var(--ink-muted);font-size:.55rem}.st-stat-value{font-family:var(--font-mono);color:var(--ink);font-size:.88rem;font-weight:700}.st-count-lessons:after{content:"0";animation:14s infinite stCountLessons}.st-count-assign:after{content:"0";animation:14s infinite stCountAssign}.st-count-progress:after{content:"0%";animation:14s infinite stCountProgress}.st-count-streak:after{content:"0";animation:14s infinite stCountStreak}.st-upcoming{flex:1}.st-section-title{color:var(--ink);align-items:center;gap:4px;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:flex}.st-upcoming-list{flex-direction:column;gap:.35rem;display:flex}.st-upcoming-row{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.st-upcoming-info{flex-direction:column;display:flex}.st-upcoming-name{color:var(--ink);font-size:.72rem;font-weight:600}.st-upcoming-meta{color:var(--ink-muted);font-size:.58rem}.st-students-phase{animation:14s infinite stStudentsPhase}.st-search{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-muted);align-items:center;gap:6px;margin-bottom:.75rem;padding:6px 10px;font-size:.68rem;display:flex}.st-student-list{flex-direction:column;gap:.5rem;display:flex}.st-student-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.65rem .75rem}.st-stu-top{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.st-stu-info{flex-direction:column;flex:1;min-width:0;display:flex}.st-stu-name{color:var(--ink);font-size:.72rem;font-weight:600}.st-stu-email{color:var(--ink-muted);font-size:.55rem}.st-stu-progress{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.st-stu-course{color:var(--ink-secondary);font-size:.6rem}.st-stu-pct{font-family:var(--font-mono);color:var(--pop-color);font-size:.6rem;font-weight:700}.st-progress-track{background:var(--accent-light);border-radius:2px;height:4px;overflow:hidden}.st-progress-fill{background:linear-gradient(90deg, var(--pop-color), oklch(72% .12 60));border-radius:2px;width:0%;height:100%}.st-fill-1{animation:14s infinite stFill1}.st-fill-2{animation:14s infinite stFill2}.st-fill-3{animation:14s infinite stFill3}.st-pct-1:after{content:"0%";animation:14s infinite stPct1}.st-pct-2:after{content:"0%";animation:14s infinite stPct2}.st-pct-3:after{content:"0%";animation:14s infinite stPct3}.st-cal-phase{animation:14s infinite stCalPhase}.st-cal-list{flex-direction:column;gap:.3rem;display:flex}.st-cal-slot{border-radius:var(--r-sm);align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.75rem;display:flex}.st-slot-lesson{background:var(--pop-light);color:var(--ink);font-weight:500}.st-slot-open{color:var(--ink-muted);background:#2d6a4f0f}.st-slot-break{background:var(--bg);color:var(--ink-muted);font-style:italic}.st-cal-time{font-family:var(--font-mono);color:var(--ink-muted);flex-shrink:0;width:56px;font-size:.62rem;font-weight:500}.st-cal-name{flex:1}.st-cal-1{animation:14s infinite stCalSlot1}.st-cal-2{animation:14s infinite stCalSlot2}.st-cal-3{animation:14s infinite stCalSlot3}.st-cal-4{animation:14s infinite stCalSlot4}@keyframes stCursor{0%{opacity:0;top:16%;left:15%}5%{opacity:1;top:16%;left:15%}8%{opacity:1;top:22%;left:25%}12%{opacity:1;top:22%;left:70%}15%{opacity:1;top:35%;left:25%}18%{opacity:1;top:35%;left:70%}22%{opacity:0}38%{opacity:0;top:30%;left:40%}40%{opacity:1;top:30%;left:40%}45%{opacity:1;top:52%;left:40%}50%{opacity:1;top:73%;left:40%}55%{opacity:0}68%{opacity:0;top:25%;left:40%}70%{opacity:1;top:25%;left:40%}75%{opacity:1;top:45%;left:45%}80%{opacity:1;top:65%;left:50%}85%{opacity:0}to{opacity:0}}@keyframes stDashPhase{0%{opacity:1}22%{opacity:1}26%{opacity:0;pointer-events:none}92%{opacity:0}95%{opacity:1}to{opacity:1}}@keyframes stStudentsPhase{0%{opacity:0}25%{opacity:0}30%{opacity:1}55%{opacity:1}59%{opacity:0}to{opacity:0}}@keyframes stCalPhase{0%{opacity:0}58%{opacity:0}62%{opacity:1}88%{opacity:1}92%{opacity:0}to{opacity:0}}@keyframes stCountLessons{0%,4%{content:"0"}6%{content:"1"}8%{content:"2"}10%{content:"3"}22%{content:"3"}95%{content:"0"}}@keyframes stCountAssign{0%,6%{content:"0"}8%{content:"2"}10%{content:"4"}12%{content:"5"}22%{content:"5"}95%{content:"0"}}@keyframes stCountProgress{0%,8%{content:"0%"}10%{content:"32%"}12%{content:"54%"}14%{content:"62%"}22%{content:"62%"}95%{content:"0%"}}@keyframes stCountStreak{0%,10%{content:"0"}12%{content:"3"}14%{content:"6"}16%{content:"8"}22%{content:"8 days"}95%{content:"0"}}@keyframes stFill1{0%,32%{width:0%}38%{width:72%}55%{width:72%}59%{width:0%}}@keyframes stFill2{0%,35%{width:0%}42%{width:45%}55%{width:45%}59%{width:0%}}@keyframes stFill3{0%,38%{width:0%}46%{width:88%}55%{width:88%}59%{width:0%}}@keyframes stPct1{0%,32%{content:"0%"}38%{content:"72%"}55%{content:"72%"}59%{content:"0%"}}@keyframes stPct2{0%,35%{content:"0%"}42%{content:"45%"}55%{content:"45%"}59%{content:"0%"}}@keyframes stPct3{0%,38%{content:"0%"}46%{content:"88%"}55%{content:"88%"}59%{content:"0%"}}@keyframes stCalSlot1{0%,62%{opacity:0;transform:translate(-8px)}65%{opacity:1;transform:translate(0)}88%{opacity:1}92%{opacity:0}}@keyframes stCalSlot2{0%,65%{opacity:0;transform:translate(-8px)}68%{opacity:1;transform:translate(0)}88%{opacity:1}92%{opacity:0}}@keyframes stCalSlot3{0%,68%{opacity:0;transform:translate(-8px)}71%{opacity:1;transform:translate(0)}88%{opacity:1}92%{opacity:0}}@keyframes stCalSlot4{0%,71%{opacity:0;transform:translate(-8px)}74%{opacity:1;transform:translate(0)}88%{opacity:1}92%{opacity:0}}@media (prefers-reduced-motion:reduce){.st-cursor,.st-dash-phase,.st-students-phase,.st-cal-phase,.st-fill-1,.st-fill-2,.st-fill-3,.st-cal-1,.st-cal-2,.st-cal-3,.st-cal-4{animation:none!important}.st-cursor{display:none}.st-dash-phase{opacity:1}.st-students-phase,.st-cal-phase{opacity:0}.st-count-lessons:after{content:"3"}.st-count-assign:after{content:"5"}.st-count-progress:after{content:"62%"}.st-count-streak:after{content:"8 days"}.st-fill-1{width:72%}.st-fill-2{width:45%}.st-fill-3{width:88%}.st-pct-1:after{content:"72%"}.st-pct-2:after{content:"45%"}.st-pct-3:after{content:"88%"}.st-cal-1,.st-cal-2,.st-cal-3,.st-cal-4{opacity:1;transform:none}}@media (width<=768px){.st-scene{min-height:360px}.st-stat-grid{gap:.3rem}.st-stat-card{padding:.4rem .5rem}.st-stat-icon{width:22px;height:22px}}@media (width<=480px){.st-scene{min-height:340px}.st-phase{padding:.85rem}.st-welcome{font-size:.82rem}.st-stat-value{font-size:.75rem}.st-stu-name{font-size:.65rem}.st-cal-slot{padding:.35rem .5rem;font-size:.68rem}}.gta-section{padding:var(--section-pad) 0}.gta-card{text-align:center;border:1px solid var(--line-strong);border-radius:var(--r-xl);background:var(--surface);max-width:640px;margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem)}.gta-card h2{margin-bottom:.65rem;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.gta-card>p{color:var(--ink-secondary);max-width:48ch;margin:0 auto 1.5rem;font-size:.92rem;line-height:1.7}.gta-perks{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.gta-perk{flex-direction:column;gap:2px;display:flex}.gta-perk strong{color:var(--ink);font-size:.82rem;font-weight:700}.gta-perk span{color:var(--ink-muted);font-size:.75rem}.gta-btn{border-radius:var(--r-full);font-family:var(--font-display);background:var(--accent);color:var(--on-accent);align-items:center;gap:8px;padding:12px 28px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.gta-btn:hover{background:var(--accent-hover)}.gta-btn--disabled{background:var(--ink-muted);pointer-events:none;opacity:.55}.gta-btn-label{opacity:.7}.gta-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-full);background:#fff3;padding:2px 8px;font-size:.65rem;font-weight:700}@media (width<=480px){.gta-card{padding:1.5rem 1.25rem}.gta-card h2{font-size:1.3rem}.gta-card>p{font-size:.85rem}.gta-perks{gap:1rem}.gta-perk strong{font-size:.75rem}.gta-perk span{font-size:.68rem}.gta-btn{padding:10px 22px;font-size:.85rem}}.cta-section{padding:3rem 0 5rem}.cta-card{background:var(--ink);color:var(--bg);border-radius:calc(var(--r-xl) * 1.5);text-align:center;padding:clamp(3rem,6vw,5rem)}.cta-card h2{color:var(--bg);margin-bottom:.75rem}.cta-card p{color:#f7f4efa6;max-width:48ch;margin:0 auto 2rem}.cta-btn{background:var(--bg)!important;background-color:var(--bg)!important;color:var(--ink)!important;background-image:none!important;padding:.75rem 2rem!important;font-size:1rem!important;font-weight:700!important}.cta-btn:hover{background:var(--bg-warm)!important;background-color:var(--bg-warm)!important}@media (width<=480px){.cta-section{padding:2rem 0 3rem}.cta-card{border-radius:var(--r-xl);padding:2rem 1.5rem}.cta-card p{font-size:.88rem}.cta-btn{padding:.65rem 1.5rem!important;font-size:.88rem!important}}.cookie-banner{z-index:9999;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:18px 20px;animation:.4s cubic-bezier(.16,1,.3,1) both cookieSlide;display:flex;position:fixed;bottom:20px;left:20px}@keyframes cookieSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cookie-banner p{color:var(--ink-secondary,var(--ink-2,#555));max-width:none;margin:0;font-size:.82rem;line-height:1.5}.cookie-banner a{color:var(--pop,#c47a2a);text-underline-offset:2px;text-decoration:underline}.cookie-banner a:hover{color:var(--pop-hover,#a8661f)}.cookie-actions{align-items:center;gap:8px;display:flex}.cookie-accept{border-radius:var(--r-md);background:var(--accent,#3d3d3d);color:var(--on-accent,#fff);font-family:var(--font-display,inherit);cursor:pointer;border:none;padding:9px 18px;font-size:.82rem;font-weight:700;transition:background .15s,transform .1s}.cookie-accept:hover{background:var(--accent-hover,#2a2a2a)}.cookie-accept:active{transform:scale(.97)}.cookie-decline{border:1px solid var(--line-strong,#1c1c1c24);border-radius:var(--r-md);color:var(--ink-2,#555);font-family:var(--font-display,inherit);cursor:pointer;background:0 0;padding:9px 18px;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s}.cookie-decline:hover{border-color:var(--pop-line,#c47a2a40);background:var(--pop-light,#c47a2a1a)}.cookie-decline:active{transform:scale(.97)}[data-theme=dark] .cookie-accept{background:var(--pop,#d4a052);color:#1a1a1a}[data-theme=dark] .cookie-accept:hover{background:var(--pop-hover,#c08a3c)}[data-theme=dark] .cookie-decline{color:var(--ink-2,#a8a098);border-color:#f5f0e81f}[data-theme=dark] .cookie-decline:hover{background:#d4a0521f;border-color:#d4a05240}@media (width<=440px){.cookie-banner{gap:10px;max-width:none;padding:14px 16px;bottom:10px;left:10px;right:10px}.cookie-banner p{font-size:.75rem;line-height:1.45}.cookie-accept,.cookie-decline{padding:7px 14px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none}}