@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";.mobile-bottom-nav-shell{position:fixed;z-index:40;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;padding:0}.mobile-bottom-nav{display:flex;width:min(100%,520px);min-height:72px;align-items:stretch;justify-content:space-around;gap:3px;margin:0 auto;padding:7px 8px 6px;border:1px solid hsl(var(--border) / 78%);border-radius:28px;background:hsl(var(--elevated) / 96%);box-shadow:0 14px 36px -16px hsl(var(--foreground) / .34),0 4px 12px -6px hsl(var(--foreground) / .18),inset 0 1px hsl(var(--card) / 95%),inset 0 -1px hsl(var(--border) / 35%);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.mobile-bottom-nav__link{position:relative;display:flex;min-width:0;min-height:58px;flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;padding:0 2px 2px;border:0;border-radius:20px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:color .22s ease,background-color .22s ease}.mobile-bottom-nav__link:hover,.mobile-bottom-nav__link.is-active{color:hsl(var(--primary))}.mobile-bottom-nav__link:focus-visible{z-index:1;outline:3px solid hsl(var(--ring) / 45%);outline-offset:-2px}.mobile-bottom-nav__icon{position:relative;display:grid;width:58px;height:38px;flex:0 0 auto;place-items:center;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.mobile-bottom-nav__link.is-active .mobile-bottom-nav__icon{transform:translateY(-30px)}.mobile-bottom-nav__active-bubble{position:absolute;top:-10px;right:0;left:0;width:58px;height:58px;margin:0 auto;border-radius:999px;background:hsl(var(--primary));box-shadow:0 0 0 7px hsl(var(--elevated)),0 7px 18px -8px hsl(var(--primary) / .65),inset 0 1px hsl(var(--primary-foreground) / 18%);transition:background-color .22s ease,box-shadow .22s ease}.dark .mobile-bottom-nav__active-bubble{background:#fff;box-shadow:0 0 0 7px hsl(var(--elevated)),0 7px 18px -8px hsl(var(--foreground) / .32),inset 0 1px rgba(255,255,255,.95)}.dark .mobile-bottom-nav__link.is-active .mobile-bottom-nav__glyph{color:#146758}.mobile-bottom-nav__glyph{position:relative;z-index:1;flex:0 0 auto;width:22px;height:22px;color:hsl(var(--muted-foreground));transition:color .22s ease,transform .22s ease}.mobile-bottom-nav__link.is-active .mobile-bottom-nav__glyph{color:hsl(var(--primary-foreground))}.dark .mobile-bottom-nav__link.is-active .mobile-bottom-nav__glyph{color:hsl(var(--primary))}.mobile-bottom-nav__link:active .mobile-bottom-nav__glyph{transform:scale(.92)}.mobile-bottom-nav__label{position:relative;z-index:1;max-width:100%;overflow:hidden;color:inherit;font-size:.68rem;font-weight:550;letter-spacing:.005em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__link.is-active .mobile-bottom-nav__label{font-weight:700}@media(max-width:360px){.mobile-bottom-nav-shell{right:8px;left:8px}.mobile-bottom-nav{gap:0;padding-right:5px;padding-left:5px}.mobile-bottom-nav__icon{width:48px}.mobile-bottom-nav__active-bubble{width:56px;height:56px}.mobile-bottom-nav__label{font-size:.64rem}}@media(prefers-reduced-motion:reduce){.mobile-bottom-nav-shell *,.mobile-bottom-nav-shell *:before,.mobile-bottom-nav-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-sidebar{isolation:isolate;border-color:rgba(255,255,255,.13);background:radial-gradient(ellipse at 86% 12%,rgb(111 214 189 / 21%),transparent 34%),linear-gradient(160deg,#073e3b,#0b5b55 56%,#0c625b);color:#f2fffb}.app-sidebar:before,.app-sidebar:after{position:absolute;z-index:-1;top:20%;right:-210px;width:360px;height:360px;border:1px solid rgb(218 255 245 / 10%);border-radius:50%;content:"";pointer-events:none}.app-sidebar:after{box-shadow:0 0 0 32px rgba(218,255,245,.035),0 0 0 68px rgba(218,255,245,.03)}.app-sidebar>.flex.flex-col,.app-sidebar__header,.app-sidebar>.overflow-y-auto{position:relative;z-index:1}.app-sidebar__header{border-color:rgba(255,255,255,.15);background:rgba(0,42,39,.14)}.app-sidebar__brand{display:inline-flex;align-items:center;padding:5px 9px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px rgba(0,0,0,.12)}.app-sidebar .nav-item{position:relative;min-height:42px;border:1px solid transparent;color:rgba(235,255,250,.77);transition:background-color .17s ease,border-color .17s ease,color .17s ease}.app-sidebar .nav-item svg{flex:0 0 auto;color:rgba(194,235,223,.82)}.app-sidebar .nav-item:hover{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.09);color:#fff}.app-sidebar .nav-item:hover svg{color:#fff}.app-sidebar .nav-item.active{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.09)}.app-sidebar .nav-item.active:before{position:absolute;top:22%;bottom:22%;left:-1px;width:3px;border-radius:0 4px 4px 0;background:#a6e8d5;content:""}.app-sidebar .nav-item.active svg{color:#c1f4e3}.app-sidebar h3{color:rgba(193,244,227,.75)}.app-sidebar .border-t{border-color:rgba(255,255,255,.14)}.app-sidebar .nav-icon-btn{border:1px solid rgb(255 255 255 / 16%);border-radius:10px;background:rgba(255,255,255,.08);color:#ecfff8}.app-sidebar .nav-icon-btn:hover{background:rgba(255,255,255,.16);color:#fff;transform:none}.app-sidebar .card{border-color:rgba(255,255,255,.17);background:rgba(0,42,39,.23);color:#effff9;box-shadow:inset 0 1px rgba(255,255,255,.07)}.app-sidebar .card p{color:rgba(235,255,250,.72)}.app-sidebar .btn-liquid-danger{border:1px solid rgb(255 255 255 / 17%);background:rgba(255,255,255,.08);color:rgba(255,239,239,.9);box-shadow:none}.app-sidebar .btn-liquid-danger:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.14);color:#fff;box-shadow:none;transform:translateY(-1px)}.app-sidebar a:focus-visible,.app-sidebar button:focus-visible{outline:3px solid rgb(193 244 227 / 78%);outline-offset:2px}.app-sidebar::-webkit-scrollbar,.app-sidebar .overflow-y-auto::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb,.app-sidebar .overflow-y-auto::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,255,255,.22)}@media(prefers-reduced-motion:reduce){.app-sidebar .nav-item,.app-sidebar .btn-liquid-danger{transition:none}}.auth-page{position:relative;isolation:isolate;display:flex;min-height:100vh;flex-direction:column;overflow-x:hidden;background-color:#000;background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55)),url(/hero.png);background-position:center;background-size:cover;background-repeat:no-repeat;color:hsl(var(--foreground))}.auth-page:before,.auth-page:after{position:absolute;z-index:0;width:clamp(190px,28vw,340px);aspect-ratio:1;border:1px solid rgb(218 255 245 / 11%);border-radius:50%;content:"";pointer-events:none;box-shadow:0 0 0 30px rgba(218,255,245,.04),0 0 0 64px rgba(218,255,245,.024)!important}.auth-page:before{top:14%;left:5%}.auth-page:after{right:7%;bottom:8%;width:clamp(150px,22vw,270px);border-color:rgba(111,214,189,.13);box-shadow:0 0 0 26px rgba(111,214,189,.04),0 0 0 56px rgba(111,214,189,.024)!important}.auth-page *,.auth-page *:before,.auth-page *:after{box-sizing:border-box}.auth-header{position:relative;z-index:2;display:flex;width:100%;min-height:76px;flex:0 0 auto;align-items:center;justify-content:space-between;padding-inline:max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #e8eeea;background:#fff;color:#14251d}.auth-brand{display:block;width:auto;height:39px;transition:transform .18s ease}.auth-header>a:hover .auth-brand{transform:rotate(-2deg)}.auth-header button{cursor:pointer}.auth-page .auth-content{flex:1 0 auto;width:min(56%,700px);margin-left:auto;margin-right:max(5vw,calc((100vw - 1120px)/2))}.auth-art{position:absolute;top:50%;left:max(32px,calc((100vw - 1120px)/2));z-index:1;width:min(36vw,420px);height:490px;transform:translateY(-45%)}.auth-art-orbit{position:absolute;top:45px;left:10px;width:350px;height:350px;border:1px dashed hsl(var(--primary) / .24);border-radius:50%;transform:rotate(-18deg)}.auth-art-orbit:before,.auth-art-orbit:after{position:absolute;width:19px;height:19px;border:5px solid hsl(var(--background));border-radius:50%;background:#e7ae3c;content:""}.auth-art-orbit:before{top:36px;right:52px}.auth-art-orbit:after{bottom:37px;left:42px;width:13px;height:13px;background:#ef776a}.auth-art-card{position:absolute;top:76px;left:40px;width:300px;overflow:visible;border:1px solid hsl(var(--border));border-radius:15px;background:hsl(var(--elevated));box-shadow:0 24px 70px hsl(var(--foreground) / .13);transform:rotate(-4deg)}.auth-art-window{display:flex;height:39px;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid hsl(var(--border))}.auth-art-window>span{width:8px;height:8px;border-radius:50%;background:#ef776b}.auth-art-window>span:nth-child(2){background:#efbd54}.auth-art-window>span:nth-child(3){background:#54bd82}.auth-art-window small{margin-left:auto;color:hsl(var(--muted-foreground));font-family:var(--font-mono);font-size:8px;letter-spacing:.07em}.auth-art-lesson{position:relative;padding:27px 25px 24px}.auth-art-book{display:grid;width:48px;height:48px;place-items:center;margin-bottom:18px;border-radius:13px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));transform:rotate(5deg)}.auth-art-kicker{display:block;margin-bottom:8px;color:#b07813;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em}.auth-art-lesson strong{display:block;color:hsl(var(--foreground));font-family:var(--font-sora);font-size:29px;line-height:1.16;letter-spacing:-.055em}.auth-art-progress{height:7px;overflow:hidden;margin-top:21px;border-radius:8px;background:hsl(var(--primary) / .1)}.auth-art-progress span{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--primary)),#77c98b)}.auth-art-lesson>small{display:block;margin-top:9px;color:hsl(var(--muted-foreground));font-size:11px}.auth-art-play{position:absolute;right:-24px;bottom:96px;display:grid;width:60px;height:60px;place-items:center;border:5px solid hsl(var(--background));border-radius:50%;background:#ef776b;color:#fff;box-shadow:0 8px 20px rgba(239,119,107,.35);transform:rotate(4deg)}.auth-art-note{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--elevated));box-shadow:0 12px 30px hsl(var(--foreground) / .1)}.auth-art-note strong,.auth-art-note small{display:block}.auth-art-note strong{color:hsl(var(--foreground));font-size:11px}.auth-art-note small{margin-top:3px;color:hsl(var(--muted-foreground));font-size:9px}.auth-art-student{top:325px;left:2px;transform:rotate(3deg)}.auth-art-note-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#fff3d8;color:#b07813}.auth-art-check{display:grid;width:19px;height:19px;place-items:center;margin-left:8px;border-radius:50%;background:hsl(var(--primary) / .13);color:hsl(var(--primary));font-size:12px;font-weight:800}.auth-art-streak{top:402px;right:8px;transform:rotate(2deg)}.auth-art-streak-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#e8f4ec;color:#258151;font-family:var(--font-mono);font-size:13px;font-weight:700}.auth-art-spark{position:absolute;z-index:1;color:hsl(var(--primary))}.auth-art-spark-one{top:54px;right:53px;color:#d49824;animation:auth-spark 3s ease-in-out infinite}.auth-art-spark-two{right:40px;bottom:54px;color:#ef776b;font-size:32px;animation:auth-spark 3.5s ease-in-out infinite reverse}@keyframes auth-spark{50%{transform:translateY(-7px) rotate(12deg)}}.auth-page .auth-decoration{display:none}.auth-page .auth-card{border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--elevated));box-shadow:0 20px 60px hsl(var(--foreground) / .1);color:hsl(var(--foreground))}.auth-page .auth-card h1,.auth-page .auth-card h2,.auth-page .auth-card h3{color:hsl(var(--foreground));-webkit-text-fill-color:currentColor}.auth-page .auth-card>div>p,.auth-page .auth-card>p,.auth-page .auth-card label{color:hsl(var(--muted-foreground))}.auth-page .auth-card input{min-height:50px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--surface) / .72);color:hsl(var(--foreground));font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}.auth-page .auth-card input::placeholder{color:hsl(var(--muted-foreground) / .8);font-size:12px}.auth-page .auth-card form label{display:block;margin-bottom:7px;color:hsl(var(--foreground) / .76);font-size:10px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}.auth-page .auth-card form label .auth-optional{color:hsl(var(--muted-foreground));font-size:9px;font-weight:550;letter-spacing:.035em}.auth-page .auth-card .auth-form .relative:has(>svg) input{padding-left:46px;padding-right:42px}.auth-page .auth-card .auth-form .relative:has(>svg)>svg{width:15px;height:15px;color:hsl(var(--muted-foreground) / .8);stroke-width:1.8;transition:color .18s ease}.auth-page .auth-card .auth-form .relative:has(>svg):focus-within>svg{color:hsl(var(--primary-hover))}.auth-page .auth-card .auth-form input:not(:placeholder-shown){background:hsl(var(--primary) / .035)}.auth-page .auth-card .auth-form .relative:has(>svg) input:focus{background:hsl(var(--elevated));box-shadow:0 0 0 4px hsl(var(--primary) / .09);outline:0}.auth-page .auth-card .auth-form .relative:has(>svg) button{display:grid;width:32px;height:32px;place-items:center;border-radius:7px;color:hsl(var(--muted-foreground));cursor:pointer;transition:background-color .16s ease,color .16s ease}.auth-page .auth-card .auth-form .relative:has(>svg) button:hover{background:hsl(var(--primary) / .09);color:hsl(var(--primary))}.auth-page .auth-card .auth-form .relative:has(>svg) button svg{width:15px;height:15px;stroke-width:1.8}.auth-page .auth-card input:focus{border-color:hsl(var(--primary));outline:3px solid hsl(var(--primary) / .14);outline-offset:1px}.auth-page .auth-card input:focus-visible,.auth-page .auth-card button:focus-visible,.auth-page .auth-card a:focus-visible,.auth-page .auth-legal a:focus-visible{outline:3px solid hsl(var(--primary) / .65);outline-offset:3px}.auth-page .auth-submit{display:flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid hsl(var(--primary-hover));border-radius:9px;background:linear-gradient(105deg,hsl(var(--primary-hover)),hsl(var(--primary)));color:hsl(var(--primary-foreground));cursor:pointer;box-shadow:0 7px 16px rgba(0,0,0,.2);font-size:13px;font-weight:750;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.auth-page .auth-submit:hover:not(:disabled){transform:translateY(-2px);border-color:hsl(var(--primary));background:hsl(var(--primary));box-shadow:0 10px 22px rgba(0,0,0,.27)}.auth-page .auth-submit svg{transition:transform .18s ease}.auth-page .auth-submit:hover svg{transform:translate(3px)}.auth-page .auth-submit:disabled{cursor:wait}.auth-page a.auth-submit{display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-page .auth-secondary{border:1px solid hsl(var(--border));border-radius:7px;background:hsl(var(--surface));color:hsl(var(--foreground));text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.auth-page .auth-secondary:hover{border-color:hsl(var(--primary) / .4);background:hsl(var(--primary) / .05)}.auth-page .auth-link{color:hsl(var(--primary));transition:color .16s ease}.auth-page .auth-link:hover{color:hsl(var(--primary-hover))}.auth-page .auth-back-link button{font-weight:700}.auth-page .auth-form-section{border:1px solid hsl(var(--primary) / .16);border-radius:12px;background:hsl(var(--primary) / .035);padding:18px}.auth-page .auth-form-section+.auth-form-section{margin-top:16px}.auth-page .auth-form-section-heading{align-items:flex-start;margin-bottom:18px}.auth-page .auth-form-section-heading>svg{width:36px;height:36px;flex:0 0 auto;padding:9px;border-radius:10px;background:hsl(var(--primary) / .11)}.auth-page .auth-form-section-heading h3{font-size:13px;font-weight:750}.auth-page .auth-form-section-heading p{margin-top:3px;color:hsl(var(--muted-foreground));font-size:11px}.auth-page .auth-notice{border-radius:9px;font-size:12px;line-height:1.55}.auth-page .auth-notice-error{border:1px solid hsl(var(--destructive) / .28);background:hsl(var(--destructive) / .08);color:hsl(var(--destructive))}.auth-page .auth-notice-success{border:1px solid hsl(var(--primary) / .22);background:hsl(var(--primary) / .07);color:hsl(var(--primary-hover))}.auth-page .auth-notice-warning{border:1px solid hsl(var(--warning) / .3);background:hsl(var(--warning) / .12);color:hsl(var(--foreground))}.auth-page .auth-notice-warning p:first-child{color:hsl(var(--foreground));font-weight:750}.auth-page .auth-notice-warning p:last-child{margin-top:4px;color:hsl(var(--muted-foreground));line-height:1.55}.auth-page .auth-role-card{border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--elevated));cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.auth-page .auth-role-card:hover{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .04);box-shadow:0 8px 24px hsl(var(--primary) / .08)}.auth-page .auth-role-card>.auth-role-icon,.auth-page .auth-card .auth-selected-role-icon{display:grid;width:40px;min-width:40px;height:40px;place-items:center;border:1px solid hsl(var(--primary) / .16);border-radius:50%;background:hsl(var(--primary) / .07);color:hsl(var(--primary));box-shadow:none;transition:background-color .16s ease,border-color .16s ease}.auth-page .auth-role-card>.auth-role-icon svg,.auth-page .auth-card .auth-selected-role-icon svg{width:19px;height:19px;stroke-width:1.7}.auth-page .auth-role-card:hover>.auth-role-icon{border-color:hsl(var(--primary) / .28);background:hsl(var(--primary) / .11)}.auth-page .auth-role-card h3{color:hsl(var(--foreground))}.auth-page .auth-role-card p{color:hsl(var(--muted-foreground))}.auth-page .auth-legal{color:#fff}.auth-page .auth-legal a{color:rgba(255,255,255,.88);text-decoration:underline;text-underline-offset:2px}.auth-page .auth-legal a:hover{color:#fff}.dark .auth-page{background-color:#000;background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url(/hero.png);background-size:cover}.dark .auth-page .auth-header{border-bottom-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground))}.dark .auth-page .auth-card{box-shadow:0 16px 48px rgba(0,0,0,.24)}@media(max-width:900px){.auth-header{width:100%;min-height:64px;padding-inline:16px}.auth-brand{height:32px}.auth-page .auth-content{width:100%;padding:24px 16px;margin-inline:auto}.auth-page .auth-card{padding:24px}.auth-art{display:none}.auth-page .grid-cols-2{grid-template-columns:minmax(0,1fr)}.auth-page .auth-form-section{padding:14px}}@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *:before,.auth-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.auth-art-spark{animation:none!important}}.student-home-page{min-height:calc(100vh - 64px);color:hsl(var(--foreground))}.student-home-page .student-category-bar{position:-webkit-sticky;position:sticky;top:64px;z-index:30;margin:-8px -8px 0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.student-home-page .student-category-track{display:flex;gap:12px;overflow-x:auto;padding:14px 8px;scrollbar-width:none;scroll-behavior:smooth}.student-home-page .student-category-track::-webkit-scrollbar{display:none}.student-home-page .student-category-chip{min-height:34px;flex:0 0 auto;padding:0 13px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--surface));color:hsl(var(--foreground));cursor:pointer;font-size:13px;font-weight:550;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.student-home-page .student-category-chip:hover{transform:translateY(-1px);border-color:hsl(var(--primary) / .38);background:hsl(var(--primary) / .08);color:hsl(var(--primary-hover))}.student-home-page .student-category-chip[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 2px 8px hsl(var(--primary) / .2)}.student-home-page .student-video-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:18px;row-gap:34px;padding:24px 8px 48px}.student-home-page .video-card-feed{position:relative;min-width:0;gap:11px;overflow:visible;padding:8px;border:1px solid hsl(var(--primary) / .18);border-radius:16px;background:hsl(var(--background));box-shadow:0 2px 10px hsl(var(--primary) / .035);transform:translateY(0);animation:student-video-enter .38s ease backwards;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.student-home-page .video-card-feed:before{display:none}.student-home-page .video-card-feed:hover{z-index:1;border-color:hsl(var(--primary) / .38);background:hsl(var(--primary) / .035);box-shadow:0 12px 26px hsl(var(--primary) / .09),0 2px 6px hsl(var(--foreground) / .04);transform:translateY(-4px)}.student-home-page .video-card-feed:nth-child(2){animation-delay:45ms}.student-home-page .video-card-feed:nth-child(3){animation-delay:90ms}.student-home-page .video-card-feed:nth-child(4){animation-delay:135ms}.student-home-page .video-card-feed:nth-child(5){animation-delay:.18s}.student-home-page .video-card-feed:nth-child(6){animation-delay:225ms}.student-home-page .video-card-thumbnail-feed{display:block;width:100%;border:0;border-radius:11px;background:hsl(var(--surface));box-shadow:0 1px 3px hsl(var(--foreground) / .08);transition:border-color .22s ease,box-shadow .22s ease}.student-home-page .video-card-feed:hover .video-card-thumbnail-feed{box-shadow:0 6px 16px hsl(var(--primary) / .13)}.student-home-page .video-card-duration-feed{border-radius:4px;padding:3px 5px;font-size:11px;font-weight:600;transition:background-color .18s ease,transform .18s ease}.student-home-page .video-card-feed:hover .video-card-duration-feed{background:hsl(var(--primary-hover));transform:translateY(-1px)}.student-home-page .video-card-thumbnail-feed img{transform:scale(1);transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .3s ease}.student-home-page .video-card-feed:hover .video-card-thumbnail-feed img{filter:brightness(1.04) saturate(1.06);transform:scale(1.055)}.student-home-page .video-card-feed .play-overlay{width:48px;height:48px;border:2px solid hsl(var(--background) / .9);background:hsl(var(--primary));box-shadow:0 4px 16px hsl(var(--primary-hover) / .35);color:#fff;transform:translate(-50%,-50%) scale(.82);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.75,.25,1.25),box-shadow .18s ease,background-color .18s ease}.student-home-page .video-card-feed:hover .play-overlay,.student-home-page .video-card-feed:focus-within .play-overlay{box-shadow:0 6px 20px hsl(var(--primary-hover) / .45);transform:translate(-50%,-50%) scale(1)}.student-home-page .video-card-feed .play-overlay svg{width:20px;height:20px;color:#fff;transition:transform .18s ease}.student-home-page .video-card-feed:hover .play-overlay svg{transform:translate(1px)}.student-home-page .video-card-feed .video-card-details-feed{align-items:flex-start;gap:12px}.student-home-page .video-card-feed .avatar-liquid{width:38px;min-width:38px;height:38px;border:0;background:hsl(var(--surface));color:hsl(var(--muted-foreground));font-size:13px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .18s ease,transform .18s ease}.student-home-page .video-card-feed:hover .avatar-liquid{outline-color:hsl(var(--primary) / .36);transform:scale(1.04)}.student-home-page .video-card-feed .avatar-liquid:before{display:none}.student-home-page .video-card-feed .video-card-details-feed>div{padding-top:1px}.student-home-page .video-card-feed h3{display:-webkit-box;overflow:hidden;margin-bottom:5px;color:hsl(var(--foreground));font-size:14px;font-weight:650;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.student-home-page .video-card-feed a:hover h3{color:hsl(var(--primary))}.student-home-page .video-card-feed .video-card-details-feed>div>div{font-size:12px;font-weight:450;line-height:1.5}.student-home-page .video-card-feed .video-card-details-feed>div>div a{color:hsl(var(--muted-foreground))}.student-home-page .video-card-feed .video-card-details-feed>div>div a:hover{color:hsl(var(--foreground))}.student-home-page .video-card-feed .video-card-details-feed .pill-liquid{padding:3px 8px;border-radius:6px;font-size:10px;box-shadow:none;transform:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.student-home-page .video-card-feed:hover .video-card-details-feed .pill-liquid{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .1);color:hsl(var(--primary-hover))}@keyframes student-video-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.student-home-page .student-empty-state{padding:72px 16px;color:hsl(var(--muted-foreground));text-align:center}.student-home-page .student-empty-state h3{margin-bottom:8px;color:hsl(var(--foreground));font-size:18px;font-weight:650}@media(min-width:640px){.student-home-page .student-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(min-width:1024px){.student-home-page .student-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:38px}}@media(min-width:1440px){.student-home-page .student-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}}@media(max-width:767px){.student-home-page .student-category-bar{top:56px;margin:-8px -8px 0}.student-home-page .student-category-track{gap:8px;padding:12px 8px}.student-home-page .student-video-grid{padding:20px 0 40px;row-gap:26px}}@media(prefers-reduced-motion:reduce){.student-home-page *,.student-home-page *:before,.student-home-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.student-home-page .video-card-feed{animation:none}}.page-welcome-banner{position:relative;isolation:isolate;overflow:hidden;margin-bottom:24px;padding:clamp(22px,3vw,36px);border:1px solid rgb(255 255 255 / 14%);border-radius:24px;background:radial-gradient(ellipse at 82% 18%,rgb(111 214 189 / 28%),transparent 36%),linear-gradient(118deg,#073e3b,#0c625b 56%,#138477);box-shadow:0 20px 50px -32px rgba(3,74,66,.7);color:#f2fffb}.page-welcome-banner:before,.page-welcome-banner:after{position:absolute;z-index:-1;top:-116px;right:12%;width:280px;height:280px;border:1px solid rgb(218 255 245 / 16%);border-radius:50%;content:"";pointer-events:none}.page-welcome-banner:before{top:-142px;right:11%;width:330px;height:330px;border-color:rgba(218,255,245,.09)}.page-welcome-banner:after{box-shadow:0 0 0 32px rgba(218,255,245,.05),0 0 0 66px rgba(218,255,245,.04)}.page-welcome-banner__main,.page-welcome-banner__identity,.page-welcome-banner__actions{position:relative;z-index:1}.page-welcome-banner__main{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-welcome-banner__identity{display:flex;min-width:0;align-items:center;gap:18px}.page-welcome-banner__mark{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:17px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.2);color:#c1f4e3}.page-welcome-banner__mark svg{width:23px;height:23px}.page-welcome-banner__copy{min-width:0}.page-welcome-banner__eyebrow{display:inline-block;margin-bottom:4px;color:#a6e8d5;font-family:var(--font-handwritten);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700;letter-spacing:.015em;line-height:1.05;text-transform:lowercase}.page-welcome-banner__eyebrow:first-letter{text-transform:uppercase}.page-welcome-banner h1,.teacher-dashboard .page-welcome-banner h1{margin:0;background:none!important;color:#fff!important;font-family:var(--font-youtube);font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:700;letter-spacing:-.055em;line-height:1.1;-webkit-text-fill-color:#fff!important}.page-welcome-banner__copy p{margin:7px 0 0;color:rgba(235,255,250,.8);font-size:clamp(.82rem,1.4vw,1rem);line-height:1.5}.page-welcome-banner__actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}.page-welcome-banner__actions>a,.page-welcome-banner__actions>button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid rgb(255 255 255 / 26%);border-radius:13px;background:rgba(255,255,255,.11);color:#fff;font-size:.87rem;font-weight:650;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.page-welcome-banner__actions>a:hover,.page-welcome-banner__actions>button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.46);background:rgba(255,255,255,.19);color:#fff}.page-welcome-banner__actions>a:focus-visible,.page-welcome-banner__actions>button:focus-visible{outline:3px solid rgb(193 244 227 / 75%);outline-offset:3px}.page-welcome-banner__extra{position:relative;z-index:1;margin-top:20px}.page-welcome-banner--community{margin:12px;padding:15px 18px;border-radius:19px}.page-welcome-banner--community .page-welcome-banner__mark{width:44px;height:44px;border-radius:14px}.page-welcome-banner--community h1{font-size:1.2rem;letter-spacing:-.025em}.page-welcome-banner--community .page-welcome-banner__eyebrow{margin-bottom:1px;font-size:.56rem}.page-welcome-banner--community .page-welcome-banner__copy p{margin-top:3px;font-size:.72rem}.page-welcome-banner--community .page-welcome-banner__extra{margin-top:13px}.page-welcome-banner--community .community-tabs{display:flex;width:fit-content;max-width:100%;gap:4px;padding:4px;border:1px solid rgb(255 255 255 / 16%);border-radius:13px;background:rgba(0,42,39,.22);box-shadow:inset 0 1px rgba(255,255,255,.07)}.page-welcome-banner--community .community-tabs>button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:rgba(241,255,250,.78);font-size:.75rem;font-weight:650;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.page-welcome-banner--community .community-tabs>button:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff}.page-welcome-banner--community .community-tabs>button.is-active{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.17);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-welcome-banner--community .community-tabs>button:focus-visible{outline:2px solid #c1f4e3;outline-offset:2px}@media(prefers-reduced-motion:reduce){.page-welcome-banner--community .community-tabs>button{transition:none}}@media(max-width:767px){.page-welcome-banner{margin-bottom:18px;padding:21px 18px;border-radius:21px}.page-welcome-banner__main{align-items:flex-start;flex-direction:column;gap:16px}.page-welcome-banner__identity{align-items:flex-start;gap:13px}.page-welcome-banner__mark{width:46px;height:46px;border-radius:14px}.page-welcome-banner__actions{width:100%}.page-welcome-banner__actions>a,.page-welcome-banner__actions>button{min-height:42px}.page-welcome-banner__extra{margin-top:14px}.page-welcome-banner--community{margin:9px 9px 14px;padding:12px 13px;border-radius:16px}.page-welcome-banner--community .page-welcome-banner__main{align-items:center;flex-direction:row;gap:8px}.page-welcome-banner--community .page-welcome-banner__identity{align-items:center;gap:10px}.page-welcome-banner--community .page-welcome-banner__actions{width:auto}}.page-welcome-banner--teacher{margin-bottom:0;padding:clamp(18px,2.4vw,26px)}.page-welcome-banner--teacher .page-welcome-banner__mark{width:54px;height:54px;overflow:hidden;border-radius:50%;font-size:1rem;font-weight:700}.page-welcome-banner--teacher .page-welcome-banner__mark img{width:100%;height:100%;object-fit:cover}.page-welcome-banner--teacher .page-welcome-banner__copy p{display:flex;align-items:center;gap:7px}.page-welcome-banner--teacher .page-welcome-banner__copy p svg{flex:0 0 auto;color:#a6e8d5}.page-welcome-banner--teacher .teacher-icon-button,.page-welcome-banner--teacher .teacher-primary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgb(255 255 255 / 28%);border-radius:12px;background:rgba(255,255,255,.11);color:#fff;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.page-welcome-banner--teacher .teacher-icon-button{width:42px;padding:0}.page-welcome-banner--teacher .teacher-icon-button:hover:not(:disabled),.page-welcome-banner--teacher .teacher-primary-button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.19);color:#fff}.page-welcome-banner--teacher .teacher-dashboard-tabs{display:flex;width:fit-content;max-width:100%;gap:5px;padding:5px;border:1px solid rgb(255 255 255 / 15%);border-radius:14px;background:rgba(0,42,39,.2)}.page-welcome-banner--teacher .teacher-dashboard-tabs button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:rgba(241,255,250,.78);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.page-welcome-banner--teacher .teacher-dashboard-tabs button:hover,.page-welcome-banner--teacher .teacher-dashboard-tabs button[aria-selected=true]{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:#fff}.page-welcome-banner--teacher .teacher-dashboard-tabs button:focus-visible{outline:2px solid #c1f4e3;outline-offset:2px}@media(max-width:767px){.page-welcome-banner--teacher .page-welcome-banner__main{align-items:flex-start}.page-welcome-banner--teacher .page-welcome-banner__actions{justify-content:flex-end}.page-welcome-banner--teacher .page-welcome-banner__extra{overflow-x:auto;margin-top:16px}.page-welcome-banner--teacher .teacher-dashboard-tabs{width:max-content}}@media(prefers-reduced-motion:reduce){.page-welcome-banner__actions>a,.page-welcome-banner__actions>button{transition:none}}.teacher-dashboard{--teacher-brand: 0 0% 18%;--teacher-brand-strong: 0 0% 7%;--teacher-brand-soft: 0 0% 95%;--teacher-accent: hsl(var(--primary));--teacher-mint: hsl(0 0% 32%);--teacher-sky: hsl(0 0% 42%);--teacher-lilac: hsl(0 0% 52%);--teacher-coral: hsl(0 0% 24%);--teacher-gold: hsl(0 0% 60%);--teacher-mint-soft: hsl(0 0% 96%);--teacher-sky-soft: hsl(0 0% 95%);--teacher-lilac-soft: hsl(0 0% 94%);--teacher-coral-soft: hsl(0 0% 97%);--teacher-gold-soft: hsl(0 0% 93%);width:100%;max-width:1600px;min-height:calc(100vh - 64px);margin-inline:auto;color:hsl(var(--foreground));font-family:var(--font-youtube)}.dark .teacher-dashboard{--teacher-brand: 0 0% 82%;--teacher-brand-strong: 0 0% 96%;--teacher-brand-soft: 0 0% 17%;--teacher-mint-soft: hsl(0 0% 14%);--teacher-sky-soft: hsl(0 0% 16%);--teacher-lilac-soft: hsl(0 0% 18%);--teacher-coral-soft: hsl(0 0% 13%);--teacher-gold-soft: hsl(0 0% 17%)}.teacher-dashboard h1,.teacher-dashboard h3,.teacher-dashboard h4{background:none;color:hsl(var(--foreground));-webkit-text-fill-color:currentColor;font-family:var(--font-youtube)}.teacher-dashboard h2{font-family:var(--font-handwritten);font-weight:700;letter-spacing:normal;line-height:1.15}.teacher-dashboard .page-welcome-banner__eyebrow{font-family:var(--font-handwritten);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700;letter-spacing:.015em;line-height:1.05;text-transform:lowercase}.teacher-dashboard .page-welcome-banner__eyebrow:first-letter{text-transform:uppercase}.teacher-dashboard-header{isolation:isolate;margin-bottom:24px;padding:26px clamp(20px,3vw,34px);overflow:hidden;border:1px solid hsl(var(--primary) / .13);border-radius:22px;background:radial-gradient(ellipse at 86% 20%,hsl(0 0% 67% / .24),transparent 25%),radial-gradient(ellipse at 72% 100%,hsl(0 0% 67% / .15),transparent 32%),linear-gradient(110deg,hsl(var(--primary) / .1),hsl(var(--elevated)) 57%,rgba(171,171,171,.08));box-shadow:0 10px 28px hsl(var(--primary) / .045)}.teacher-dashboard-header>.absolute{display:none}.teacher-dashboard-header:after{position:absolute;z-index:-1;top:16px;right:24px;width:100px;height:72px;background-image:radial-gradient(hsl(var(--primary) / .2) 1.5px,transparent 1.5px);background-size:13px 13px;content:"";-webkit-mask-image:linear-gradient(135deg,black,transparent 78%);mask-image:linear-gradient(135deg,black,transparent 78%);pointer-events:none}.teacher-dashboard-header>div.relative{z-index:1;margin-bottom:0}.teacher-dashboard-mark,.teacher-dashboard .teacher-stat-icon,.teacher-dashboard .teacher-action-icon{display:grid;flex:0 0 auto;place-items:center;border:1px solid hsl(var(--primary) / .16);background:hsl(var(--primary) / .08);color:var(--teacher-accent)}.teacher-dashboard-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,hsl(var(--primary) / .16),hsl(var(--primary) / .07));box-shadow:0 5px 12px hsl(var(--primary) / .1)}.teacher-dashboard-header h1{font-size:clamp(25px,3vw,32px);font-weight:700;letter-spacing:-.045em}.teacher-dashboard-header p{font-size:13px;line-height:1.55}.teacher-dashboard-header p>span:first-child{width:7px;height:7px;box-shadow:0 0 0 4px hsl(var(--primary) / .11)}.teacher-dashboard-tabs{width:fit-content;max-width:100%;gap:5px;margin-bottom:26px;padding:5px;border:1px solid hsl(var(--border) / .8);border-radius:13px;background:hsl(var(--surface) / .78);box-shadow:0 3px 12px hsl(var(--foreground) / .035)}.teacher-dashboard-tabs button{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:hsl(var(--muted-foreground));font-size:12px;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.teacher-dashboard-tabs button:hover:not([aria-pressed=true]){background:hsl(var(--primary) / .06);color:var(--teacher-accent)}.teacher-dashboard-tabs button[aria-pressed=true]{border-color:hsl(var(--primary) / .2);background:linear-gradient(135deg,hsl(var(--primary) / .14),hsl(var(--primary) / .07));color:var(--teacher-accent);box-shadow:0 2px 6px hsl(var(--primary) / .1)}.teacher-dashboard-tabs .pill-liquid,.teacher-dashboard-tabs .pill-liquid-active,.teacher-dashboard-tabs .pill-liquid:hover{border-radius:7px;box-shadow:none;transform:none}.teacher-dashboard .card,.teacher-dashboard .card-liquid{border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--elevated));box-shadow:0 3px 12px hsl(var(--foreground) / .04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.teacher-dashboard .card:hover,.teacher-dashboard .card-liquid:hover{border-color:hsl(var(--primary) / .22);box-shadow:0 7px 20px hsl(var(--foreground) / .07);transform:none}.teacher-dashboard .teacher-stat-card{--stat-accent: var(--teacher-mint);--stat-soft: var(--teacher-mint-soft);position:relative;min-height:132px;padding:18px;overflow:hidden;border-color:color-mix(in srgb,var(--stat-accent) 15%,hsl(var(--border)));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--stat-accent) 8%,transparent),transparent 43%),hsl(var(--elevated))}.teacher-dashboard .teacher-stat-card:nth-child(2){--stat-accent: var(--teacher-sky);--stat-soft: var(--teacher-sky-soft)}.teacher-dashboard .teacher-stat-card:nth-child(3){--stat-accent: var(--teacher-lilac);--stat-soft: var(--teacher-lilac-soft)}.teacher-dashboard .teacher-stat-card:nth-child(4){--stat-accent: var(--teacher-coral);--stat-soft: var(--teacher-coral-soft)}.teacher-dashboard .teacher-stat-card:nth-child(5){--stat-accent: var(--teacher-gold);--stat-soft: var(--teacher-gold-soft)}.teacher-dashboard .teacher-stat-card:before{position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 99px 99px;background:var(--stat-accent);opacity:.7;content:""}.teacher-dashboard .teacher-stat-card:hover{border-color:color-mix(in srgb,var(--stat-accent) 42%,hsl(var(--border)));box-shadow:0 9px 22px color-mix(in srgb,var(--stat-accent) 12%,transparent);transform:translateY(-3px)}.teacher-dashboard .teacher-stat-card>div:nth-child(2){color:hsl(var(--foreground));font-family:var(--font-youtube);font-size:27px;font-weight:700;letter-spacing:-.04em;-webkit-text-fill-color:currentColor}.teacher-dashboard .teacher-stat-icon,.teacher-dashboard .teacher-action-icon{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--stat-accent, var(--teacher-accent)) 22%,transparent);border-radius:12px;background:var(--stat-soft, hsl(var(--primary) / .08));color:var(--stat-accent, var(--teacher-accent))}.teacher-dashboard .teacher-stat-icon svg{width:17px;height:17px}.teacher-dashboard .teacher-action-card{min-height:128px;padding:18px;border-style:dashed;border-color:hsl(var(--primary) / .2);background:radial-gradient(circle at 100% 0%,hsl(var(--primary) / .06),transparent 42%),hsl(var(--elevated))}.teacher-dashboard .card.teacher-action-card:hover{border-color:hsl(var(--primary) / .34);background:hsl(var(--primary) / .025);transform:translateY(-2px)}.teacher-dashboard .teacher-action-icon{transition:transform .18s ease,background-color .18s ease}.teacher-dashboard .teacher-action-card:hover .teacher-action-icon{transform:translateY(-2px);background:hsl(var(--primary) / .13)}.teacher-dashboard .teacher-recent-video{border-radius:10px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.teacher-dashboard .teacher-recent-video:hover{border-color:hsl(var(--primary) / .32);box-shadow:0 6px 16px hsl(var(--primary) / .1);transform:translateY(-2px)}.teacher-dashboard .teacher-recent-video h4{font-size:12px;line-height:1.45}.teacher-dashboard .teacher-recent-video .badge-liquid{max-width:calc(100% - 8px);padding:3px 6px;border-radius:5px;font-size:9px}.teacher-dashboard .teacher-chart-card,.teacher-dashboard .teacher-status-card,.teacher-dashboard .teacher-recent-section,.teacher-dashboard .teacher-earnings-card,.teacher-dashboard .teacher-payment-card{border-radius:19px}.teacher-dashboard .teacher-chart-card>.flex.items-center h2,.teacher-dashboard .teacher-status-card>.flex.items-center h2,.teacher-dashboard .teacher-recent-section h2,.teacher-dashboard .card>h2{font-size:17px;font-weight:650;letter-spacing:-.025em}.teacher-dashboard .teacher-chart-card .icon-liquid,.teacher-dashboard .teacher-status-card .icon-liquid,.teacher-dashboard .teacher-recent-section .icon-liquid{width:38px;height:38px;border-radius:12px}.teacher-dashboard .teacher-analytics-stat{--analytics-accent: var(--teacher-mint);--analytics-soft: var(--teacher-mint-soft);border:1px solid color-mix(in srgb,var(--analytics-accent) 17%,hsl(var(--border)));border-radius:14px;background:linear-gradient(135deg,var(--analytics-soft),hsl(var(--elevated)) 82%)}.teacher-dashboard .teacher-analytics-stat:nth-child(2){--analytics-accent: var(--teacher-coral);--analytics-soft: var(--teacher-coral-soft)}.teacher-dashboard .teacher-analytics-stat:nth-child(3){--analytics-accent: var(--teacher-sky);--analytics-soft: var(--teacher-sky-soft)}.teacher-dashboard .teacher-analytics-stat:nth-child(4){--analytics-accent: var(--teacher-lilac);--analytics-soft: var(--teacher-lilac-soft)}.teacher-dashboard .teacher-analytics-stat svg{color:var(--analytics-accent)}.teacher-dashboard .teacher-analytics-stat>div:last-child{font-family:var(--font-youtube);font-weight:650;letter-spacing:-.035em}.teacher-dashboard .teacher-ranking-row{border:1px solid hsl(var(--border) / .8);border-radius:12px;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.teacher-dashboard .teacher-ranking-row:hover{border-color:hsl(var(--primary) / .2);transform:translate(2px)}.teacher-dashboard .teacher-ranking-number{font-family:var(--font-youtube);border-radius:10px}.teacher-dashboard .teacher-earnings-card{border-color:hsl(var(--primary) / .18);background:radial-gradient(ellipse at 95% 0%,hsl(0 0% 67% / .22),transparent 36%),linear-gradient(120deg,hsl(var(--primary) / .1),hsl(var(--elevated)) 66%)}.teacher-dashboard .teacher-earnings-card>div:first-child{background:none}.teacher-dashboard .teacher-earnings-card .text-5xl{font-family:var(--font-youtube);font-size:clamp(34px,5vw,48px);letter-spacing:-.055em}.teacher-dashboard .teacher-signal-card{--signal-accent: var(--teacher-mint);--signal-soft: var(--teacher-mint-soft);border:1px solid color-mix(in srgb,var(--signal-accent) 17%,hsl(var(--border)));border-radius:14px;background:linear-gradient(135deg,var(--signal-soft),hsl(var(--elevated)) 82%)}.teacher-dashboard .teacher-signal-card:nth-child(2){--signal-accent: var(--teacher-sky);--signal-soft: var(--teacher-sky-soft)}.teacher-dashboard .teacher-signal-card:nth-child(3){--signal-accent: var(--teacher-lilac);--signal-soft: var(--teacher-lilac-soft)}.teacher-dashboard .teacher-signal-card:nth-child(4){--signal-accent: var(--teacher-gold);--signal-soft: var(--teacher-gold-soft)}.teacher-dashboard .teacher-signal-card:nth-child(5){--signal-accent: var(--teacher-coral);--signal-soft: var(--teacher-coral-soft)}.teacher-dashboard .teacher-signal-card:nth-child(6){--signal-accent: var(--teacher-mint);--signal-soft: var(--teacher-mint-soft)}.teacher-dashboard .teacher-signal-card>div:nth-child(2){font-family:var(--font-youtube);font-weight:650}.teacher-dashboard .teacher-signal-card .progress-liquid-fill{background:var(--signal-accent)}.teacher-dashboard .teacher-payment-card{background:radial-gradient(circle at 50% 0%,hsl(var(--primary) / .07),transparent 45%),hsl(var(--elevated))}.teacher-dashboard .progress-liquid{overflow:hidden;border-radius:99px}.teacher-dashboard button:focus-visible,.teacher-dashboard a:focus-visible{outline:3px solid hsl(var(--primary) / .5);outline-offset:3px}@media(max-width:767px){.teacher-dashboard-header{padding:20px 18px;border-radius:18px}.teacher-dashboard-header>div.relative>div:last-child{width:100%}.teacher-dashboard-header>div.relative>div:last-child>*{flex:1;justify-content:center}.teacher-dashboard-tabs{width:100%}.teacher-dashboard-tabs button{min-height:34px;gap:6px;padding-inline:9px;font-size:11px}.teacher-dashboard-tabs button svg{width:15px;height:15px}.teacher-dashboard .teacher-stat-card{min-height:116px;padding:14px}.teacher-dashboard .teacher-stat-card>div:nth-child(2){font-size:23px}.teacher-dashboard .teacher-chart-card,.teacher-dashboard .teacher-status-card,.teacher-dashboard .teacher-recent-section,.teacher-dashboard .teacher-earnings-card,.teacher-dashboard .teacher-payment-card{padding:18px}.teacher-dashboard .teacher-chart-card .relative.h-56{height:190px}.teacher-dashboard .teacher-recent-section>div:first-of-type{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.teacher-dashboard *,.teacher-dashboard *:before,.teacher-dashboard *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.teacher-dashboard-header{border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--elevated));box-shadow:none}.teacher-dashboard-header:after{display:none}.teacher-dashboard-mark,.teacher-dashboard .teacher-stat-icon,.teacher-dashboard .teacher-action-icon{border-color:hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--foreground));box-shadow:none}.teacher-dashboard-mark{border-radius:12px}.teacher-dashboard-header h1{color:hsl(var(--foreground));background:none;-webkit-text-fill-color:currentColor}.teacher-dashboard-header p>span:first-child{background:hsl(var(--foreground));box-shadow:none}.teacher-dashboard-tabs{border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--surface));box-shadow:none}.teacher-dashboard-tabs button[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:none}.teacher-dashboard .card,.teacher-dashboard .card-liquid{border-color:hsl(var(--border));border-radius:16px;background:hsl(var(--elevated));box-shadow:none}.teacher-dashboard .card:hover,.teacher-dashboard .card-liquid:hover{border-color:hsl(var(--foreground) / .22);box-shadow:none;transform:none}.teacher-dashboard .teacher-stat-card,.teacher-dashboard .teacher-stat-card:nth-child(n),.teacher-dashboard .teacher-analytics-stat,.teacher-dashboard .teacher-analytics-stat:nth-child(n),.teacher-dashboard .teacher-signal-card,.teacher-dashboard .teacher-signal-card:nth-child(n){border-color:hsl(var(--border));background:hsl(var(--elevated))}.teacher-dashboard .teacher-stat-card:before{display:none}.teacher-dashboard .teacher-stat-icon,.teacher-dashboard .teacher-action-icon,.teacher-dashboard .teacher-analytics-stat svg{color:hsl(var(--foreground))}.teacher-dashboard .teacher-action-card,.teacher-dashboard .teacher-earnings-card,.teacher-dashboard .teacher-payment-card{border-style:solid;border-color:hsl(var(--border));background:hsl(var(--elevated))}.teacher-dashboard .teacher-chart-card .flex.items-end>div>div{background:hsl(var(--foreground) / .72)!important;box-shadow:none!important}.teacher-dashboard .teacher-chart-card .badge-liquid,.teacher-dashboard .badge-liquid{border-color:hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--foreground))}.teacher-dashboard .btn-liquid-primary{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.teacher-dashboard .btn-liquid-primary:hover{background:hsl(var(--primary-hover));color:hsl(var(--primary-foreground))}.teacher-dashboard .btn-liquid-secondary{border-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground))}.teacher-dashboard button:focus-visible,.teacher-dashboard a:focus-visible{outline-color:hsl(var(--foreground) / .7)}.teacher-dashboard{overflow-x:clip}.teacher-dashboard-topbar{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.teacher-dashboard-topbar .teacher-overview-header{margin:0;background:hsl(var(--elevated))}.teacher-dashboard-topbar .teacher-dashboard-tabs{margin:0}.teacher-overview{display:flex;min-width:0;flex-direction:column;gap:18px;padding-bottom:4px}.teacher-overview-header,.teacher-earnings-card,.teacher-overview-card{min-width:0;border:1px solid hsl(var(--border));border-radius:15px;background:hsl(var(--elevated))}.teacher-overview-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.teacher-greeting{display:flex;min-width:0;align-items:center;gap:14px}.teacher-avatar{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid hsl(var(--teacher-brand) / .18);border-radius:50%;background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong));font-size:15px;font-weight:600;object-fit:cover}.teacher-greeting h1{margin:0;font-family:var(--font-youtube);font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.3}.teacher-greeting-subline{display:flex;align-items:center;gap:7px;margin:5px 0 0;color:hsl(var(--muted-foreground));font-size:13px}.teacher-greeting-subline svg{flex:0 0 auto;color:hsl(var(--teacher-brand))}.teacher-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px}.teacher-icon-button,.teacher-primary-button,.teacher-secondary-upload{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.teacher-icon-button{width:40px;border:1px solid hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--muted-foreground));cursor:pointer}.teacher-icon-button-loading{width:auto;padding-inline:10px}.teacher-icon-button:hover:not(:disabled){border-color:hsl(var(--teacher-brand) / .4);color:hsl(var(--teacher-brand-strong))}.teacher-icon-button:disabled{cursor:wait;opacity:.65}.teacher-primary-button{padding:0 15px;border:1px solid hsl(var(--teacher-brand-strong));background:hsl(var(--teacher-brand-strong));color:hsl(var(--background))}.teacher-primary-button:hover{border-color:hsl(var(--teacher-brand) / .8);background:hsl(var(--teacher-brand) / .9);color:hsl(var(--background))}.teacher-earnings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.teacher-earnings-card{display:flex;min-height:154px;flex-direction:column;justify-content:space-between;gap:12px;padding:19px 21px}.teacher-earnings-main{border-color:hsl(var(--teacher-brand) / .2);background:linear-gradient(120deg,hsl(var(--teacher-brand-soft) / .62),hsl(var(--elevated)) 68%)}.teacher-eyebrow,.teacher-helper{margin:0;color:hsl(var(--muted-foreground));font-size:12px}.teacher-eyebrow{font-weight:600}.teacher-earnings-amount{margin:8px 0 0;color:hsl(var(--foreground));font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.teacher-helper{line-height:1.55}.teacher-date-pill{display:inline-flex;align-items:center;border:1px solid hsl(var(--teacher-brand) / .2);border-radius:999px;background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong));font-size:11px;font-weight:600;padding:5px 9px}.teacher-payout-amount{margin:8px 0 0;color:hsl(var(--foreground));font-size:18px;font-weight:600}.teacher-payout-amount span{color:hsl(var(--muted-foreground));font-size:12px;font-weight:400}.teacher-progress-track{height:8px;overflow:hidden;border-radius:999px;background:hsl(var(--border) / .7)}.teacher-progress-fill{height:100%;border-radius:inherit;background:hsl(var(--teacher-brand));transition:width .35s ease}.teacher-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.teacher-stat-card{min-width:0;padding:14px 15px;border:1px solid hsl(var(--border) / .8);border-radius:12px;background:hsl(var(--surface))}.teacher-stat-heading{display:flex;align-items:center;gap:7px;color:hsl(var(--muted-foreground));font-size:12px}.teacher-stat-heading svg{color:hsl(var(--teacher-brand))}.teacher-stat-value{overflow:hidden;margin:10px 0 3px;color:hsl(var(--foreground));font-size:22px;font-weight:600;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.teacher-stat-hint{overflow:hidden;margin:0;color:hsl(var(--muted-foreground));font-size:11px;text-overflow:ellipsis;white-space:nowrap}.teacher-overview-middle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.teacher-overview-card{padding:19px 20px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.teacher-overview-card:hover{transform:translateY(-1px);border-color:hsl(var(--foreground) / .2);box-shadow:0 4px 14px hsl(var(--foreground) / .045)}.teacher-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.teacher-section-heading h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.teacher-section-heading p{margin:4px 0 0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.45}.teacher-period-label,.teacher-progress-count{flex:0 0 auto;color:hsl(var(--muted-foreground));font-size:11px}.teacher-overview-chart{box-sizing:border-box;height:190px;padding:8px 0 0;border-bottom:1px solid hsl(var(--border))}.teacher-overview-chart__bars{display:grid;height:100%;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:12px}.teacher-overview-chart__column{display:grid;height:100%;min-width:0;grid-template-rows:minmax(0,1fr) 25px}.teacher-overview-chart__bar-area{position:relative;display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center}.teacher-overview-chart__value{position:absolute;top:0;z-index:1;color:hsl(var(--muted-foreground));font-size:10px}.teacher-overview-chart__bar{display:block;width:min(100%,30px);min-height:3px;max-height:100%!important;flex:none;border:0;border-radius:4px 4px 1px 1px;background:hsl(var(--teacher-brand));transform-origin:bottom;animation:teacher-bar-in .42s ease both}.teacher-overview-chart__column:nth-child(2) .teacher-overview-chart__bar{animation-delay:35ms}.teacher-overview-chart__column:nth-child(3) .teacher-overview-chart__bar{animation-delay:70ms}.teacher-overview-chart__column:nth-child(4) .teacher-overview-chart__bar{animation-delay:105ms}.teacher-overview-chart__column:nth-child(5) .teacher-overview-chart__bar{animation-delay:.14s}.teacher-overview-chart__column:nth-child(6) .teacher-overview-chart__bar{animation-delay:175ms}.teacher-overview-chart__column:nth-child(7) .teacher-overview-chart__bar{animation-delay:.21s}.teacher-overview-chart.is-empty .teacher-overview-chart__bar{border:1px dashed hsl(var(--teacher-brand) / .38);background:hsl(var(--teacher-brand-soft) / .35)}.teacher-overview-chart__day{align-self:start;padding-top:7px;text-align:center;color:hsl(var(--muted-foreground));font-size:10px}.teacher-chart-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;color:hsl(var(--muted-foreground));font-size:12px}.teacher-chart-total strong{color:hsl(var(--foreground));font-size:15px;font-weight:600}.teacher-chart-empty-copy{margin:10px 0 0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5}.teacher-progress-count{padding:5px 8px;border-radius:999px;background:hsl(var(--surface))}.teacher-checklist{display:flex;flex-direction:column;gap:8px}.teacher-checklist-row{display:flex;width:100%;min-width:0;align-items:center;gap:11px;padding:11px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--elevated));color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.teacher-checklist-row:hover{border-color:hsl(var(--teacher-brand) / .36);background:hsl(var(--surface))}.teacher-step-icon,.teacher-empty-icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid hsl(var(--border));border-radius:50%;color:hsl(var(--muted-foreground))}.teacher-empty-icon{width:38px;height:38px}.teacher-checklist-row.is-done .teacher-step-icon{border-color:hsl(var(--teacher-brand) / .25);background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong))}.teacher-step-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.teacher-step-copy strong{font-size:12px;font-weight:600}.teacher-step-copy>span{overflow:hidden;color:hsl(var(--muted-foreground));font-size:11px;text-overflow:ellipsis;white-space:nowrap}.teacher-step-chevron,.teacher-recent-chevron{flex:0 0 auto;color:hsl(var(--muted-foreground))}.teacher-status-list{display:flex;flex-direction:column;gap:8px}.teacher-status-list>div{display:flex;justify-content:space-between;padding:13px 12px;border:1px solid hsl(var(--border));border-radius:9px;color:hsl(var(--muted-foreground));font-size:12px}.teacher-status-list strong{color:hsl(var(--foreground));font-size:14px;font-weight:600}.teacher-text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:0;background:transparent;color:hsl(var(--teacher-brand-strong));font-size:12px;font-weight:600;cursor:pointer}.teacher-recent-list{display:flex;flex-direction:column}.teacher-recent-row{display:grid;min-width:0;grid-template-columns:58px minmax(120px,1fr) 92px 84px 118px 16px;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid hsl(var(--border) / .75);color:hsl(var(--foreground));text-decoration:none;transition:background-color .14s ease}.teacher-recent-row:hover{background:hsl(var(--surface))}.teacher-video-thumbnail{display:grid;width:58px;height:38px;place-items:center;overflow:hidden;border-radius:6px;background:hsl(var(--surface));color:hsl(var(--muted-foreground));object-fit:cover}.teacher-video-placeholder{border:1px solid hsl(var(--border))}.teacher-recent-title{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.teacher-video-status{width:fit-content;padding:4px 7px;border:1px solid hsl(var(--border));border-radius:999px;color:hsl(var(--muted-foreground));font-size:10px;white-space:nowrap}.teacher-video-status.published{border-color:hsl(var(--teacher-brand) / .22);background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong))}.teacher-video-views{display:flex;align-items:center;gap:5px;color:hsl(var(--muted-foreground));font-size:11px;white-space:nowrap}.teacher-video-date{color:hsl(var(--muted-foreground));font-size:11px;white-space:nowrap}.teacher-recent-empty{display:flex;min-width:0;align-items:center;gap:12px;padding:15px 0 3px}.teacher-empty-icon{border-radius:9px;background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong))}.teacher-recent-empty>div{min-width:0;flex:1}.teacher-recent-empty strong{font-size:13px;font-weight:600}.teacher-recent-empty p{margin:3px 0 0;color:hsl(var(--muted-foreground));font-size:11px}.teacher-secondary-upload{flex:0 0 auto;padding:0 11px;border:1px solid hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground));font-size:11px}.teacher-secondary-upload:hover{border-color:hsl(var(--teacher-brand) / .36);color:hsl(var(--teacher-brand-strong))}.teacher-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.teacher-quick-actions a,.teacher-quick-actions button{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--elevated));color:hsl(var(--muted-foreground));font-family:inherit;font-size:11px;text-decoration:none;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.teacher-quick-actions a:hover,.teacher-quick-actions button:hover{border-color:hsl(var(--teacher-brand) / .36);background:hsl(var(--surface));color:hsl(var(--foreground))}.teacher-inline-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid hsl(var(--destructive) / .24);border-radius:10px;background:hsl(var(--destructive) / .045);color:hsl(var(--foreground));font-size:12px}.teacher-inline-error p{margin:0}.teacher-inline-error button{border:0;background:none;color:hsl(var(--teacher-brand-strong));font:inherit;font-weight:600;cursor:pointer}.teacher-skeleton{min-width:0;border-radius:10px;background:linear-gradient(90deg,hsl(var(--surface)),hsl(var(--border) / .6),hsl(var(--surface)));background-size:200% 100%;animation:teacher-skeleton-pulse 1.4s ease infinite}.teacher-dashboard .teacher-dashboard-tabs{display:flex;width:100%;max-width:100%;gap:22px;margin:0 0 18px;padding:0;overflow-x:auto;border:0;border-bottom:1px solid hsl(var(--border));border-radius:0;background:transparent;box-shadow:none;scrollbar-width:none}.teacher-dashboard .teacher-dashboard-tabs button{min-height:42px;flex:0 0 auto;gap:7px;padding:0 2px 1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;color:hsl(var(--muted-foreground));font-size:12px;font-weight:400;box-shadow:none}.teacher-dashboard .teacher-dashboard-tabs button:hover:not([aria-selected=true]){color:hsl(var(--foreground))}.teacher-dashboard .teacher-dashboard-tabs button[aria-selected=true]{border-bottom-color:hsl(var(--teacher-brand));color:hsl(var(--teacher-brand-strong));font-weight:600}.teacher-dashboard .teacher-overview .teacher-earnings-card{border-color:hsl(var(--border));border-radius:15px;background:hsl(var(--elevated))}.teacher-dashboard .teacher-overview .teacher-earnings-main{border-color:hsl(var(--teacher-brand) / .2);background:linear-gradient(120deg,hsl(var(--teacher-brand-soft) / .62),hsl(var(--elevated)) 68%)}.teacher-dashboard .teacher-overview .teacher-stat-card{min-height:0;padding:14px 15px;overflow:visible;border-color:hsl(var(--border) / .8);border-radius:12px;background:hsl(var(--surface));box-shadow:none;transform:none}.teacher-dashboard .teacher-overview .teacher-stat-card:before{display:none}.teacher-dashboard .teacher-overview .teacher-stat-card:hover{border-color:hsl(var(--border));box-shadow:none;transform:none}.teacher-dashboard .teacher-overview .teacher-status-card{border-radius:15px}.teacher-tab-panel{display:flex;min-width:0;flex-direction:column;gap:16px;animation:teacher-panel-in .18s ease both}.teacher-tab-panel>.card,.teacher-tab-panel>.teacher-payment-card{border:1px solid hsl(var(--border));border-radius:15px;background:hsl(var(--elevated));box-shadow:none}.teacher-tab-panel h2,.teacher-tab-panel h3{color:hsl(var(--foreground));font-size:15px;font-weight:600;letter-spacing:-.015em}.teacher-content-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.teacher-content-panel>div:first-child h2{margin:0;font-size:18px}.teacher-content-panel>div:first-child a{min-height:36px;padding:0 11px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--elevated));color:hsl(var(--foreground));font-size:12px;box-shadow:none}.teacher-content-panel>div:first-child a:hover{border-color:hsl(var(--teacher-brand) / .38);color:hsl(var(--teacher-brand-strong))}.teacher-content-panel>.card.p-12{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:solid;background:hsl(var(--elevated))}.teacher-content-panel>.card.p-12 .icon-liquid{display:grid;width:42px;height:42px;place-items:center;border:1px solid hsl(var(--teacher-brand) / .18);border-radius:12px;background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong))}.teacher-content-panel>.card.p-12 a{border-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground))}.teacher-analytics-panel>.card,.teacher-revenue-panel>.card,.teacher-revenue-panel>div>.card{padding:20px}.teacher-analytics-panel .teacher-analytics-stat{border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--surface))}.teacher-analytics-panel .teacher-analytics-stat svg{color:hsl(var(--teacher-brand-strong))}.teacher-analytics-panel .teacher-ranking-row{border-color:hsl(var(--border));border-radius:10px;background:hsl(var(--surface))}.teacher-analytics-panel .teacher-ranking-row:hover{border-color:hsl(var(--teacher-brand) / .32);background:hsl(var(--surface));transform:none}.teacher-analytics-panel .teacher-ranking-number{border:1px solid hsl(var(--border));background:hsl(var(--elevated))!important;color:hsl(var(--foreground))!important}.teacher-analytics-panel .progress-liquid-fill,.teacher-revenue-panel .progress-liquid-fill{background:hsl(var(--teacher-brand))}.teacher-revenue-panel .teacher-earnings-card{border-color:hsl(var(--teacher-brand) / .22);background:linear-gradient(120deg,hsl(var(--teacher-brand-soft) / .6),hsl(var(--elevated)) 70%);box-shadow:none}.teacher-revenue-panel .text-\[hsl\(var\(--success\)\)\]{color:hsl(var(--teacher-brand-strong))}.teacher-revenue-panel .teacher-signal-card{border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--surface))}.teacher-revenue-panel .badge-liquid{border-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--muted-foreground))}.teacher-revenue-panel .badge-liquid-danger{border-color:hsl(var(--destructive) / .25);color:hsl(var(--destructive))}.teacher-revenue-panel .teacher-signal-card .badge-liquid{border-color:hsl(var(--border));background:hsl(var(--elevated))}.teacher-payment-card{min-height:280px;align-items:center;justify-content:center;padding:32px}.teacher-payment-card>.icon-liquid{display:grid;width:48px;height:48px;place-items:center;border:1px solid hsl(var(--teacher-brand) / .18);border-radius:14px;background:hsl(var(--teacher-brand-soft));color:hsl(var(--teacher-brand-strong))}.teacher-payment-card>a{min-height:38px;padding:0 12px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--elevated));color:hsl(var(--foreground));font-size:12px}.teacher-payment-card>a:hover{border-color:hsl(var(--teacher-brand) / .38);color:hsl(var(--teacher-brand-strong))}.teacher-dashboard button:focus-visible,.teacher-dashboard a:focus-visible{outline:2px solid hsl(var(--teacher-brand));outline-offset:3px}@keyframes teacher-bar-in{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes teacher-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes teacher-panel-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.teacher-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){.teacher-overview{gap:13px}.teacher-overview-header{align-items:flex-start;flex-direction:column;gap:16px;padding:17px}.teacher-dashboard-topbar{gap:10px;margin-bottom:13px}.teacher-dashboard-topbar .teacher-overview-header{align-items:flex-start;flex-direction:column;gap:16px;padding:17px}.teacher-greeting h1{font-size:21px}.teacher-greeting-subline{align-items:flex-start;font-size:11px}.teacher-dashboard-topbar .teacher-header-actions{width:100%}.teacher-dashboard-topbar .teacher-primary-button{flex:1}.teacher-header-actions{width:100%;justify-content:flex-end}.teacher-earnings-grid,.teacher-overview-middle{grid-template-columns:minmax(0,1fr);gap:11px}.teacher-earnings-card,.teacher-overview-card{padding:16px}.teacher-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.teacher-stat-card,.teacher-dashboard .teacher-overview .teacher-stat-card{padding:12px}.teacher-stat-value{font-size:21px}.teacher-overview-chart{height:150px}.teacher-dashboard .teacher-dashboard-tabs{gap:18px;margin-bottom:13px}.teacher-recent-row{grid-template-columns:52px minmax(0,1fr) auto 16px;gap:9px}.teacher-video-thumbnail{width:52px;height:35px}.teacher-video-status{grid-column:3}.teacher-video-views,.teacher-video-date{display:none}.teacher-recent-row .teacher-recent-chevron{grid-column:4}.teacher-recent-empty{align-items:flex-start;flex-wrap:wrap}.teacher-recent-empty>div{width:calc(100% - 48px)}.teacher-secondary-upload{margin-left:42px}}@media(prefers-reduced-motion:reduce){.teacher-dashboard .teacher-overview-chart__bar,.teacher-dashboard .teacher-skeleton,.teacher-dashboard .teacher-tab-panel{animation:none}.teacher-dashboard .teacher-progress-fill,.teacher-dashboard .teacher-overview-card,.teacher-dashboard .teacher-icon-button,.teacher-dashboard .teacher-primary-button,.teacher-dashboard .teacher-quick-actions a,.teacher-dashboard .teacher-quick-actions button{transition:none}.teacher-dashboard .teacher-overview-card:hover{transform:none}}.teacher-dashboard .teacher-overview-middle{align-items:start}.teacher-dashboard .teacher-weekly-card,.teacher-dashboard .teacher-checklist-card,.teacher-dashboard .teacher-recent-card{min-height:0}.teacher-dashboard .teacher-overview .teacher-earnings-main{border-color:hsl(var(--foreground));background:hsl(var(--foreground));color:hsl(var(--background))}.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-eyebrow,.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-helper{color:hsl(var(--background) / .72)}.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-earnings-amount{color:hsl(var(--background))}.teacher-dashboard .teacher-overview-chart__bars{align-items:stretch}.teacher-dashboard .teacher-overview-chart__column{align-self:stretch;min-height:0}.teacher-dashboard .teacher-overview-chart__bar-area{min-height:0;align-self:stretch}.teacher-dashboard .teacher-overview-chart__bar{background:hsl(var(--foreground))}.teacher-dashboard .teacher-overview-chart.is-empty .teacher-overview-chart__bar{border-color:hsl(var(--foreground) / .35);background:hsl(var(--surface))}.teacher-dashboard .teacher-recent-empty{display:grid;min-height:74px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;padding:14px 0 0}.teacher-dashboard .teacher-recent-empty>div{width:auto;min-width:0}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload{margin:0}.teacher-dashboard .teacher-checklist-row:hover,.teacher-dashboard .teacher-quick-actions a:hover,.teacher-dashboard .teacher-quick-actions button:hover{border-color:hsl(var(--foreground) / .3)}@media(max-width:639px){.teacher-dashboard .teacher-recent-empty{grid-template-columns:38px minmax(0,1fr)}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload{grid-column:2;justify-self:start}}.teacher-dashboard{--teacher-brand: 166 62% 35%;--teacher-brand-strong: 169 68% 24%;--teacher-brand-soft: 160 45% 94%;--teacher-accent: hsl(166 62% 35%);--teacher-mint: hsl(160 62% 38%);--teacher-sky: hsl(211 75% 55%);--teacher-lilac: hsl(255 60% 63%);--teacher-coral: hsl(338 68% 58%);--teacher-gold: hsl(36 83% 48%);--teacher-mint-soft: hsl(155 48% 95%);--teacher-sky-soft: hsl(210 70% 96%);--teacher-lilac-soft: hsl(252 65% 97%);--teacher-coral-soft: hsl(338 70% 97%);--teacher-gold-soft: hsl(42 80% 95%);max-width:1480px;padding:18px clamp(16px,2.4vw,36px) 36px}.dark .teacher-dashboard{--teacher-brand: 163 66% 56%;--teacher-brand-strong: 162 65% 72%;--teacher-brand-soft: 165 32% 16%;--teacher-mint-soft: hsl(160 34% 15%);--teacher-sky-soft: hsl(211 34% 16%);--teacher-lilac-soft: hsl(255 30% 17%);--teacher-coral-soft: hsl(338 34% 17%);--teacher-gold-soft: hsl(36 36% 16%)}.teacher-dashboard .teacher-dashboard-topbar{gap:16px;margin-bottom:24px}.teacher-dashboard .teacher-dashboard-topbar .teacher-overview-header{position:relative;isolation:isolate;min-height:122px;padding:25px clamp(20px,3vw,34px);overflow:hidden;border:1px solid hsl(165 38% 30% / .18);border-radius:22px;background:radial-gradient(ellipse at 86% 12%,hsl(164 75% 68% / .2),transparent 25%),radial-gradient(ellipse at 74% 115%,hsl(191 72% 54% / .2),transparent 35%),linear-gradient(118deg,#183e3d,#225d52 58%,#225059);box-shadow:0 16px 34px rgba(29,73,66,.14)}.teacher-dashboard .teacher-dashboard-topbar .teacher-overview-header:before{position:absolute;z-index:-1;right:12%;bottom:-132px;width:280px;height:280px;border:1px solid hsl(0 0% 100% / .1);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,.024),0 0 0 54px rgba(255,255,255,.02);content:"";pointer-events:none}.teacher-dashboard .teacher-dashboard-topbar .teacher-overview-header:after{position:absolute;z-index:-1;top:16px;right:24px;width:116px;height:78px;background-image:radial-gradient(hsl(0 0% 100% / .28) 1px,transparent 1px);background-size:13px 13px;content:"";-webkit-mask-image:linear-gradient(135deg,black,transparent 78%);mask-image:linear-gradient(135deg,black,transparent 78%);pointer-events:none}.teacher-dashboard .teacher-greeting{gap:16px}.teacher-dashboard .teacher-avatar{width:54px;height:54px;border:2px solid hsl(0 0% 100% / .38);background:rgba(255,255,255,.14);color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.18)}.teacher-dashboard .teacher-greeting h1{color:#fff;font-size:clamp(24px,3vw,31px);font-weight:650;letter-spacing:-.045em}.teacher-dashboard .teacher-greeting-subline{color:rgba(255,255,255,.78)}.teacher-dashboard .teacher-greeting-subline svg{color:#80efca}.teacher-dashboard .teacher-icon-button{width:42px;height:42px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.teacher-dashboard .teacher-icon-button:hover:not(:disabled){border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.18);color:#fff}.teacher-dashboard .teacher-primary-button{min-height:42px;padding-inline:16px;border-color:#fff;border-radius:11px;background:#fff;color:#146758;box-shadow:0 5px 14px rgba(0,0,0,.13)}.teacher-dashboard .teacher-primary-button:hover{border-color:#e8f7f2;background:#e8f7f2;color:#146758}.teacher-dashboard .teacher-dashboard-tabs{width:fit-content;max-width:100%;gap:4px;margin:0;padding:5px;overflow-x:auto;border:1px solid hsl(var(--border) / .8);border-radius:14px;background:hsl(var(--elevated) / .94);box-shadow:0 5px 18px hsl(var(--foreground) / .045);scrollbar-width:none}.teacher-dashboard .teacher-dashboard-tabs::-webkit-scrollbar{display:none}.teacher-dashboard .teacher-dashboard-tabs button{min-height:39px;gap:8px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent!important;color:hsl(var(--muted-foreground));font-size:12px;font-weight:550;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.teacher-dashboard .teacher-dashboard-tabs button:hover:not([aria-selected=true]){background:hsl(var(--teacher-brand) / .07)!important;color:hsl(var(--teacher-brand-strong))}.teacher-dashboard .teacher-dashboard-tabs button[aria-selected=true]{border-color:hsl(var(--teacher-brand) / .15);background:hsl(var(--teacher-brand) / .1)!important;color:hsl(var(--teacher-brand-strong));box-shadow:inset 0 0 0 1px hsl(var(--teacher-brand) / .025)}.teacher-dashboard .teacher-dashboard-tabs button:focus-visible,.teacher-dashboard .teacher-icon-button:focus-visible,.teacher-dashboard .teacher-primary-button:focus-visible{outline:3px solid hsl(160 75% 54% / .55);outline-offset:3px}.teacher-dashboard .teacher-overview{gap:16px}.teacher-dashboard .teacher-overview .teacher-earnings-card,.teacher-dashboard .teacher-overview-card,.teacher-dashboard .teacher-tab-panel>.card,.teacher-dashboard .teacher-tab-panel>div>.card,.teacher-dashboard .teacher-tab-panel>.teacher-payment-card{border:1px solid hsl(var(--border) / .82);border-radius:18px;background:hsl(var(--elevated));box-shadow:0 5px 20px hsl(var(--foreground) / .045)}.teacher-dashboard .teacher-overview .teacher-earnings-main{position:relative;overflow:hidden;border-color:#246b57;background:radial-gradient(circle at 88% 16%,hsl(160 69% 65% / .2),transparent 28%),linear-gradient(120deg,#194844,#246558 65%,#26575e);box-shadow:0 12px 25px rgba(28,74,66,.16)}.teacher-dashboard .teacher-overview .teacher-earnings-main:after{position:absolute;right:28px;bottom:-76px;width:176px;height:176px;border:1px solid hsl(0 0% 100% / .12);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.035);content:"";pointer-events:none}.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-eyebrow,.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-helper{color:rgba(255,255,255,.76)}.teacher-dashboard .teacher-overview .teacher-earnings-main .teacher-earnings-amount{color:#fff;font-size:clamp(34px,4vw,43px);font-weight:700}.teacher-dashboard .teacher-overview .teacher-earnings-card:not(.teacher-earnings-main){background:radial-gradient(circle at 100% 0%,hsl(var(--teacher-brand) / .055),transparent 42%),hsl(var(--elevated))}.teacher-dashboard .teacher-progress-track{height:9px;background:hsl(var(--teacher-brand) / .12)}.teacher-dashboard .teacher-progress-fill{background:linear-gradient(90deg,hsl(var(--teacher-brand)),#30c07f)}.teacher-dashboard .teacher-stats-grid{gap:12px}.teacher-dashboard .teacher-overview .teacher-stat-card{position:relative;min-height:124px;padding:17px;overflow:hidden;border:1px solid color-mix(in srgb,var(--stat-accent) 18%,hsl(var(--border)));border-radius:16px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--stat-accent) 9%,transparent),transparent 46%),hsl(var(--elevated));box-shadow:0 4px 14px hsl(var(--foreground) / .025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.teacher-dashboard .teacher-overview .teacher-stat-card:nth-child(1){--stat-accent: var(--teacher-mint)}.teacher-dashboard .teacher-overview .teacher-stat-card:nth-child(2){--stat-accent: var(--teacher-sky)}.teacher-dashboard .teacher-overview .teacher-stat-card:nth-child(3){--stat-accent: var(--teacher-lilac)}.teacher-dashboard .teacher-overview .teacher-stat-card:nth-child(4){--stat-accent: var(--teacher-coral)}.teacher-dashboard .teacher-overview .teacher-stat-card:nth-child(5){--stat-accent: var(--teacher-gold)}.teacher-dashboard .teacher-overview .teacher-stat-card:before{display:block;right:16px;left:16px;height:3px;background:var(--stat-accent);opacity:.76}.teacher-dashboard .teacher-overview .teacher-stat-card:hover{border-color:color-mix(in srgb,var(--stat-accent) 40%,hsl(var(--border)));box-shadow:0 9px 22px color-mix(in srgb,var(--stat-accent) 12%,transparent);transform:translateY(-2px)}.teacher-dashboard .teacher-stat-heading svg{color:var(--stat-accent)}.teacher-dashboard .teacher-stat-value{font-size:25px;font-weight:700}.teacher-dashboard .teacher-overview-card{padding:21px}.teacher-dashboard .teacher-overview-card:hover{border-color:hsl(var(--teacher-brand) / .2);box-shadow:0 9px 22px hsl(var(--foreground) / .065);transform:translateY(-2px)}.teacher-dashboard .teacher-section-heading h2{font-size:16px;font-weight:650;letter-spacing:-.025em}.teacher-dashboard .teacher-section-heading p{font-size:12px}.teacher-dashboard .teacher-overview-chart{border-bottom-color:hsl(var(--border) / .75)}.teacher-dashboard .teacher-overview-chart__bar{border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#31bf81,hsl(var(--teacher-brand)));box-shadow:0 3px 9px hsl(var(--teacher-brand) / .18)}.teacher-dashboard .teacher-overview-chart__value{color:hsl(var(--teacher-brand-strong));font-weight:650}.teacher-dashboard .teacher-checklist-row{min-height:60px;border-color:hsl(var(--border) / .82);border-radius:12px;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.teacher-dashboard .teacher-checklist-row:hover{border-color:hsl(var(--teacher-brand) / .3);background:hsl(var(--teacher-brand) / .035);transform:translate(2px)}.teacher-dashboard .teacher-step-icon{border-color:hsl(var(--teacher-brand) / .15);background:hsl(var(--teacher-brand) / .07);color:hsl(var(--teacher-brand-strong))}.teacher-dashboard .teacher-step-copy strong{font-size:12px}.teacher-dashboard .teacher-recent-row{min-height:65px;border-color:hsl(var(--border) / .7);border-radius:12px;transition:background-color .16s ease,border-color .16s ease}.teacher-dashboard .teacher-recent-row:hover{border-color:hsl(var(--teacher-brand) / .2);background:hsl(var(--teacher-brand) / .035)}.teacher-dashboard .teacher-video-thumbnail{border-radius:9px}.teacher-dashboard .teacher-video-status.published{border-color:#b3e5cd;background:#ebf9f2;color:#19764c}.teacher-dashboard .teacher-video-status.processing{border-color:#f0d7a8;background:#fcf6e8;color:#955b0f}.teacher-dashboard .teacher-video-status.failed{border-color:#f3c4c4;background:#fdf1f1;color:#9d2525}.teacher-dashboard .teacher-quick-actions{gap:9px;padding-top:2px}.teacher-dashboard .teacher-quick-actions a,.teacher-dashboard .teacher-quick-actions button{min-height:37px;padding-inline:13px;border-radius:10px;background:hsl(var(--elevated));font-size:12px;cursor:pointer}.teacher-dashboard .teacher-quick-actions a:hover,.teacher-dashboard .teacher-quick-actions button:hover{border-color:hsl(var(--teacher-brand) / .28);background:hsl(var(--teacher-brand) / .06);color:hsl(var(--teacher-brand-strong))}.teacher-dashboard .teacher-tab-panel{gap:18px}.teacher-dashboard .teacher-tab-panel>.card,.teacher-dashboard .teacher-tab-panel>div>.card{padding:clamp(18px,2vw,25px)}.teacher-dashboard .teacher-tab-panel h2{font-size:17px;font-weight:650;letter-spacing:-.025em}.teacher-dashboard .teacher-content-panel>div:first-child{min-height:54px;padding:0 2px}.teacher-dashboard .teacher-content-panel>div:first-child h2{font-size:21px;font-weight:700;letter-spacing:-.035em}.teacher-dashboard .teacher-content-panel>div:first-child a{min-height:42px;gap:8px;padding-inline:15px;border-color:hsl(var(--teacher-brand));border-radius:11px;background:hsl(var(--teacher-brand));color:#fff;font-weight:600;box-shadow:0 5px 12px hsl(var(--teacher-brand) / .18)}.teacher-dashboard .teacher-content-panel>div:first-child a:hover{border-color:hsl(var(--teacher-brand-strong));background:hsl(var(--teacher-brand-strong));color:#fff}.teacher-dashboard .teacher-content-panel .video-card{min-width:0;padding:11px;border:1px solid hsl(var(--border) / .8);border-radius:17px;background:hsl(var(--elevated));box-shadow:0 5px 16px hsl(var(--foreground) / .045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.teacher-dashboard .teacher-content-panel .video-card:hover{border-color:hsl(var(--teacher-brand) / .26);box-shadow:0 12px 25px hsl(var(--foreground) / .09);transform:translateY(-3px)}.teacher-dashboard .teacher-content-panel>.card.p-12{border-radius:20px;box-shadow:0 8px 26px hsl(var(--foreground) / .04)}.teacher-dashboard .teacher-content-panel>.card.p-12 h3{font-size:19px}.teacher-dashboard .teacher-content-panel>.card.p-12 a{min-height:42px;border-color:hsl(var(--teacher-brand));border-radius:11px;background:hsl(var(--teacher-brand));color:#fff}.teacher-dashboard .teacher-analytics-panel .teacher-analytics-stat{min-height:112px;padding:18px;border-color:hsl(var(--border) / .85);border-radius:15px;background:radial-gradient(circle at 100% 0%,hsl(var(--teacher-brand) / .055),transparent 48%),hsl(var(--surface))}.teacher-dashboard .teacher-analytics-panel .teacher-analytics-stat>div:last-child{margin-top:8px;font-size:27px}.teacher-dashboard .teacher-analytics-panel .teacher-analytics-stat svg{color:hsl(var(--teacher-brand))}.teacher-dashboard .teacher-analytics-panel .teacher-ranking-row{min-height:68px;border-color:hsl(var(--border) / .82);border-radius:12px}.teacher-dashboard .teacher-analytics-panel .teacher-ranking-row:hover{border-color:hsl(var(--teacher-brand) / .24);background:hsl(var(--teacher-brand) / .035);transform:translate(2px)}.teacher-dashboard .teacher-analytics-panel .teacher-ranking-number{border-color:hsl(var(--teacher-brand) / .14);background:hsl(var(--teacher-brand) / .07)!important;color:hsl(var(--teacher-brand-strong))!important}.teacher-dashboard .teacher-analytics-panel .progress-liquid-fill,.teacher-dashboard .teacher-revenue-panel .progress-liquid-fill{background:linear-gradient(90deg,hsl(var(--teacher-brand)),#30c07f)}.teacher-dashboard .teacher-revenue-panel>div.relative>.teacher-earnings-card{min-height:230px;padding:clamp(22px,3vw,34px);border-color:#246b57;border-radius:20px;background:radial-gradient(ellipse at 88% 5%,hsl(160 69% 65% / .2),transparent 32%),linear-gradient(120deg,#194844,#246558 65%,#26575e);box-shadow:0 12px 25px rgba(28,74,66,.14)}.teacher-dashboard .teacher-revenue-panel>div.relative>.teacher-earnings-card h2,.teacher-dashboard .teacher-revenue-panel>div.relative>.teacher-earnings-card .text-5xl,.teacher-dashboard .teacher-revenue-panel>div.relative>.teacher-earnings-card .icon-liquid{color:#fff}.teacher-dashboard .teacher-revenue-panel>div.relative>.teacher-earnings-card p:not(.text-5xl){color:rgba(255,255,255,.76)}.teacher-dashboard .teacher-revenue-panel .teacher-signal-card{min-height:122px;padding:17px;border-color:color-mix(in srgb,var(--signal-accent, var(--teacher-mint)) 20%,hsl(var(--border)));border-radius:15px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--signal-accent, var(--teacher-mint)) 8%,transparent),transparent 46%),hsl(var(--elevated))}.teacher-dashboard .teacher-revenue-panel .teacher-payment-card{min-height:320px;border-radius:20px;background:radial-gradient(circle at 50% 0%,hsl(var(--teacher-brand) / .085),transparent 48%),hsl(var(--elevated))}.teacher-dashboard .teacher-payment-card h2{font-size:21px}.teacher-dashboard .teacher-payment-card>a{min-height:42px;padding-inline:16px;border-color:hsl(var(--teacher-brand));border-radius:11px;background:hsl(var(--teacher-brand));color:#fff;font-size:13px;font-weight:600}.teacher-dashboard .teacher-payment-card>a:hover{border-color:hsl(var(--teacher-brand-strong));background:hsl(var(--teacher-brand-strong));color:#fff}.dark .teacher-dashboard .teacher-dashboard-tabs{border-color:hsl(var(--border) / .75);background:hsl(var(--elevated) / .96)}.dark .teacher-dashboard .teacher-dashboard-tabs button[aria-selected=true]{background:hsl(var(--teacher-brand) / .14)!important}.dark .teacher-dashboard .teacher-video-status.published{border-color:#2c6348;background:#183a29;color:#90dfb9}.dark .teacher-dashboard .teacher-video-status.processing{border-color:#69532b;background:#403217;color:#edd291}.dark .teacher-dashboard .teacher-video-status.failed{border-color:#742f2f;background:#3e1919;color:#ea9e9e}@media(max-width:767px){.teacher-dashboard{padding:12px 14px 28px}.teacher-dashboard .teacher-dashboard-topbar{gap:12px;margin-bottom:16px}.teacher-dashboard .teacher-dashboard-topbar .teacher-overview-header{min-height:0;padding:20px;border-radius:18px}.teacher-dashboard .teacher-dashboard-tabs{width:100%;gap:3px}.teacher-dashboard .teacher-dashboard-tabs button{min-height:38px;gap:6px;padding-inline:10px;font-size:11px}.teacher-dashboard .teacher-overview,.teacher-dashboard .teacher-tab-panel{gap:13px}.teacher-dashboard .teacher-stats-grid{gap:9px}.teacher-dashboard .teacher-overview .teacher-stat-card{min-height:112px;padding:13px}.teacher-dashboard .teacher-stat-value{font-size:22px}.teacher-dashboard .teacher-overview-card{padding:17px}.teacher-dashboard .teacher-content-panel>div:first-child h2{font-size:19px}}@media(max-width:420px){.teacher-dashboard .teacher-greeting{gap:12px}.teacher-dashboard .teacher-avatar{width:46px;height:46px}.teacher-dashboard .teacher-dashboard-topbar .teacher-overview-header{padding:17px}.teacher-dashboard .teacher-dashboard-tabs button{gap:5px;padding-inline:8px;font-size:10px}.teacher-dashboard .teacher-dashboard-tabs button svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.teacher-dashboard *,.teacher-dashboard *:before,.teacher-dashboard *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.teacher-dashboard .teacher-overview-middle{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:16px}.teacher-dashboard .teacher-weekly-card{position:relative;padding:clamp(20px,2.2vw,27px);overflow:hidden;border-color:hsl(var(--teacher-brand) / .16);background:radial-gradient(ellipse at 92% 0%,hsl(var(--teacher-brand) / .09),transparent 38%),hsl(var(--elevated));box-shadow:0 9px 26px hsl(var(--teacher-brand) / .055),0 3px 10px hsl(var(--foreground) / .025)}.teacher-dashboard .teacher-weekly-card .teacher-section-heading{align-items:center;margin-bottom:14px}.teacher-dashboard .teacher-weekly-card .teacher-section-heading h2{font-size:18px;letter-spacing:-.035em}.teacher-dashboard .teacher-activity-toggle{display:inline-flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid hsl(var(--border) / .85);border-radius:12px;background:hsl(var(--surface));box-shadow:inset 0 1px 2px hsl(var(--foreground) / .035)}.teacher-dashboard .teacher-activity-toggle button{min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:hsl(var(--muted-foreground));font:inherit;font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.teacher-dashboard .teacher-activity-toggle button:hover:not([aria-pressed=true]){color:hsl(var(--foreground))}.teacher-dashboard .teacher-activity-toggle button[aria-pressed=true]{border-color:hsl(var(--foreground) / .85);background:hsl(var(--foreground));color:hsl(var(--background));box-shadow:0 2px 5px hsl(var(--foreground) / .16)}.teacher-dashboard .teacher-overview-chart{position:relative;height:224px;padding:16px 12px 0;overflow:hidden;border:1px solid hsl(var(--border) / .58);border-bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(180deg,hsl(var(--teacher-brand) / .028),transparent 76%),hsl(var(--elevated));background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),hsl(var(--border) / .62) calc(25% - 1px),hsl(var(--border) / .62) 25%),linear-gradient(180deg,hsl(var(--teacher-brand) / .035),transparent 76%)}.teacher-dashboard .teacher-overview-chart__bars{position:relative;column-gap:clamp(8px,2vw,22px);height:100%}.teacher-dashboard .teacher-overview-chart__column{grid-template-rows:minmax(0,1fr) 30px}.teacher-dashboard .teacher-overview-chart__bar-area{isolation:isolate}.teacher-dashboard .teacher-overview-chart__bar-area:before{position:absolute;z-index:-1;bottom:0;width:min(100%,34px);height:100%;border-radius:9px 9px 3px 3px;background:hsl(var(--teacher-brand) / .045);content:""}.teacher-dashboard .teacher-overview-chart__bar{width:min(100%,34px);border:1px solid hsl(160 66% 38% / .14);border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#33d18d,hsl(var(--teacher-brand)) 88%);box-shadow:0 5px 13px hsl(var(--teacher-brand) / .2),inset 0 1px rgba(255,255,255,.35);transition:filter .18s ease,box-shadow .18s ease}.teacher-dashboard .teacher-overview-chart__column:hover .teacher-overview-chart__bar{filter:saturate(1.14) brightness(1.04);box-shadow:0 7px 17px hsl(var(--teacher-brand) / .28),inset 0 1px rgba(255,255,255,.4)}.teacher-dashboard .teacher-overview-chart__column:last-child .teacher-overview-chart__bar{border-color:rgba(46,158,106,.3);background:linear-gradient(180deg,#4ddb96,#26a172 88%);box-shadow:0 6px 16px rgba(41,163,112,.26),inset 0 1px rgba(255,255,255,.42)}.teacher-dashboard .teacher-overview-chart__value{top:auto;z-index:2;padding:3px 5px;border:1px solid hsl(var(--border) / .65);border-radius:6px;background:hsl(var(--elevated) / .94);color:hsl(var(--foreground));font-size:10px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:0 2px 6px hsl(var(--foreground) / .06)}.teacher-dashboard .teacher-overview-chart__day{padding-top:9px;color:hsl(var(--muted-foreground));font-size:10px;font-weight:550}.teacher-dashboard .teacher-overview-chart.is-empty{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),hsl(var(--border) / .62) calc(25% - 1px),hsl(var(--border) / .62) 25%),linear-gradient(180deg,hsl(var(--surface)),hsl(var(--elevated)))}.teacher-dashboard .teacher-overview-chart.is-empty .teacher-overview-chart__bar-area:before{background:hsl(var(--teacher-brand) / .025)}.teacher-dashboard .teacher-overview-chart.is-empty .teacher-overview-chart__bar{border:1px dashed hsl(var(--teacher-brand) / .2);background:hsl(var(--teacher-brand) / .07);box-shadow:none}.teacher-dashboard .teacher-chart-total{min-height:52px;margin-top:0;padding:11px 14px;border:1px solid hsl(var(--teacher-brand) / .13);border-top:0;border-radius:0 0 13px 13px;background:hsl(var(--teacher-brand) / .055)}.teacher-dashboard .teacher-chart-total>span{display:inline-flex;align-items:center;gap:8px}.teacher-dashboard .teacher-chart-total>span svg{color:hsl(var(--teacher-brand))}.teacher-dashboard .teacher-chart-total strong{color:hsl(var(--teacher-brand-strong));font-family:var(--font-youtube);font-size:18px;font-weight:700;letter-spacing:-.035em}.teacher-dashboard .teacher-chart-empty-copy{margin:0;padding:13px 14px;border:1px solid hsl(var(--teacher-brand) / .13);border-top:0;border-radius:0 0 13px 13px;background:hsl(var(--teacher-brand) / .045);line-height:1.5}.teacher-dashboard .teacher-checklist-card{align-self:stretch;border-color:hsl(var(--teacher-brand) / .14);background:radial-gradient(ellipse at 100% 0%,hsl(var(--teacher-brand) / .065),transparent 45%),hsl(var(--elevated))}.teacher-dashboard .teacher-checklist-card .teacher-section-heading{align-items:center;margin-bottom:12px}.teacher-dashboard .teacher-checklist-card .teacher-progress-count{padding:7px 10px;border:1px solid hsl(var(--teacher-brand) / .15);background:hsl(var(--teacher-brand) / .07);color:hsl(var(--teacher-brand-strong));font-size:10px;font-weight:650}.teacher-dashboard .teacher-checklist-progress{height:6px;margin:0 0 15px;overflow:hidden;border-radius:999px;background:hsl(var(--teacher-brand) / .1)}.teacher-dashboard .teacher-checklist-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--teacher-brand)),#30c07f);box-shadow:0 0 10px hsl(var(--teacher-brand) / .22);transition:width .26s ease}.teacher-dashboard .teacher-checklist{gap:9px}.teacher-dashboard .teacher-checklist-row{min-height:66px;gap:12px;padding:12px;border-color:hsl(var(--border) / .75);border-radius:13px;background:hsl(var(--elevated) / .88);box-shadow:0 2px 8px hsl(var(--foreground) / .025)}.teacher-dashboard .teacher-checklist-row:hover{border-color:hsl(var(--teacher-brand) / .28);background:hsl(var(--teacher-brand) / .035);box-shadow:0 4px 11px hsl(var(--teacher-brand) / .07);transform:translateY(-1px)}.teacher-dashboard .teacher-step-icon{width:34px;height:34px;border-color:hsl(var(--teacher-brand) / .16);border-radius:11px;background:hsl(var(--teacher-brand) / .065);color:hsl(var(--teacher-brand-strong))}.teacher-dashboard .teacher-checklist-row.is-done{border-color:hsl(var(--teacher-brand) / .16);background:hsl(var(--teacher-brand) / .035)}.teacher-dashboard .teacher-checklist-row.is-done .teacher-step-icon{border-color:hsl(var(--teacher-brand) / .2);border-radius:50%;background:hsl(var(--teacher-brand) / .12);color:hsl(var(--teacher-brand-strong))}.teacher-dashboard .teacher-step-copy strong{font-size:12px;font-weight:650}.teacher-dashboard .teacher-step-copy>span{font-size:11px}.teacher-dashboard .teacher-step-chevron{color:hsl(var(--teacher-brand) / .68);transition:transform .16s ease,color .16s ease}.teacher-dashboard .teacher-checklist-row:hover .teacher-step-chevron{color:hsl(var(--teacher-brand-strong));transform:translate(2px)}.teacher-dashboard .teacher-recent-card{padding:clamp(20px,2.2vw,27px);border-color:hsl(var(--border) / .8);border-radius:14px;background:hsl(var(--elevated) / .94);box-shadow:0 5px 18px hsl(var(--foreground) / .045)}.teacher-dashboard .teacher-recent-card .teacher-section-heading{align-items:center;margin-bottom:12px}.teacher-dashboard .teacher-recent-card .teacher-section-heading h2{font-size:18px}.teacher-dashboard .teacher-recent-card .teacher-text-button{min-height:36px;padding:0 11px;border:1px solid hsl(var(--teacher-brand) / .16);border-radius:10px;background:hsl(var(--teacher-brand) / .055);color:hsl(var(--teacher-brand-strong));transition:background-color .16s ease,border-color .16s ease}.teacher-dashboard .teacher-recent-card .teacher-text-button:hover{border-color:hsl(var(--teacher-brand) / .3);background:hsl(var(--teacher-brand) / .1)}.teacher-dashboard .teacher-recent-list{gap:10px}.teacher-dashboard .teacher-recent-row{min-height:86px;grid-template-columns:88px minmax(0,1fr) 16px;gap:15px;padding:12px 14px;border:1px solid hsl(var(--border) / .65);border-radius:15px;background:hsl(var(--elevated) / .86);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.teacher-dashboard .teacher-recent-row:hover{border-color:hsl(var(--teacher-brand) / .22);background:hsl(var(--teacher-brand) / .025);box-shadow:0 5px 13px hsl(var(--foreground) / .045);transform:translateY(-1px)}.teacher-dashboard .teacher-recent-row:focus-visible{border-color:hsl(var(--teacher-brand) / .48);outline:3px solid hsl(var(--teacher-brand) / .24);outline-offset:2px}.teacher-dashboard .teacher-video-thumbnail{position:relative;width:80px;height:52px;border:1px solid hsl(var(--border) / .65);border-radius:9px;background:linear-gradient(135deg,hsl(var(--teacher-brand) / .12),hsl(var(--teacher-sky) / .09)),hsl(var(--surface));box-shadow:0 2px 7px hsl(var(--foreground) / .06)}.teacher-dashboard .teacher-video-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover}.teacher-dashboard .teacher-video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .16s ease}.teacher-dashboard .teacher-video-play:before{position:absolute;width:28px;height:28px;border:1px solid hsl(0 0% 100% / .52);border-radius:50%;background:rgba(0,0,0,.56);content:""}.teacher-dashboard .teacher-video-play svg{position:relative;margin-left:2px}.teacher-dashboard .teacher-recent-row:hover .teacher-video-play,.teacher-dashboard .teacher-recent-row:focus-visible .teacher-video-play{opacity:1}.teacher-dashboard .teacher-video-placeholder{color:hsl(var(--teacher-brand) / .7)}.teacher-dashboard .teacher-recent-copy{display:grid;min-width:0;gap:9px}.teacher-dashboard .teacher-recent-title{display:block;overflow:hidden;font-size:13px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.teacher-dashboard .teacher-recent-meta{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:8px 11px}.teacher-dashboard .teacher-video-status{padding:5px 9px;font-size:10px;font-weight:600}.teacher-dashboard .teacher-video-status.uploading{border-color:hsl(var(--teacher-sky) / .24);background:hsl(var(--teacher-sky) / .09);color:hsl(var(--teacher-sky))}.teacher-dashboard .teacher-video-views{color:hsl(var(--foreground) / .72);font-size:11px;font-weight:550}.teacher-dashboard .teacher-video-views svg{color:hsl(var(--teacher-brand))}.teacher-dashboard .teacher-video-date{color:hsl(var(--muted-foreground));font-size:11px;white-space:nowrap}.teacher-dashboard .teacher-recent-chevron{color:hsl(var(--teacher-brand) / .62);transition:color .16s ease,transform .16s ease}.teacher-dashboard .teacher-recent-row:hover .teacher-recent-chevron{color:hsl(var(--teacher-brand-strong));transform:translate(2px)}.teacher-dashboard .teacher-recent-empty{position:relative;isolation:isolate;display:grid;min-height:218px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:clamp(20px,2.8vw,42px);margin-top:4px;padding:28px clamp(20px,2.4vw,34px);overflow:hidden;border:1px solid hsl(var(--teacher-brand) / .2);border-radius:16px;background:radial-gradient(ellipse at 92% 8%,hsl(var(--teacher-sky) / .07),transparent 34%),linear-gradient(110deg,hsl(var(--teacher-brand) / .075),hsl(var(--teacher-brand) / .035) 48%,hsl(var(--elevated)));box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 16px hsl(var(--teacher-brand) / .045)}.teacher-dashboard .teacher-recent-empty:after{position:absolute;z-index:-1;top:-105px;right:15%;width:220px;height:220px;border:1px solid hsl(var(--teacher-brand) / .07);border-radius:50%;box-shadow:0 0 0 18px hsl(var(--teacher-brand) / .025),0 0 0 40px hsl(var(--teacher-brand) / .018);content:"";pointer-events:none}.teacher-dashboard .teacher-recent-empty__icon{position:relative;display:grid;width:68px;height:68px;place-items:center;border:1px solid hsl(var(--teacher-brand) / .17);border-radius:19px;background:hsl(var(--elevated) / .96);color:hsl(var(--teacher-brand-strong));box-shadow:0 8px 18px hsl(var(--teacher-brand) / .1),inset 0 1px rgba(255,255,255,.9)}.teacher-dashboard .teacher-recent-empty__icon>span{position:absolute;right:-7px;bottom:-5px;display:grid;width:25px;height:25px;place-items:center;border:2px solid hsl(var(--elevated));border-radius:50%;background:hsl(var(--teacher-brand));color:#fff;box-shadow:0 3px 8px hsl(var(--teacher-brand) / .24)}.teacher-dashboard .teacher-recent-empty__copy{min-width:0}.teacher-dashboard .teacher-recent-empty__eyebrow{display:block;margin-bottom:8px;color:hsl(var(--teacher-brand-strong) / .78);font-size:10px;font-weight:700;letter-spacing:.11em}.teacher-dashboard .teacher-recent-empty strong{display:block;color:hsl(var(--foreground));font-size:clamp(17px,1.25vw,21px);font-weight:700;letter-spacing:-.035em}.teacher-dashboard .teacher-recent-empty p{margin:7px 0 0;color:hsl(var(--muted-foreground));font-size:clamp(12px,.95vw,14px);font-weight:450;line-height:1.55}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid hsl(var(--teacher-brand-strong) / .28);border-radius:11px;background:linear-gradient(135deg,hsl(var(--teacher-brand-strong)),hsl(var(--teacher-brand)));color:#fff;box-shadow:0 5px 12px hsl(var(--teacher-brand-strong) / .2),inset 0 1px rgba(255,255,255,.16);font-size:12px;font-weight:650;white-space:nowrap;transition:border-color .16s ease,filter .16s ease,box-shadow .16s ease,transform .16s ease}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload:hover{border-color:hsl(var(--teacher-brand-strong) / .4);filter:brightness(1.08);box-shadow:0 8px 17px hsl(var(--teacher-brand-strong) / .25),inset 0 1px rgba(255,255,255,.18);transform:translateY(-1px)}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload:focus-visible{outline:3px solid hsl(var(--teacher-brand) / .24);outline-offset:3px}.teacher-dashboard .teacher-status-card{background:radial-gradient(ellipse at 100% 0%,hsl(var(--teacher-brand) / .065),transparent 44%),hsl(var(--elevated))}.teacher-dashboard .teacher-status-list{gap:9px}.teacher-dashboard .teacher-status-list>div{min-height:51px;align-items:center;padding:12px 14px;border-color:hsl(var(--border) / .76);border-radius:12px;background:hsl(var(--elevated) / .78)}.teacher-dashboard .teacher-status-list strong{color:hsl(var(--teacher-brand-strong));font-family:var(--font-youtube);font-size:16px}.dark .teacher-dashboard .teacher-overview-chart__bar-area:before{background:hsl(var(--teacher-brand) / .075)}.dark .teacher-dashboard .teacher-overview-chart__value{border-color:hsl(var(--border) / .8);background:hsl(var(--elevated));color:hsl(var(--foreground))}.dark .teacher-dashboard .teacher-overview-chart.is-empty .teacher-overview-chart__bar{border-color:hsl(var(--teacher-brand) / .25);background:hsl(var(--teacher-brand) / .09)}@media(max-width:900px){.teacher-dashboard .teacher-overview-middle{grid-template-columns:minmax(0,1fr)}.teacher-dashboard .teacher-weekly-card,.teacher-dashboard .teacher-checklist-card,.teacher-dashboard .teacher-status-card{width:100%}}@media(max-width:639px){.teacher-dashboard .teacher-overview-chart{height:190px;padding-inline:7px}.teacher-dashboard .teacher-overview-chart__bars{column-gap:6px}.teacher-dashboard .teacher-overview-chart__value{padding:2px 3px;font-size:9px}.teacher-dashboard .teacher-weekly-card,.teacher-dashboard .teacher-recent-card{padding:16px}.teacher-dashboard .teacher-recent-empty{min-height:0;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:20px 16px}.teacher-dashboard .teacher-recent-empty__icon{width:54px;height:54px;border-radius:16px}.teacher-dashboard .teacher-recent-empty__copy{text-align:left}.teacher-dashboard .teacher-recent-empty__eyebrow{margin-bottom:5px;font-size:9px}.teacher-dashboard .teacher-recent-empty strong{font-size:16px}.teacher-dashboard .teacher-recent-empty p{margin-top:5px;font-size:12px}.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload{min-height:44px;grid-column:2;justify-self:start;gap:8px;padding:0 14px;font-size:12px}.teacher-dashboard .teacher-recent-row{min-height:76px;grid-template-columns:64px minmax(0,1fr) 15px;gap:10px;padding:10px}.teacher-dashboard .teacher-video-thumbnail{width:64px;height:42px}.teacher-dashboard .teacher-recent-copy{gap:7px}.teacher-dashboard .teacher-recent-title{font-size:12px}.teacher-dashboard .teacher-video-status{padding:4px 7px;font-size:9px}.teacher-dashboard .teacher-recent-meta{gap:6px 8px}.teacher-dashboard .teacher-video-views,.teacher-dashboard .teacher-video-date{font-size:10px}.teacher-dashboard .teacher-recent-row .teacher-recent-chevron{grid-column:3}}@media(max-width:380px){.teacher-dashboard .teacher-weekly-card .teacher-section-heading{align-items:flex-start}.teacher-dashboard .teacher-weekly-card .teacher-activity-toggle{align-self:flex-end}.teacher-dashboard .teacher-overview-chart__value{padding-inline:2px;font-size:8px}.teacher-dashboard .teacher-checklist-row{gap:9px;padding:10px}.teacher-dashboard .teacher-recent-row{grid-template-columns:56px minmax(0,1fr) 14px;gap:8px;padding:9px}.teacher-dashboard .teacher-video-thumbnail{width:56px;height:37px}.teacher-dashboard .teacher-recent-meta{gap:5px 7px}}@media(prefers-reduced-motion:reduce){.teacher-dashboard .teacher-checklist-progress>span,.teacher-dashboard .teacher-overview-chart__bar,.teacher-dashboard .teacher-overview-chart__column,.teacher-dashboard .teacher-checklist-row,.teacher-dashboard .teacher-step-chevron,.teacher-dashboard .teacher-recent-row,.teacher-dashboard .teacher-recent-chevron,.teacher-dashboard .teacher-video-play,.teacher-dashboard .teacher-recent-empty .teacher-secondary-upload{transition:none;animation:none}}.teacher-dashboard .teacher-overview-chart{display:block;height:clamp(214px,23vw,264px);padding:0;overflow:hidden;border-radius:0;background:hsl(var(--elevated));background-image:none}.teacher-dashboard .teacher-weekly-chart{display:block;width:100%;height:100%;overflow:visible}.teacher-dashboard .teacher-weekly-chart__gridline{stroke:hsl(var(--border) / .72);stroke-dasharray:none;stroke-width:1}.teacher-dashboard .teacher-weekly-chart__scale{fill:hsl(var(--muted-foreground) / .76);font-family:var(--font-youtube);font-size:10px;font-weight:500}.teacher-dashboard .teacher-weekly-chart__line{stroke-linecap:round;stroke-linejoin:round}.teacher-dashboard .teacher-weekly-chart__line{stroke:hsl(var(--foreground));stroke-width:3;stroke-dasharray:2200;stroke-dashoffset:2200;animation:teacher-chart-line-in 1.1s cubic-bezier(.22,1,.36,1) forwards}.teacher-dashboard .teacher-weekly-chart__hit-area{fill:transparent;stroke:transparent;pointer-events:all}.teacher-dashboard .teacher-weekly-chart__endpoint{fill:hsl(var(--elevated));stroke:hsl(var(--foreground));stroke-width:3.5}.teacher-dashboard .teacher-activity-unavailable{display:grid;min-height:100%;place-content:center;justify-items:center;gap:8px;padding:24px;color:hsl(var(--muted-foreground));text-align:center}.teacher-dashboard .teacher-activity-unavailable p{margin:0;color:hsl(var(--foreground));font-size:15px;font-weight:650}.teacher-dashboard .teacher-activity-unavailable span{max-width:360px;font-size:12px;line-height:1.5}.teacher-dashboard .teacher-activity-unavailable button{min-height:34px;margin-top:4px;padding:0 14px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--elevated));color:hsl(var(--foreground));font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease}.teacher-dashboard .teacher-activity-unavailable button:hover{border-color:hsl(var(--foreground) / .35);background:hsl(var(--muted) / .6)}.teacher-dashboard .teacher-activity-unavailable button:focus-visible{outline:2px solid hsl(var(--teacher-brand));outline-offset:3px}.teacher-dashboard .teacher-weekly-chart__day{fill:hsl(var(--muted-foreground));font-family:var(--font-youtube);font-size:11px;font-weight:550}.teacher-dashboard .teacher-weekly-chart__day.is-current{fill:hsl(var(--teacher-brand-strong));font-weight:700}@keyframes teacher-chart-line-in{to{stroke-dashoffset:0}}@media(max-width:639px){.teacher-dashboard .teacher-weekly-card .teacher-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.teacher-dashboard .teacher-activity-toggle{align-self:flex-end}.teacher-dashboard .teacher-overview-chart{height:218px}.teacher-dashboard .teacher-activity-toggle button{min-height:30px;padding-inline:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){.teacher-dashboard .teacher-weekly-chart__line{stroke-dashoffset:0;animation:none}.teacher-dashboard .teacher-activity-unavailable button{transition:none}}.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-icon-button,.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-primary-button{border:1px solid rgb(255 255 255 / 28%);border-radius:12px;background:rgba(255,255,255,.11);color:#fff;box-shadow:none}.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-primary-button:hover,.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-icon-button:hover:not(:disabled){border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.19);color:#fff}.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-dashboard-tabs{border-color:rgba(255,255,255,.15);background:rgba(0,42,39,.2);box-shadow:none}.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-dashboard-tabs button{color:rgba(241,255,250,.78)}.teacher-dashboard-topbar .page-welcome-banner--teacher .teacher-dashboard-tabs button[aria-selected=true]{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:#fff;box-shadow:none}@media(max-width:767px){.teacher-dashboard-topbar .page-welcome-banner--teacher .page-welcome-banner__actions{width:auto}}.admin-dashboard{--admin-segment-students: #0e766e;--admin-segment-teachers: #4db7a5;--admin-segment-admins: #a8d7c8;color:hsl(var(--foreground))}.admin-dashboard__main{width:min(100%,1480px);margin:0 auto;padding:2rem clamp(1rem,3vw,2.75rem) 4rem}.admin-dashboard__hero{position:relative;isolation:isolate;display:flex;min-height:210px;align-items:flex-end;justify-content:space-between;gap:2rem;overflow:hidden;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid rgb(255 255 255 / 12%);border-radius:28px;background:radial-gradient(ellipse at 82% 15%,rgb(111 214 189 / 30%),transparent 36%),linear-gradient(118deg,#073e3b,#0c625b 56%,#138477);color:#f2fffb;box-shadow:0 20px 50px -32px rgba(3,74,66,.7)}.admin-dashboard__hero-copy,.admin-dashboard__hero-actions{position:relative;z-index:1}.admin-dashboard__hero-copy h1{margin:.8rem 0 0;background:none!important;color:#fff!important;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.055em;line-height:1.08;-webkit-text-fill-color:#fff!important}.admin-dashboard__hero-copy p{margin:.7rem 0 0;color:rgba(235,255,250,.75);font-size:.95rem}.admin-dashboard__eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#a6e8d5}.admin-dashboard__eyebrow-label{font-family:var(--font-handwritten);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700;letter-spacing:.015em;line-height:1.05;text-transform:lowercase}.admin-dashboard__eyebrow-label:first-letter{text-transform:uppercase}.admin-dashboard__hero-orbit{position:absolute;z-index:0;top:-135px;right:12%;width:310px;height:310px;border:1px solid rgb(218 255 245 / 16%);border-radius:50%;box-shadow:0 0 0 34px rgba(218,255,245,.05),0 0 0 70px rgba(218,255,245,.04);pointer-events:none}.admin-dashboard__hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem}.admin-dashboard__sync{display:inline-flex;align-items:center;gap:.5rem;margin-right:.3rem;color:rgba(239,255,249,.82);font-size:.8rem;white-space:nowrap}.admin-dashboard__live-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#8fe1bd;box-shadow:0 0 0 4px rgba(143,225,189,.15)}.admin-dashboard__refresh,.admin-dashboard__admin-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;padding:0 .9rem;border:1px solid rgb(255 255 255 / 24%);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.admin-dashboard__refresh:hover,.admin-dashboard__admin-link:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.18)}.admin-dashboard__refresh:disabled,.admin-dashboard__health-refresh:disabled{cursor:wait;opacity:.65}.admin-dashboard__tabs{display:flex;gap:.45rem;overflow-x:auto;margin:1.25rem 0 1.5rem;padding:.35rem;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));scrollbar-width:thin}.admin-dashboard__tabs button{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:.55rem;padding:0 1rem;border:0;border-radius:12px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;font-size:.84rem;font-weight:600;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.admin-dashboard__tabs button:hover{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.admin-dashboard__tabs button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 5px 14px -8px hsl(var(--primary))}.admin-dashboard__tabs button:focus-visible,.admin-dashboard__refresh:focus-visible,.admin-dashboard__admin-link:focus-visible,.admin-dashboard__action:focus-visible,.admin-dashboard__health-refresh:focus-visible{outline:3px solid hsl(var(--ring) / 35%);outline-offset:3px}.admin-dashboard__overview{display:grid;gap:1.15rem}.admin-dashboard__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.admin-dashboard__metric,.admin-dashboard__card{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 12px 30px -26px rgba(7,70,61,.3)}.admin-dashboard__metric{min-width:0;padding:1.1rem;border-radius:19px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.admin-dashboard__metric:hover{transform:translateY(-2px);border-color:hsl(var(--accent-1) / 35%);box-shadow:0 16px 32px -25px rgba(7,70,61,.55)}.admin-dashboard__metric-icon,.admin-dashboard__section-icon{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:13px;background:hsl(var(--primary) / 9%);color:hsl(var(--primary))}.admin-dashboard__metric-value{overflow:hidden;margin-top:1rem;color:hsl(var(--foreground));font-size:clamp(1.45rem,2vw,1.9rem);font-weight:700;letter-spacing:-.055em;text-overflow:ellipsis}.admin-dashboard__metric-label{margin-top:.2rem;color:hsl(var(--foreground));font-size:.84rem;font-weight:650}.admin-dashboard__metric-note{margin-top:.2rem;color:hsl(var(--muted-foreground));font-size:.73rem}.admin-dashboard__content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem}.admin-dashboard__content-grid--bottom{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.admin-dashboard__card{min-width:0;padding:clamp(1.15rem,2.2vw,1.5rem);border-radius:22px}.admin-dashboard__section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-dashboard__section-kicker{color:hsl(var(--accent-1));font-size:.65rem;font-weight:750;letter-spacing:.14em}.admin-dashboard__section-heading h2{margin:.3rem 0 0;color:hsl(var(--foreground));font-size:1.15rem;font-weight:700;letter-spacing:-.035em}.admin-dashboard__section-heading p{margin:.3rem 0 0;color:hsl(var(--muted-foreground));font-size:.79rem}.admin-dashboard__section-icon{width:36px;height:36px;flex:0 0 auto;border-radius:12px}.admin-dashboard__user-breakdown{display:flex;min-height:210px;align-items:center;justify-content:space-around;gap:1.75rem;padding:1rem 0 .25rem}.admin-dashboard__donut{display:grid;width:clamp(142px,18vw,176px);aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:50%;background:hsl(var(--border))}.admin-dashboard__donut-center{display:flex;width:70%;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--card));box-shadow:0 0 0 1px hsl(var(--border) / 70%)}.admin-dashboard__donut-center strong{color:hsl(var(--foreground));font-size:1.65rem;font-weight:750;letter-spacing:-.06em}.admin-dashboard__donut-center span{color:hsl(var(--muted-foreground));font-size:.68rem}.admin-dashboard__user-legend{width:min(100%,245px)}.admin-dashboard__user-row{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:.75rem;padding:.8rem 0;border-bottom:1px solid hsl(var(--border) / 70%);font-size:.8rem}.admin-dashboard__user-row:last-child{border-bottom:0}.admin-dashboard__user-label{display:flex;align-items:center;gap:.55rem;color:hsl(var(--foreground));font-weight:550}.admin-dashboard__user-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%}.admin-dashboard__user-count{color:hsl(var(--foreground));font-weight:700}.admin-dashboard__user-percent{color:hsl(var(--muted-foreground));text-align:right;font-variant-numeric:tabular-nums}.admin-dashboard__snapshot-list,.admin-dashboard__quick-actions{display:grid;gap:.55rem;margin-top:1.2rem}.admin-dashboard__snapshot-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;min-height:47px;align-items:center;gap:.65rem;padding:.4rem .7rem;border:1px solid hsl(var(--border) / 75%);border-radius:12px;color:hsl(var(--muted-foreground));font-size:.78rem}.admin-dashboard__snapshot-icon{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:9px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.admin-dashboard__snapshot-row strong{color:hsl(var(--foreground));font-size:.86rem;font-variant-numeric:tabular-nums}.admin-dashboard__action{display:flex;width:100%;min-height:63px;align-items:center;gap:.8rem;padding:.65rem .75rem;border:1px solid hsl(var(--border) / 75%);border-radius:14px;background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.admin-dashboard__action:hover{transform:translateY(-1px);border-color:hsl(var(--accent-1) / 40%);background:hsl(var(--secondary) / 55%)}.admin-dashboard__action-icon{display:inline-flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:11px;background:hsl(var(--primary) / 9%);color:hsl(var(--primary))}.admin-dashboard__action-copy{display:grid;min-width:0;gap:.15rem}.admin-dashboard__action-copy strong{overflow:hidden;font-size:.8rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard__action-copy small{color:hsl(var(--muted-foreground));font-size:.7rem}.admin-dashboard__action-arrow{flex:0 0 auto;margin-left:auto;color:hsl(var(--muted-foreground))}.admin-dashboard__health-value{display:flex;align-items:center;gap:.7rem;margin-top:1.75rem;color:hsl(var(--foreground));font-size:1.1rem;font-weight:700}.admin-dashboard__health-value .admin-dashboard__live-dot{width:10px;height:10px;background:hsl(var(--success));box-shadow:0 0 0 5px hsl(var(--success) / 12%)}.admin-dashboard__health-detail{margin:.6rem 0 0;color:hsl(var(--muted-foreground));font-size:.8rem}.admin-dashboard__response-time{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:hsl(var(--accent-1));font-size:.75rem;font-weight:600}.admin-dashboard__health-refresh{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:.5rem;margin-top:1.2rem;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--secondary) / 65%);color:hsl(var(--secondary-foreground));cursor:pointer;font-size:.78rem;font-weight:650;transition:background-color .18s ease}.admin-dashboard__health-refresh:hover{background:hsl(var(--secondary))}.admin-dashboard__detail-panel{max-width:1060px}.admin-dashboard__detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.admin-dashboard__detail-grid--reports{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard__detail-stat{display:grid;min-height:122px;align-content:space-between;justify-items:start;gap:.55rem;padding:1rem;border:1px solid hsl(var(--border) / 80%);border-radius:15px;color:hsl(var(--muted-foreground));font-size:.76rem}.admin-dashboard__detail-icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:hsl(var(--primary) / 9%);color:hsl(var(--primary))}.admin-dashboard__detail-stat strong{color:hsl(var(--foreground));font-size:1.45rem;font-weight:750;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.admin-dashboard__detail-link{display:inline-flex;min-height:42px;align-items:center;gap:.5rem;margin-top:1.35rem;padding:0 .9rem;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.8rem;font-weight:650;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.admin-dashboard__detail-link:hover{transform:translateY(-1px);background:hsl(var(--primary-hover))}.admin-dashboard__detail-button{cursor:pointer}.admin-dashboard__detail-button:disabled{cursor:wait;opacity:.7}.admin-dashboard__system-list{margin-top:1.25rem;border-top:1px solid hsl(var(--border))}.admin-dashboard__system-row{display:flex;min-height:53px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid hsl(var(--border) / 70%);color:hsl(var(--muted-foreground));font-size:.8rem}.admin-dashboard__system-row strong{color:hsl(var(--foreground));font-size:.79rem;font-weight:650;text-align:right}.admin-dashboard .card{border-color:hsl(var(--border));border-radius:19px;background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:0 12px 30px -26px rgba(7,70,61,.3)}.admin-dashboard .card h2,.admin-dashboard .card h3,.admin-dashboard .card table{color:hsl(var(--foreground))}.admin-dashboard .card tbody tr{transition:background-color .16s ease}@media(max-width:1050px){.admin-dashboard__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.admin-dashboard__main{padding-top:1rem}.admin-dashboard__hero{min-height:250px;align-items:flex-start;flex-direction:column;justify-content:center;gap:1.25rem;border-radius:23px}.admin-dashboard__hero-actions{justify-content:flex-start}.admin-dashboard__sync{width:100%}.admin-dashboard__content-grid,.admin-dashboard__content-grid--bottom{grid-template-columns:minmax(0,1fr)}.admin-dashboard__user-breakdown{justify-content:center;gap:clamp(1rem,6vw,2rem)}.admin-dashboard__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.admin-dashboard__main{padding-right:.85rem;padding-left:.85rem}.admin-dashboard__hero{padding:1.35rem}.admin-dashboard__hero-copy p{max-width:27ch;font-size:.83rem}.admin-dashboard__hero-actions{gap:.5rem}.admin-dashboard__refresh,.admin-dashboard__admin-link{min-height:39px;padding:0 .7rem;font-size:.76rem}.admin-dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-dashboard__metric{padding:.9rem;border-radius:16px}.admin-dashboard__metric-value{font-size:1.5rem}.admin-dashboard__user-breakdown{align-items:center;flex-direction:column;padding-top:1.4rem}.admin-dashboard__user-legend{width:100%}.admin-dashboard__detail-grid,.admin-dashboard__detail-grid--reports{grid-template-columns:minmax(0,1fr)}.admin-dashboard__detail-stat{min-height:96px}.admin-dashboard__system-row{align-items:flex-start;flex-direction:column;justify-content:center;gap:.25rem;padding:.65rem 0}.admin-dashboard__system-row strong{text-align:left}}@media(prefers-reduced-motion:reduce){.admin-dashboard *,.admin-dashboard *:before,.admin-dashboard *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.upload-page{--upload-mint: hsl(var(--primary));--upload-sky: hsl(var(--accent-2));--upload-lilac: hsl(var(--accent-1));--upload-coral: hsl(var(--warning));--upload-gold: hsl(var(--accent-3));--upload-mint-soft: hsl(var(--primary) / .08);--upload-sky-soft: hsl(var(--accent-2) / .08);--upload-lilac-soft: hsl(var(--accent-1) / .08);--upload-coral-soft: hsl(var(--warning) / .08);--upload-gold-soft: hsl(var(--accent-3) / .08);width:min(100% - 32px,1180px);max-width:none;padding:28px 0 64px;color:hsl(var(--foreground));font-family:var(--font-youtube)}.dark .upload-page{--upload-mint-soft: hsl(var(--primary) / .14);--upload-sky-soft: hsl(var(--accent-2) / .14);--upload-lilac-soft: hsl(var(--accent-1) / .14);--upload-coral-soft: hsl(var(--warning) / .13);--upload-gold-soft: hsl(var(--accent-3) / .14)}.upload-page h1,.upload-page h3{margin:0;background:none;color:hsl(var(--foreground));font-family:var(--font-youtube);-webkit-text-fill-color:currentColor}.upload-page h2{margin:0;background:none;color:hsl(var(--foreground));font-family:var(--font-handwritten);font-weight:700;letter-spacing:normal;line-height:1.15;-webkit-text-fill-color:currentColor}.upload-page .upload-error{border:1px solid hsl(var(--destructive) / .24);border-radius:12px;background:hsl(var(--destructive) / .07);color:hsl(var(--destructive));font-size:13px;line-height:1.5}.dark .upload-page .upload-error{color:hsl(var(--destructive))}.upload-page form{gap:20px}.upload-page .upload-form-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.upload-page .upload-form-layout>[hidden]{display:none!important}.upload-page .upload-form-layout>[id$=-step]:not([hidden]){animation:upload-step-enter .18s ease both}@keyframes upload-step-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.upload-page #upload-video-step,.upload-page #upload-thumbnail-step,.upload-page #upload-curriculum-step,.upload-page #upload-details-step{grid-column:1;grid-row:auto}.upload-page .upload-progress-panel{grid-column:1 / -1;grid-row:4}.upload-page .upload-wizard-actions{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.upload-page .upload-wizard-actions__secondary{display:flex;align-items:center}.upload-page .upload-curriculum-panel>.space-y-4{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.upload-page .upload-curriculum-panel>.space-y-4>div{min-width:0;margin:0}.upload-page .upload-dropzone{position:relative;overflow:hidden;padding:clamp(30px,6vw,54px) 24px;border:1.5px dashed hsl(var(--primary) / .32);border-radius:19px;background:radial-gradient(ellipse at 12% 0%,hsl(var(--primary) / .06),transparent 38%),radial-gradient(ellipse at 95% 100%,hsl(var(--accent-2) / .07),transparent 35%),hsl(var(--elevated));box-shadow:0 4px 14px hsl(var(--foreground) / .035);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.upload-page .upload-dropzone:hover,.upload-page .upload-dropzone:focus-within{border-color:hsl(var(--primary) / .62);box-shadow:0 8px 24px hsl(var(--primary) / .08)}.upload-page .upload-dropzone.is-drag-over{border-color:hsl(var(--primary));background:radial-gradient(ellipse at 12% 0%,hsl(var(--primary) / .09),transparent 38%),radial-gradient(ellipse at 95% 100%,hsl(var(--accent-2) / .09),transparent 35%),hsl(var(--primary) / .06);box-shadow:0 0 0 4px hsl(var(--primary) / .08)}.upload-page .upload-dropzone-icon{display:grid;width:68px;height:68px;place-items:center;border:1px solid hsl(var(--primary) / .14);border-radius:22px;background:linear-gradient(145deg,hsl(var(--primary) / .14),hsl(var(--accent-2) / .12));color:hsl(var(--primary));box-shadow:0 7px 18px hsl(var(--primary) / .1)}.upload-page .upload-dropzone-icon svg{width:31px;height:31px;stroke-width:1.6}.upload-page .upload-dropzone-icon+h3{margin-top:2px}.upload-page .upload-dropzone h3{margin-bottom:6px;font-size:17px;font-weight:650;letter-spacing:-.025em}.upload-page .upload-dropzone>p{font-size:13px}.upload-page .upload-dropzone>p:last-child{margin-top:14px;color:hsl(var(--muted-foreground))}.upload-page .upload-dropzone>div.flex{max-width:560px;margin-inline:auto;border:1px solid hsl(var(--primary) / .14);border-radius:14px;background:hsl(var(--elevated));text-align:left}.upload-page .upload-dropzone>div.flex>div:first-child{min-width:0}.upload-page .upload-dropzone>div.flex .text-left{min-width:0;overflow-wrap:anywhere}.upload-page .upload-panel{overflow:hidden;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--elevated));box-shadow:0 3px 12px hsl(var(--foreground) / .04);transition:border-color .18s ease,box-shadow .18s ease}.upload-page .upload-panel:hover{border-color:hsl(var(--primary) / .22);box-shadow:0 7px 20px hsl(var(--foreground) / .06)}.upload-page .upload-thumbnail-panel{border-top:3px solid hsl(var(--accent-2) / .65)}.upload-page .upload-curriculum-panel{border-top:3px solid hsl(var(--primary) / .76)}.upload-page .upload-details-panel{border-top:3px solid hsl(var(--accent-1) / .65)}.upload-page .upload-panel h2{font-size:17px;font-weight:650;letter-spacing:-.025em}.upload-page .upload-section-icon{display:grid;flex:0 0 auto;place-items:center;border:1px solid hsl(var(--primary) / .17);border-radius:12px;background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.upload-page .upload-thumbnail-panel .upload-section-icon{border-color:hsl(var(--accent-2) / .2);background:var(--upload-sky-soft);color:var(--upload-sky)}.upload-page .upload-thumbnail-panel>label,.upload-page .upload-details-panel>div>label[for=notes-input]{border-color:hsl(var(--border));border-radius:13px;background:linear-gradient(100deg,hsl(var(--surface)),hsl(var(--elevated)));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.upload-page .upload-thumbnail-panel>label:hover,.upload-page .upload-details-panel>div>label[for=notes-input]:hover{border-color:hsl(var(--primary) / .42);box-shadow:0 4px 14px hsl(var(--primary) / .07);transform:none!important}.upload-page .upload-thumbnail-panel>label>div>svg,.upload-page .upload-details-panel label[for=notes-input] svg{flex:0 0 auto;color:hsl(var(--primary))}.upload-page .upload-progress-panel{border-color:hsl(var(--primary) / .2);background:linear-gradient(110deg,hsl(var(--primary) / .07),hsl(var(--elevated)) 72%)}.upload-page .upload-progress-panel .progress-liquid{overflow:hidden;height:9px;border-radius:99px;background:hsl(var(--primary) / .1)}.upload-page .upload-progress-panel .progress-liquid-fill{border-radius:inherit;background:linear-gradient(90deg,hsl(var(--primary)),#72c99e,#f1c15a)}.upload-page .upload-curriculum-panel .space-y-4>div{padding:14px;border:1px solid hsl(var(--border) / .8);border-radius:13px;background:hsl(var(--surface) / .52);transition:border-color .16s ease,background-color .16s ease}.upload-page .upload-curriculum-panel .space-y-4>div:hover{border-color:hsl(var(--primary) / .18);background:hsl(var(--primary) / .025)}.upload-page .upload-curriculum-panel label{color:hsl(var(--foreground));font-weight:600}.upload-page .upload-curriculum-panel label svg{width:15px;height:15px;stroke-width:2}.upload-page input:not([type=checkbox]):not([type=file]),.upload-page textarea,.upload-page select{min-height:46px;border:1px solid hsl(var(--border))!important;border-radius:11px!important;background:hsl(var(--background))!important;box-shadow:inset 0 1px 2px hsl(var(--foreground) / .025);color:hsl(var(--foreground))!important;font-family:var(--font-youtube);font-size:14px;transition:border-color .16s ease,box-shadow .16s ease;transform:none!important}.upload-page input:not([type=checkbox]):not([type=file]),.upload-page textarea{padding-inline:14px}.upload-page textarea{min-height:112px;padding-block:12px}.upload-page input::placeholder,.upload-page textarea::placeholder{color:hsl(var(--muted-foreground))!important;opacity:.8}.upload-page input:not([type=checkbox]):not([type=file]):focus,.upload-page textarea:focus,.upload-page select:focus{border-color:hsl(var(--primary) / .58)!important;box-shadow:0 0 0 3px hsl(var(--primary) / .11)!important;outline:none}.upload-page select:disabled{cursor:not-allowed;opacity:.58}.dark .upload-page input:not([type=checkbox]):not([type=file]),.dark .upload-page textarea,.dark .upload-page select{background:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}.upload-page .upload-curriculum-panel .btn-liquid-icon,.upload-page .upload-dropzone .btn-liquid-icon{flex:0 0 auto}.upload-page .upload-curriculum-note,.upload-page .upload-option-card{border:1px solid hsl(var(--primary) / .14);background:linear-gradient(105deg,var(--upload-mint-soft),hsl(var(--elevated)) 84%);color:hsl(var(--foreground))}.upload-page .upload-option-card{border-color:hsl(var(--success) / .22);background:linear-gradient(105deg,var(--upload-mint-soft),hsl(var(--elevated)) 84%)}.upload-page .upload-option-card input[type=checkbox],.upload-page input[type=checkbox]{accent-color:hsl(var(--primary));cursor:pointer}.upload-page label{cursor:pointer}.upload-page .upload-details-panel>div>label:not([for]){color:hsl(var(--foreground));font-weight:600}.upload-page .upload-details-panel>div>label[for=notes-input]{display:flex;min-height:74px}.upload-page .upload-details-panel>div>label[for=notes-input]>div{min-width:0;overflow-wrap:anywhere}.upload-page .upload-details-panel>div>label[for=notes-input] p{margin-top:3px}.upload-page .upload-details-panel .space-y-6>div:nth-last-child(2){padding-top:2px}.upload-page form>div.flex.justify-end{padding-top:2px}.upload-page .upload-create-modal{border:1px solid hsl(var(--border));border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.upload-page .upload-create-modal h2{font-size:19px;letter-spacing:-.03em}.upload-page .upload-create-modal .input{min-height:46px;border-radius:11px}.upload-page button:focus-visible,.upload-page a:focus-visible,.upload-page label:focus-within{outline:3px solid hsl(var(--primary) / .48);outline-offset:3px}.upload-page [id^=upload-][id$=-step]{scroll-margin-top:6rem}.upload-progress-overview{position:relative;isolation:isolate;overflow:hidden;margin:0 0 1rem;padding:13px clamp(14px,2vw,22px) 11px;border:1px solid hsl(var(--accent-2) / .2);border-radius:17px;background:radial-gradient(ellipse at 94% 0%,hsl(var(--accent-2) / .14),transparent 43%),linear-gradient(110deg,hsl(var(--accent-2) / .09),hsl(var(--primary) / .06) 52%,hsl(var(--elevated)));box-shadow:0 10px 28px -24px hsl(var(--accent-2) / .48);scroll-margin-top:5rem}.upload-progress-overview__heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.upload-progress-overview__eyebrow{color:hsl(var(--accent-2));font-size:.58rem;font-weight:750;letter-spacing:.13em}.upload-progress-overview__heading h2{margin-top:.08rem;font-size:clamp(.94rem,1.6vw,1.08rem);font-weight:700;letter-spacing:-.035em}.upload-progress-overview__count{display:inline-flex;align-items:baseline;gap:.2rem;color:hsl(var(--foreground));font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.upload-progress-overview__count span{color:hsl(var(--muted-foreground));font-size:inherit;font-weight:500}.upload-progress-overview__bar{height:3px;overflow:hidden;margin-top:.65rem;border-radius:99px;background:hsl(var(--accent-2) / .12)}.upload-progress-overview__bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--accent-2)),hsl(var(--primary)));box-shadow:0 0 8px hsl(var(--accent-2) / .3);transition:width .28s ease}.upload-progress-overview__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none}.upload-progress-step{width:100%;display:flex;min-width:0;min-height:36px;align-items:center;gap:.4rem;padding:.3rem .35rem;border:1px solid transparent;border-radius:10px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease}.upload-progress-step:hover{border-color:hsl(var(--accent-2) / .16);background:hsl(var(--accent-2) / .055);color:hsl(var(--foreground))}.upload-progress-step:disabled{cursor:not-allowed;opacity:.62}.upload-progress-step:focus-visible{outline:3px solid hsl(var(--ring) / 38%);outline-offset:2px}.upload-progress-step.is-complete{color:hsl(var(--primary))}.upload-progress-step.is-current{border-color:hsl(var(--accent-2) / .19);background:hsl(var(--accent-2) / .08);color:hsl(var(--foreground))}.upload-progress-step__marker{position:relative;display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border-radius:50%;background:hsl(var(--elevated));color:hsl(var(--muted-foreground))}.upload-progress-step__marker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.upload-progress-step.is-complete .upload-progress-step__marker{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.upload-progress-step.is-reached:not(.is-complete) .upload-progress-step__marker{background:hsl(var(--accent-2) / .12);color:hsl(var(--accent-2))}.upload-progress-step__copy{display:grid;min-width:0;gap:.05rem}.upload-progress-step__copy strong{overflow:hidden;color:inherit;font-size:.68rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.upload-progress-step__copy small{color:hsl(var(--muted-foreground));font-size:.58rem}.upload-step-kicker{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:hsl(var(--primary));font-size:.68rem;font-weight:750;letter-spacing:.1em}.upload-step-kicker>span,.upload-step-number{display:inline-grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid hsl(var(--primary) / .16);border-radius:9px;background:hsl(var(--primary) / .08);color:hsl(var(--primary));font-size:.68rem;font-weight:750;letter-spacing:0}.upload-step-kicker>small{margin-left:auto;padding:.28rem .5rem;border-radius:99px;background:hsl(var(--primary) / .08);color:hsl(var(--muted-foreground));font-size:.62rem;font-weight:650;letter-spacing:0;text-transform:none}.upload-section-title-row{display:flex;align-items:center;gap:.55rem}.upload-section-title-row h2{min-width:0}.upload-details-heading{display:flex;align-items:flex-start;gap:.8rem}.upload-details-heading>div{display:grid;gap:.35rem}.upload-details-heading>div>p{max-width:62ch;color:hsl(var(--muted-foreground));font-size:.8rem;line-height:1.5}@media(max-width:767px){.upload-page{width:min(100% - 24px,920px);padding-top:16px;padding-bottom:44px}.upload-page .upload-form-layout{grid-template-columns:minmax(0,1fr);gap:16px}.upload-page #upload-video-step,.upload-page #upload-thumbnail-step,.upload-page #upload-curriculum-step,.upload-page #upload-details-step,.upload-page .upload-progress-panel,.upload-page .upload-wizard-actions{grid-column:1;grid-row:auto}.upload-page .upload-curriculum-panel>.space-y-4{grid-template-columns:minmax(0,1fr);gap:10px}.upload-page .upload-dropzone{padding:34px 16px;border-radius:16px}.upload-page .upload-panel{padding:18px;border-radius:15px}.upload-progress-overview{padding:11px 9px 9px;border-radius:14px}.upload-progress-overview__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.08rem}.upload-progress-step{min-height:32px;gap:.2rem;padding:.2rem .12rem;border-radius:7px}.upload-progress-step__marker{width:19px;height:19px}.upload-progress-step__copy strong{font-size:.57rem}.upload-progress-step__copy small{display:none}.upload-progress-step__marker svg{width:14px;height:14px}.upload-page .upload-wizard-actions{gap:8px}.upload-page .upload-wizard-actions .btn-liquid{min-height:42px;padding-inline:14px}.upload-page .upload-curriculum-panel .space-y-4>div{padding:11px}.upload-page .upload-thumbnail-panel>label,.upload-page .upload-details-panel>div>label[for=notes-input]{align-items:flex-start;padding:13px}.upload-page form>div.flex.justify-end{gap:10px}}@media(max-width:380px){.upload-progress-overview__steps{grid-template-columns:repeat(4,minmax(0,1fr))}.upload-progress-step{min-height:30px;gap:.1rem;padding-inline:.05rem}.upload-progress-step__copy strong{font-size:.52rem}}@media(prefers-reduced-motion:reduce){.upload-page *,.upload-page *:before,.upload-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.admin-panel-page{width:100%;max-width:1600px;min-height:calc(100vh - 64px);margin-inline:auto;color:hsl(var(--foreground))}.admin-panel-page h1,.admin-panel-page h2,.admin-panel-page h3{color:hsl(var(--foreground));background:none;-webkit-text-fill-color:currentColor}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--elevated))}.admin-panel-header h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.045em}.admin-panel-header p{margin-top:4px}.admin-panel-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.admin-panel-dashboard-link{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--elevated));color:hsl(var(--foreground));font-size:13px;font-weight:600;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.admin-panel-dashboard-link:hover{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.admin-panel-tabs{width:fit-content;max-width:100%;padding:5px;border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--surface))}.admin-panel-tabs button{min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:hsl(var(--muted-foreground));font-size:12px;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.admin-panel-tabs button:hover:not([aria-pressed=true]){background:hsl(var(--primary) / .06);color:hsl(var(--foreground))}.admin-panel-tabs button[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.admin-panel-page .card{border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--elevated));box-shadow:none}.admin-panel-page .card:hover{border-color:hsl(var(--foreground) / .2);box-shadow:none;transform:none}.admin-panel-page .icon-box{display:grid;place-items:center;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--surface));color:hsl(var(--foreground))}.admin-panel-page .btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.admin-panel-page .btn-primary:hover{background:hsl(var(--primary-hover));color:hsl(var(--primary-foreground))}.admin-panel-page input,.admin-panel-page select,.admin-panel-page textarea{border-radius:10px}.admin-panel-page table{border-collapse:collapse}.admin-panel-page thead{background:hsl(var(--surface))}.admin-panel-page th{color:hsl(var(--muted-foreground));font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.admin-panel-page tbody tr{transition:background-color .14s ease}.admin-panel-page tbody tr:hover{background:hsl(var(--surface))}.admin-panel-page button:focus-visible,.admin-panel-page a:focus-visible,.admin-panel-page input:focus-visible,.admin-panel-page select:focus-visible,.admin-panel-page textarea:focus-visible{outline:2px solid hsl(var(--foreground) / .7);outline-offset:2px}@media(max-width:767px){.admin-panel-header{align-items:flex-start;flex-direction:column;padding:18px}.admin-panel-dashboard-link,.admin-panel-tabs{width:100%}}@media(prefers-reduced-motion:reduce){.admin-panel-page *,.admin-panel-page *:before,.admin-panel-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.admin-panel-page{max-width:1600px;padding:1.5rem clamp(1rem,3vw,2.5rem) 4rem}.admin-panel-header{position:relative;isolation:isolate;min-height:172px;overflow:hidden;padding:clamp(1.4rem,3vw,2.2rem);border-color:rgba(255,255,255,.14);border-radius:25px;background:radial-gradient(ellipse at 82% 18%,rgb(111 214 189 / 28%),transparent 36%),linear-gradient(118deg,#073e3b,#0c625b 56%,#138477);box-shadow:0 20px 50px -32px rgba(3,74,66,.7);color:#f2fffb}.admin-panel-header:after{position:absolute;z-index:-1;top:-116px;right:12%;width:280px;height:280px;border:1px solid rgb(218 255 245 / 16%);border-radius:50%;box-shadow:0 0 0 32px rgba(218,255,245,.05),0 0 0 66px rgba(218,255,245,.04);content:"";pointer-events:none}.admin-panel-header>div,.admin-panel-header>a{position:relative;z-index:1}.admin-panel-header .admin-panel-mark{width:52px;height:52px;border:1px solid rgb(255 255 255 / 20%);border-radius:16px;background:rgba(255,255,255,.13);color:#c1f4e3;box-shadow:inset 0 1px rgba(255,255,255,.2)}.admin-panel-eyebrow{display:inline-block;margin-bottom:4px;color:#a6e8d5;font-family:var(--font-handwritten);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700;letter-spacing:.015em;line-height:1.05;text-transform:lowercase}.admin-panel-eyebrow:first-letter{text-transform:uppercase}.admin-panel-header h1{color:#fff;font-size:clamp(1.75rem,3.5vw,2.35rem);letter-spacing:-.055em}.admin-panel-header p{color:rgba(235,255,250,.77)}.admin-panel-page .admin-panel-header .admin-panel-dashboard-link{min-height:43px;padding-inline:15px;border-color:rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.admin-panel-page .admin-panel-header .admin-panel-dashboard-link:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.19);color:#fff}.admin-panel-page .admin-panel-header .admin-panel-dashboard-link svg{color:currentColor}.admin-panel-tabs{display:flex;width:100%;gap:.35rem;padding:.35rem;border-radius:16px;background:hsl(var(--card));box-shadow:0 8px 24px -22px rgba(7,70,61,.45)}.admin-panel-tabs button{min-height:42px;gap:.55rem;padding-inline:clamp(.7rem,1.25vw,1rem);border-radius:11px;font-size:.78rem}.admin-panel-tabs button[aria-pressed=true]{background:hsl(var(--primary));box-shadow:0 6px 16px -10px hsl(var(--primary));color:hsl(var(--primary-foreground))}.admin-panel-tabs button[aria-pressed=true] svg{color:#b7efdc}.admin-panel-page .card{border-color:hsl(var(--border) / 85%);border-radius:19px;background:hsl(var(--card));box-shadow:0 12px 30px -26px rgba(7,70,61,.35);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-panel-page .card:hover{border-color:hsl(var(--accent-1) / 32%);box-shadow:0 16px 34px -27px rgba(7,70,61,.45);transform:translateY(-1px)}.admin-panel-page .icon-box{border:0;border-radius:14px;background:hsl(var(--primary) / 9%);color:hsl(var(--primary))}.admin-panel-page .avatar{border:2px solid hsl(var(--card));background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));box-shadow:0 0 0 1px hsl(var(--border))}.admin-panel-page .btn-primary,.admin-panel-page button.btn-primary{min-height:42px;border-radius:12px;box-shadow:0 7px 18px -12px hsl(var(--primary));transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-panel-page .btn-primary:hover,.admin-panel-page button.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px hsl(var(--primary))}.admin-panel-page .btn-secondary{border-radius:11px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.admin-panel-page input,.admin-panel-page select,.admin-panel-page textarea{min-height:40px;border-color:hsl(var(--border));background-color:hsl(var(--card));color:hsl(var(--foreground));transition:border-color .16s ease,box-shadow .16s ease}.admin-panel-page input::placeholder,.admin-panel-page textarea::placeholder{color:hsl(var(--muted-foreground));opacity:.85}.admin-panel-page input:focus,.admin-panel-page select:focus,.admin-panel-page textarea:focus{border-color:hsl(var(--accent-1));box-shadow:0 0 0 3px hsl(var(--accent-1) / 12%)}.admin-panel-page table{font-size:.83rem}.admin-panel-page thead{background:hsl(var(--secondary) / 58%)}.admin-panel-page th{padding-block:.9rem;color:hsl(var(--muted-foreground));font-size:.67rem;letter-spacing:.09em}.admin-panel-page td{border-color:hsl(var(--border) / 70%)}.admin-panel-page tbody tr:hover{background:hsl(var(--secondary) / 45%)}.admin-panel-page .fixed.inset-0.z-50{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-panel-page .fixed.inset-0.z-50>.card{max-height:min(90vh,800px);overflow-y:auto;border-radius:22px;box-shadow:0 28px 80px -30px rgba(0,40,35,.45)}.admin-panel-page button,.admin-panel-page a,.admin-panel-page [role=button]{-webkit-tap-highlight-color:transparent}.admin-panel-page button:focus-visible,.admin-panel-page a:focus-visible,.admin-panel-page input:focus-visible,.admin-panel-page select:focus-visible,.admin-panel-page textarea:focus-visible{outline:3px solid hsl(var(--ring) / 38%);outline-offset:2px}@media(max-width:767px){.admin-panel-page{padding:1rem .85rem 3rem}.admin-panel-header{min-height:205px;gap:1.25rem;border-radius:22px}.admin-panel-tabs{width:100%;scroll-snap-type:x proximity}.admin-panel-tabs button{scroll-snap-align:start}}@media(max-width:480px){.admin-panel-header>.flex.items-center.gap-3{align-items:flex-start}.admin-panel-header .admin-panel-mark{width:44px;height:44px;border-radius:13px}.admin-panel-header .admin-panel-dashboard-link{width:100%}.admin-panel-page .grid.grid-cols-2{gap:.65rem}.admin-panel-page .card{border-radius:16px}}.landing-page{--landing-accent: hsl(var(--primary));--landing-button: hsl(var(--primary-hover));--landing-button-foreground: hsl(var(--primary-foreground));--landing-subtle: hsl(var(--primary) / .07);--landing-warm: hsl(0 0% 30%);--landing-warm-soft: hsl(0 0% 95%);min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground))}.dark .landing-page{--landing-subtle: hsl(var(--primary) / .12);--landing-warm: hsl(0 0% 85%);--landing-warm-soft: hsl(0 0% 14%);--landing-button-foreground: hsl(var(--primary-foreground))}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3{margin:0;background:none;color:hsl(var(--foreground));-webkit-text-fill-color:currentColor}.landing-page p{margin:0}.landing-page a{color:inherit;text-decoration:none}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:3px solid var(--landing-accent);outline-offset:3px}.landing-container,.landing-header-inner,.landing-hero-inner{width:min(1120px,calc(100% - 48px));margin-inline:auto}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:28px}.landing-brand,.landing-footer-brand>a{display:inline-flex;flex:0 0 auto;align-items:center}.landing-brand img{display:block;width:auto;height:38px;transition:opacity .18s ease}.landing-brand:hover img,.landing-footer-brand>a:hover img{opacity:.82}.landing-nav-links,.landing-header-actions{display:flex;align-items:center}.landing-nav-links{gap:30px;margin-left:auto}.landing-nav-links a,.landing-login{color:hsl(var(--muted-foreground));font-size:14px;font-weight:500;transition:color .16s ease}.landing-nav-links a:hover,.landing-login:hover,.landing-footer-links a:hover{color:var(--landing-accent)}.landing-nav-links a{position:relative}.landing-nav-links a:after{position:absolute;right:0;bottom:-7px;left:0;height:2px;background:var(--landing-accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.landing-nav-links a:hover:after{transform:scaleX(1)}.landing-header-actions{gap:18px}.landing-header-actions>button{cursor:pointer}.landing-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid var(--landing-button);border-radius:7px;background:var(--landing-button);color:var(--landing-button-foreground)!important;font-size:14px;font-weight:650;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.landing-button:hover{transform:translateY(-2px)}.landing-button:not(.landing-button-outline):hover{border-color:var(--landing-accent);background:var(--landing-accent)}.landing-button svg{transition:transform .18s ease}.landing-button:hover svg{transform:translate(3px)}.landing-button-small{min-height:39px;padding-inline:15px;font-size:13px}.landing-button-outline{border-color:hsl(var(--primary) / .35);background:transparent;color:var(--landing-accent)!important}.landing-button-outline:hover{border-color:var(--landing-accent);background:var(--landing-subtle)}.landing-hero{position:relative;overflow:hidden;isolation:isolate;padding:56px 0;background:hsl(var(--background))}.landing-partners{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface))}.landing-partners-inner{display:flex;min-height:142px;align-items:center;justify-content:space-between;gap:36px}.landing-partners-label{flex:0 0 auto;max-width:120px;color:var(--landing-warm);font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.landing-partner-viewport{display:flex;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.landing-partner-track,.landing-partner-group{display:flex;width:max-content;flex:0 0 auto;align-items:center}.landing-partner-track{animation:landing-partners-slide 24s linear infinite}.landing-partner-viewport:hover .landing-partner-track{animation-play-state:paused}.landing-partner-group{gap:52px;padding-right:52px}.landing-partner-group img{display:block;width:auto;max-width:190px;height:64px;object-fit:contain;opacity:.86;transition:opacity .18s ease,transform .18s ease}.landing-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,7vw,88px);padding:18px 30px;border:1px solid hsl(var(--border));border-radius:22px}.landing-hero-copy{max-width:520px;animation:landing-rise-in .65s cubic-bezier(.2,.7,.2,1) both}.landing-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px!important;color:var(--landing-accent);font-family:Caveat,Segoe Print,cursive;font-size:22px;font-weight:600;letter-spacing:.01em;line-height:1.4}.landing-hero-copy>.landing-eyebrow:before{width:18px;height:2px;background:var(--landing-accent);content:"";transform:rotate(-3deg)}.landing-visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.landing-hero-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:21px}.landing-window-card{position:relative;overflow:hidden;min-width:0;min-height:193px;border:1px solid hsl(var(--border));border-top:3px solid var(--landing-window-accent);border-radius:12px;background:hsl(var(--elevated));animation:landing-window-open .7s cubic-bezier(.2,.7,.2,1) both;transition:border-color .2s ease,transform .2s ease}.landing-window-student{--landing-window-accent: var(--landing-warm);animation-delay:80ms}.landing-window-teacher{--landing-window-accent: var(--landing-accent);animation-delay:.18s}.landing-window-card:hover{border-color:hsl(var(--border));border-top-color:var(--landing-window-accent);transform:translateY(-4px)}.landing-window-bar{display:flex;height:32px;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface))}.landing-window-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%}.landing-window-close{background:#f06a62}.landing-window-minimize{background:#f1bd4f}.landing-window-expand{background:#61c454}.landing-window-caption{overflow:hidden;margin-left:auto;color:hsl(var(--muted-foreground) / .75);font-size:8px;font-weight:650;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.landing-window-content{padding:14px 15px 16px}.landing-window-icon{display:grid;width:31px;height:31px;margin-bottom:12px;place-items:center;border-radius:9px;background:var(--landing-warm-soft);color:var(--landing-warm)}.landing-window-teacher .landing-window-icon{background:var(--landing-subtle);color:var(--landing-accent)}.landing-window-content h2{font-size:17px;font-weight:700;letter-spacing:-.035em}.landing-window-content p{margin-top:5px;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5}.landing-window-cursor{position:absolute;right:22px;bottom:17px;color:var(--landing-accent);animation:landing-cursor-move 3.4s 1.3s ease-in-out infinite}.landing-hero-description{max-width:490px;margin-top:20px!important;color:hsl(var(--muted-foreground));font-size:17px;line-height:1.75}.landing-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.landing-text-link{color:hsl(var(--foreground));font-size:14px;font-weight:600;text-decoration:underline!important;-webkit-text-decoration-color:hsl(var(--border))!important;text-decoration-color:hsl(var(--border))!important;text-underline-offset:4px}.landing-text-link:hover{color:var(--landing-accent)}.landing-hero-note{margin-top:18px!important;color:hsl(var(--muted-foreground));font-size:12px}.landing-hero-benefits{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px}.landing-hero-benefits span{display:inline-flex;align-items:center;gap:7px;color:hsl(var(--muted-foreground));font-size:12px;font-weight:500}.landing-hero-benefits svg{color:var(--landing-accent)}.landing-product-showcase{position:relative;display:grid;min-width:0;min-height:640px;place-items:center;isolation:isolate}.landing-showcase-orbit{position:absolute;z-index:-1;top:50%;left:50%;border:1px solid hsl(var(--primary) / .12);border-radius:50%;transform:translate(-50%,-50%)}.landing-showcase-orbit-one{width:470px;height:470px}.landing-showcase-orbit-two{width:580px;height:580px;border-style:dashed;opacity:.65}.landing-phone{position:relative;z-index:1;overflow:hidden;width:clamp(230px,23vw,290px);aspect-ratio:928 / 2048;border:7px solid #101713;border-radius:39px;background:#101713;outline:1px solid hsl(var(--primary) / .3);outline-offset:7px;box-shadow:0 35px 75px rgba(10,32,22,.25),0 12px 30px hsl(var(--primary) / .16),inset 0 0 0 1px rgba(255,255,255,.16);animation:landing-phone-in .8s .12s cubic-bezier(.2,.7,.2,1) both,landing-phone-float 6s 1.2s ease-in-out infinite;transition:outline-color .35s ease,box-shadow .35s ease,transform .35s ease}.landing-phone:after{position:absolute;top:5px;left:50%;width:18%;height:13px;border-radius:0 0 10px 10px;background:#101713;content:"";transform:translate(-50%)}.landing-phone img{display:block;width:100%;height:100%;border-radius:31px;background:#f5faf7;object-fit:cover;object-position:center top}.landing-product-showcase:hover .landing-phone{outline-color:hsl(var(--primary) / .55);box-shadow:0 42px 86px rgba(10,32,22,.3),0 14px 35px hsl(var(--primary) / .22),inset 0 0 0 1px rgba(255,255,255,.16)}.landing-preview-label{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;min-width:220px;padding:13px 15px;border:1px solid hsl(var(--border));border-left:2px solid hsl(var(--primary) / .45);border-radius:9px;background:hsl(var(--elevated) / .96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:landing-label-in .56s .48s cubic-bezier(.2,.7,.2,1) both}.landing-preview-label-top{top:17%;right:-2%}.landing-preview-label-bottom{bottom:17%;left:-5%;animation-delay:.6s}.landing-preview-label>span:last-child{display:grid;gap:4px}.landing-preview-label strong{font-size:12px;font-weight:650}.landing-preview-label small{color:hsl(var(--muted-foreground));font-size:10px}.landing-preview-label-icon,.landing-preview-check{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--landing-subtle);color:var(--landing-accent)}.landing-preview-label-icon{background:var(--landing-button);color:var(--landing-button-foreground)}.landing-showcase-search{position:absolute;z-index:2;right:0;bottom:9%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:7px;background:hsl(var(--elevated) / .96);color:var(--landing-accent);font-size:11px}.landing-showcase-search>svg:last-child{color:var(--landing-accent)}.landing-discovery{padding:76px 0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface))}.landing-discovery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.landing-discovery-heading>div{max-width:620px}.landing-discovery-heading .landing-eyebrow{margin-bottom:10px!important;color:var(--landing-warm)}.landing-discovery-heading .landing-eyebrow:before,.landing-learning-heading .landing-eyebrow:before{width:18px;height:2px;background:currentColor;content:""}.landing-discovery-heading h2{font-size:clamp(29px,3.5vw,40px);font-weight:650;letter-spacing:-.045em;line-height:1.15}.landing-discovery-heading>div>p:last-child{max-width:520px;margin-top:12px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.7}.landing-curriculum-preview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);gap:18px}.landing-curriculum-browser{overflow:hidden;min-width:0;border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--elevated))}.landing-browser-topbar{display:flex;height:54px;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.landing-browser-topbar>svg{margin-left:auto;color:var(--landing-accent)}.landing-browser-dots{display:inline-flex;gap:5px}.landing-browser-dots i{width:7px;height:7px;border-radius:50%;background:hsl(var(--primary) / .26)}.landing-browser-dots i:first-child{background:hsl(var(--primary))}.landing-browser-title{font-size:12px;font-weight:600}.landing-curriculum-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:26px 22px}.landing-curriculum-step{display:inline-flex;align-items:center;gap:8px}.landing-curriculum-step>span{padding:9px 12px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--surface));color:hsl(var(--muted-foreground));font-size:11px;font-weight:550;white-space:nowrap}.landing-curriculum-step>.landing-curriculum-current{border-color:hsl(var(--foreground) / .35);background:var(--landing-warm-soft);color:var(--landing-warm)}.landing-curriculum-chevron{flex:0 0 auto;color:var(--landing-warm)}.landing-curriculum-note{display:flex;align-items:center;gap:10px;margin:0 18px 18px;padding:13px 15px;border-radius:7px;background:var(--landing-warm-soft);color:var(--landing-warm)}.landing-curriculum-note span{flex:1;color:hsl(var(--foreground));font-size:12px;font-weight:550}.landing-discovery-aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px;border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--elevated))}.landing-discovery-icon{display:grid;width:40px;height:40px;margin-bottom:17px;place-items:center;border-radius:9px;background:var(--landing-button);color:var(--landing-button-foreground)}.landing-discovery-aside h3{font-size:17px;font-weight:650;letter-spacing:-.02em}.landing-discovery-aside p{margin-top:8px;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.65}.landing-curriculum-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.landing-curriculum-tags span{padding:6px 9px;border:1px solid hsl(var(--primary) / .16);border-radius:5px;background:var(--landing-subtle);color:var(--landing-accent);font-size:10px;font-weight:600}.landing-curriculum-tags span:first-child{border-color:hsl(var(--foreground) / .3);background:var(--landing-warm-soft);color:var(--landing-warm)}.landing-learning{position:relative;overflow:hidden;padding:92px 0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background))}.landing-learning-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:end;gap:48px;margin-bottom:36px}.landing-learning-heading .landing-eyebrow{margin-bottom:11px!important;color:var(--landing-warm)}.landing-learning-heading h2{max-width:620px;font-size:clamp(32px,4vw,48px);font-weight:650;letter-spacing:-.05em;line-height:1.08}.landing-learning-heading>p{max-width:390px;padding-bottom:4px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.75}.landing-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.landing-learning-card{position:relative;min-height:250px;padding:27px 28px 25px;transition:background-color .2s ease,transform .2s ease}.landing-learning-card+.landing-learning-card{border-left:1px solid hsl(var(--border))}.landing-learning-card:hover{z-index:1;transform:translateY(-3px)}.landing-learning-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.landing-learning-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid hsl(var(--primary) / .17);border-radius:9px;background:var(--landing-subtle);color:var(--landing-accent);transition:color .18s ease,background-color .18s ease}.landing-learning-card:hover .landing-learning-icon{background:var(--landing-button);color:var(--landing-button-foreground)}.landing-learning-card:first-child .landing-learning-icon,.landing-learning-card:last-child .landing-learning-icon{border-color:hsl(var(--foreground) / .3);background:var(--landing-warm-soft);color:var(--landing-warm)}.landing-learning-card:first-child:hover .landing-learning-icon,.landing-learning-card:last-child:hover .landing-learning-icon{border-color:var(--landing-warm);background:var(--landing-warm);color:var(--landing-button-foreground)}.landing-learning-card-top>span:last-child{color:hsl(var(--muted-foreground) / .7);font-size:11px;font-weight:600;letter-spacing:.06em}.landing-learning-detail{margin-bottom:9px!important;color:var(--landing-warm);font-size:9px;font-weight:700;letter-spacing:.09em}.landing-learning-card h3{font-size:17px;font-weight:650;letter-spacing:-.025em}.landing-learning-card:nth-child(2) .landing-learning-detail{color:var(--landing-accent)}.landing-learning-description{max-width:330px;margin-top:9px!important;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.7}.landing-learning-rule{width:34px;height:2px;margin-top:22px;background:hsl(var(--primary) / .35);transition:width .2s ease,background-color .2s ease}.landing-learning-card:hover .landing-learning-rule{width:58px;background:var(--landing-accent)}.landing-section{padding:88px 0}.landing-how{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface))}.landing-section-heading{max-width:600px;margin:0 auto 42px;text-align:center}.landing-section-heading .landing-eyebrow{margin-bottom:10px!important}.landing-section-heading h2{font-size:clamp(30px,3.5vw,42px);font-weight:650;letter-spacing:-.04em;line-height:1.15}.landing-section-heading>p:last-child{margin-top:14px;color:hsl(var(--muted-foreground));font-size:15px;line-height:1.7}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-step{position:relative;overflow:hidden;min-height:190px;padding:25px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--elevated));transition:border-color .2s ease,transform .2s ease}.landing-step:before{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--landing-step-accent),transparent);content:"";opacity:0;transform:scaleX(.4);transform-origin:left;transition:opacity .2s ease,transform .2s ease}.landing-step:nth-child(odd){--landing-step-accent: var(--landing-warm)}.landing-step:nth-child(2n){--landing-step-accent: var(--landing-accent)}.landing-step:hover{border-color:color-mix(in hsl,var(--landing-step-accent) 42%,hsl(var(--border)));transform:translateY(-4px)}.landing-step:hover:before{opacity:1;transform:scaleX(1)}.landing-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.landing-step-icon,.landing-audience-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid hsl(var(--primary) / .12);border-radius:9px;background:var(--landing-subtle);color:var(--landing-accent);transition:background-color .18s ease,transform .18s ease}.landing-step-icon{border-color:color-mix(in hsl,var(--landing-step-accent) 28%,hsl(var(--border)));background:color-mix(in hsl,var(--landing-step-accent) 10%,hsl(var(--elevated)));color:var(--landing-step-accent)}.landing-step:hover .landing-step-icon{background:color-mix(in hsl,var(--landing-step-accent) 16%,hsl(var(--elevated)));transform:translateY(-2px)}.landing-step-number{color:hsl(var(--muted-foreground) / .75);font-size:12px;font-weight:600;letter-spacing:.06em}.landing-step h3{font-size:17px;font-weight:650;letter-spacing:-.02em}.landing-step p{margin-top:9px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.65}.landing-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.landing-audience-card{position:relative;overflow:hidden;padding:clamp(26px,4vw,42px);border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--elevated));scroll-margin-top:100px;transition:border-color .2s ease,transform .2s ease}.landing-audience-card:hover{border-color:color-mix(in hsl,var(--landing-audience-accent) 40%,hsl(var(--border)));transform:translateY(-3px)}.landing-audience-card:first-child{--landing-audience-accent: var(--landing-warm)}.landing-audience-card:last-child{--landing-audience-accent: var(--landing-accent)}.landing-audience-icon{margin-bottom:24px;width:46px;height:46px;border-color:color-mix(in hsl,var(--landing-audience-accent) 28%,hsl(var(--border)));background:color-mix(in hsl,var(--landing-audience-accent) 10%,hsl(var(--elevated)));color:var(--landing-audience-accent)}.landing-audience-card .landing-eyebrow{margin-bottom:9px!important;color:var(--landing-audience-accent)}.landing-audience-card h2{font-size:clamp(25px,3vw,34px);font-weight:650;letter-spacing:-.04em;line-height:1.15}.landing-audience-description{max-width:460px;margin-top:13px!important;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.7}.landing-audience-card ul{display:grid;gap:13px;margin:25px 0 27px;padding:0;list-style:none}.landing-audience-card li{display:flex;align-items:flex-start;gap:10px;color:hsl(var(--foreground));font-size:13px;line-height:1.55}.landing-audience-card li svg{flex:0 0 auto;margin-top:1px;color:var(--landing-audience-accent)}.landing-closing{position:relative;overflow:hidden;padding:58px 0;background:hsl(var(--primary));color:#fff}.dark .landing-closing{background:hsl(var(--background));color:hsl(var(--foreground))}.landing-closing:after{position:absolute;top:-150px;right:max(2%,calc((100vw - 1200px)/2));width:360px;height:360px;border:1px solid rgb(255 255 255 / .16);border-radius:50%;content:"";pointer-events:none}.landing-closing-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px}.landing-closing .landing-eyebrow{margin-bottom:10px!important;color:#ffe2a6}.landing-closing .landing-eyebrow:before{background:currentColor}.landing-closing h2{max-width:660px;color:#fff;font-size:clamp(29px,4vw,44px);font-weight:650;letter-spacing:-.045em;line-height:1.12;-webkit-text-fill-color:#fff}.landing-closing-inner>div>p:last-child{max-width:510px;margin-top:12px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.7}.landing-button-light{flex:0 0 auto;border-color:#fff;background:#fff;color:#000!important}.landing-button-light:hover{border-color:hsl(var(--surface));background:hsl(var(--surface))}.landing-footer{border-top:1px solid hsl(var(--border));background:hsl(var(--surface))}.landing-footer-main{display:flex;min-height:138px;align-items:center;justify-content:space-between;gap:28px}.landing-footer-brand img{display:block;width:auto;height:32px;transition:opacity .18s ease}.landing-footer-brand p{margin-top:9px;color:hsl(var(--muted-foreground));font-size:12px}.landing-footer-links,.landing-social-links{display:flex;align-items:center;gap:22px}.landing-footer-links a{color:hsl(var(--muted-foreground));font-size:13px;transition:color .16s ease}.landing-social-links{gap:9px}.landing-social-links a{display:grid;width:36px;height:36px;place-items:center;border:1px solid hsl(var(--border));border-radius:6px;color:hsl(var(--muted-foreground));transition:color .16s ease,border-color .16s ease}.landing-social-links a:hover{border-color:var(--landing-accent);color:var(--landing-accent)}.landing-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 0 20px;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:11px}@keyframes landing-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-window-open{0%{opacity:0;translate:0 14px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes landing-cursor-move{0%,to{transform:translate(10px,8px)}45%,60%{transform:translate(-4px,-2px) scale(.92)}}@keyframes landing-partners-slide{to{transform:translate(-50%)}}@keyframes landing-phone-in{0%{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes landing-phone-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes landing-label-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.landing-reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .52s cubic-bezier(.2,.7,.2,1),transform .52s cubic-bezier(.2,.7,.2,1)}.landing-reveal-ready.landing-revealed{opacity:1;transform:translateY(0)}.landing-steps .landing-step:nth-child(2){transition-delay:70ms}.landing-steps .landing-step:nth-child(3){transition-delay:.14s}@media(max-width:850px){.landing-header-inner,.landing-nav-links{gap:16px}.landing-header-actions{gap:12px}.landing-hero{padding:62px 0 70px}.landing-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:34px;padding:24px}.landing-product-showcase{min-height:580px}.landing-phone{width:clamp(225px,30vw,270px)}.landing-showcase-orbit-one{width:390px;height:390px}.landing-showcase-orbit-two{width:490px;height:490px}.landing-preview-label{min-width:195px;padding:11px}.landing-preview-label-top{right:-5%}.landing-preview-label-bottom{left:-9%}.landing-showcase-search{right:-4%;bottom:7%}.landing-curriculum-preview{grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr)}.landing-curriculum-steps{gap:6px;padding-inline:16px}.landing-curriculum-step{gap:6px}.landing-curriculum-step>span{padding:8px 9px;font-size:10px}.landing-steps{gap:12px}.landing-learning{padding:72px 0}.landing-learning-grid{grid-template-columns:1fr}.landing-learning-card{min-height:0;padding:23px 20px}.landing-learning-card+.landing-learning-card{border-top:1px solid hsl(var(--border));border-left:0}.landing-learning-card-top{margin-bottom:22px}.landing-closing-inner{align-items:flex-start;flex-direction:column}.landing-partners-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:14px;padding-block:20px}.landing-partners-label{max-width:none}.landing-partner-viewport{width:100%}.landing-step{padding:20px}}@media(max-width:680px){.landing-container,.landing-header-inner,.landing-hero-inner{width:min(calc(100% - 36px),520px)}.landing-header-inner{min-height:66px;gap:12px}.landing-brand img{height:32px}.landing-nav-links,.landing-login{display:none}.landing-header-actions{gap:11px}.landing-hero{padding:48px 0 56px}.landing-hero-inner{grid-template-columns:1fr;gap:34px}.landing-hero-cards{gap:9px}.landing-window-card{min-height:184px}.landing-window-content{padding:12px 11px 14px}.landing-window-content h2{font-size:16px}.landing-window-content p{font-size:12px}.landing-hero-description{margin-top:17px!important;font-size:15px}.landing-hero-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}.landing-hero-inner{grid-template-columns:1fr;gap:22px;padding:20px}.landing-product-showcase{min-height:600px}.landing-phone{width:clamp(235px,68vw,290px)}.landing-showcase-orbit-one{width:360px;height:360px}.landing-showcase-orbit-two{width:450px;height:450px}.landing-preview-label-top{top:15%;right:max(0px,calc((100% - 430px)/2))}.landing-preview-label-bottom{bottom:13%;left:max(0px,calc((100% - 430px)/2))}.landing-showcase-search{right:max(0px,calc((100% - 430px)/2));bottom:5%}.landing-discovery{padding:58px 0}.landing-learning{padding:62px 0}.landing-learning-heading{grid-template-columns:1fr;gap:13px;margin-bottom:25px}.landing-learning-heading h2{font-size:34px}.landing-learning-card{padding-inline:16px}.landing-discovery-heading{align-items:flex-start;flex-direction:column;gap:16px}.landing-curriculum-preview{grid-template-columns:1fr}.landing-discovery-aside{padding:22px}.landing-partners-inner{align-items:center;text-align:center}.landing-partner-group{gap:30px;padding-right:30px}.landing-partner-group img{max-width:150px;height:52px}.landing-section{padding:64px 0}.landing-section-heading{margin-bottom:30px;text-align:left}.landing-steps,.landing-audience-grid{grid-template-columns:1fr}.landing-product-showcase{min-height:560px}.landing-phone{width:min(250px,68vw)}.landing-preview-label{min-width:0;max-width:205px;padding:9px;gap:8px}.landing-preview-label strong{font-size:10px}.landing-preview-label small{font-size:9px}.landing-preview-label-icon,.landing-preview-check{width:30px;height:30px}.landing-showcase-search{gap:7px;padding:8px 10px;font-size:10px}.landing-curriculum-steps{gap:5px;padding:20px 14px}.landing-curriculum-step{gap:5px}.landing-curriculum-chevron{width:12px}.landing-curriculum-step>span{padding:7px 8px;font-size:9px}.landing-curriculum-note{gap:8px;margin-inline:12px;padding-inline:11px}.landing-curriculum-note span{font-size:10px}.landing-step{min-height:0}.landing-step-top{margin-bottom:15px}.landing-audience-grid{gap:14px}.landing-audience-card{padding:26px 22px}.landing-closing{padding:43px 0}.landing-footer-main{min-height:0;align-items:flex-start;flex-direction:column;gap:24px;padding:32px 0}.landing-footer-links{flex-wrap:wrap;gap:18px}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landing-hero{padding:clamp(24px,4vw,56px) 0;background:radial-gradient(ellipse at 82% 14%,rgb(91 171 145 / 34%),transparent 34%),linear-gradient(118deg,#123f3a,#18594f 54%,#23685c)}.dark .landing-hero{background:radial-gradient(ellipse at 82% 14%,rgb(91 171 145 / 26%),transparent 34%),linear-gradient(118deg,#0b302d,#10463f 54%,#17594f)}.landing-hero-inner{--landing-accent: hsl(var(--primary));--landing-button: hsl(var(--primary));--landing-button-foreground: hsl(var(--primary-foreground));--landing-subtle: hsl(var(--primary) / .08);position:relative;isolation:isolate;overflow:hidden;padding:clamp(26px,4.5vw,58px);border-color:hsl(var(--border));border-radius:clamp(24px,3vw,36px);background:hsl(var(--elevated));box-shadow:0 28px 65px -35px rgba(2,35,30,.48),0 5px 16px -10px rgba(2,35,30,.25),inset 0 1px hsl(var(--card))}.landing-hero-inner:before,.landing-hero-inner:after{position:absolute;z-index:0;right:-3%;bottom:-62%;width:clamp(300px,43vw,500px);aspect-ratio:1;border-radius:50%;content:"";pointer-events:none}.landing-hero-inner:before{border:1px solid hsl(var(--primary) / .12);box-shadow:0 0 0 26px hsl(var(--primary) / .025),0 0 0 56px hsl(var(--primary) / .02)}.landing-hero-inner:after{right:-9%;bottom:-73%;border:1px solid hsl(var(--primary) / .055);background:hsl(var(--primary) / .025)}.landing-hero-copy,.landing-product-showcase{z-index:1}.landing-hero-copy>.landing-eyebrow{color:var(--landing-accent)}.landing-hero-copy>.landing-eyebrow:before{background:currentColor}.landing-hero-description,.landing-hero-note,.landing-hero-benefits span,.landing-hero-inner .landing-text-link{color:hsl(var(--muted-foreground))}.landing-hero-inner .landing-text-link:hover{color:var(--landing-accent)}.landing-hero-inner .landing-button:not(.landing-button-outline){border-color:var(--landing-button);background:var(--landing-button);color:var(--landing-button-foreground)!important}.landing-hero-inner .landing-button:not(.landing-button-outline):hover{border-color:hsl(var(--primary-hover));background:hsl(var(--primary-hover))}.landing-partner-group img{width:168px;height:72px;max-width:none;padding:10px 14px;border:1px solid hsl(var(--border) / 70%);border-radius:12px;background:#fff;box-shadow:0 5px 16px -12px rgba(15,45,37,.32);opacity:1}.landing-partner-group img:hover{opacity:1;transform:translateY(-2px)}@media(max-width:680px){.landing-hero-inner{padding:22px 18px}.landing-hero-inner:before{right:-38%;bottom:1%;width:340px}.landing-hero-inner:after{right:-53%;bottom:-8%;width:390px}.landing-partner-group img{width:148px;height:58px;padding:8px 12px}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Roboto", Arial, ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(57% .15 166);--color-blue-500:oklch(59% .12 190);--color-blue-600:oklch(51% .14 185);--color-blue-700:oklch(44% .13 180);--color-purple-500:oklch(59% .1 175);--color-purple-600:oklch(51% .12 171);--color-pink-500:oklch(66% .1 165);--color-slate-100:oklch(96.8% 0 0);--color-slate-200:oklch(92.9% 0 0);--color-slate-300:oklch(86.9% 0 0);--color-slate-400:oklch(70.4% 0 0);--color-slate-500:oklch(55.4% 0 0);--color-slate-600:oklch(44.6% 0 0);--color-slate-700:oklch(37.2% 0 0);--color-slate-800:oklch(27.9% 0 0);--color-slate-900:oklch(20.8% 0 0);--color-gray-50:oklch(98.5% 0 0);--color-gray-100:oklch(96.7% 0 0);--color-gray-200:oklch(92.8% 0 0);--color-gray-300:oklch(87.2% 0 0);--color-gray-400:oklch(70.7% 0 0);--color-gray-500:oklch(55.1% 0 0);--color-gray-600:oklch(44.6% 0 0);--color-gray-700:oklch(37.3% 0 0);--color-gray-800:oklch(27.8% 0 0);--color-gray-900:oklch(21% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-youtube:"Roboto", Arial, ui-sans-serif, system-ui, sans-serif;--font-handwritten:"Caveat", cursive;--font-sora:"Sora", sans-serif;--color-background:hsl(var(--background));--color-primary:hsl(var(--primary));--color-secondary:hsl(var(--secondary));--color-success:hsl(var(--success))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}html,body{overscroll-behavior:none;height:100%;min-height:100%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-youtube);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}button{color:hsl(var(--foreground));background-color:rgba(0,0,0,0);border:1px solid #0000}.dark .btn-primary,.dark .btn-liquid-primary{color:hsl(var(--primary-foreground))!important}input,textarea,select{background-color:hsl(var(--input))!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important}input::placeholder,textarea::placeholder{color:hsl(var(--muted-foreground))!important}select option{background-color:hsl(var(--elevated));color:hsl(var(--foreground))}#root{height:100%;min-height:100%}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);box-shadow:none;transition:none}.card:hover{box-shadow:none;border-color:hsl(var(--foreground) / .2);transform:none}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:0 20px 40px -15px hsl(var(--foreground) / .18);transform:translateY(-4px)scale(1.01)}h1,h2,h3{color:hsl(var(--foreground));-webkit-text-fill-color:currentColor;background:0 0;font-weight:800}h1,h3,h4,h5,h6,p{font-family:var(--font-youtube)}h2{font-family:var(--font-handwritten);letter-spacing:normal;font-weight:700;line-height:1.15}.gradient-text{color:hsl(var(--foreground));-webkit-text-fill-color:currentColor;letter-spacing:-.02em;background:0 0;font-weight:800}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary));box-shadow:none;letter-spacing:.01em;font-weight:650}.btn-primary:hover{background:hsl(var(--primary-hover));box-shadow:none;transform:none}.btn-primary:active{box-shadow:none;transform:none}.btn-outline{border:1px solid hsl(var(--foreground) / .35);color:hsl(var(--foreground));letter-spacing:.01em;background:0 0;font-weight:600}.btn-outline:hover{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:none;transform:none}.btn-outline:active{transform:none}.input,input[type=text],input[type=email],input[type=password],textarea{background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);font-weight:500;transition:none}.input:focus,input:focus,textarea:focus{border-color:hsl(var(--ring));box-shadow:none;transform:none}.section-title{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.stat-card{background:linear-gradient(145deg,hsl(var(--elevated)),hsl(var(--surface)));border:1px solid hsl(var(--primary) / .15);position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle,hsl(var(--primary) / .1) 0%,transparent 50%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:none;transform:translateY(-4px)}.tab-button,button[class*=tab]{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);transition:all .3s}.tab-button.active,button.active[class*=tab]{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0)}.tab-button:hover:not(.active),button:hover[class*=tab]:not(.active){background:hsl(var(--primary-light));border-color:hsl(var(--primary) / .3)}.pill-tabs,.pill-tabs button,[class*=rounded-full][class*=tab]{padding:.625rem 1.25rem;font-weight:600;border-radius:9999px!important}.pill-tabs button.active{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;border-radius:9999px}.page-header,[class*=page-header]{margin-bottom:2rem;position:relative}.page-header:before{content:"";background:radial-gradient(ellipse,hsl(var(--primary) / .08) 0%,transparent 70%);pointer-events:none;z-index:0;width:140%;height:200%;position:absolute;top:-50%;left:-20%}.page-title,h1:not(.gradient-text){background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)),hsl(var(--accent-2)));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.empty-state,[class*=empty-state]{text-align:center;padding:4rem 1rem}.empty-state-icon{background:linear-gradient(135deg,hsl(var(--primary-light)),hsl(var(--accent-1) / .15));width:5rem;height:5rem;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}.empty-state-title,.empty-state h2{background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--muted-foreground)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.empty-state-text,.empty-state p{color:hsl(var(--muted-foreground));max-width:24rem;margin:0 auto 2rem;font-size:1rem}.no-content,[class*="no videos"],[class*="No videos"],[class*=empty],[class*=no-content],.no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.no-content-icon{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));width:5rem;height:5rem;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}.no-content-title{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.no-content-text{color:hsl(var(--muted-foreground));max-width:20rem;margin-bottom:1.5rem;font-size:1rem}[class*=empty] h3,[class*=empty] h2,[class*=empty] p,div[class*=no-videos] h3,div[class*=no-videos] h2,div[class*=no-content] h3,div[class*=no-content] h2{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}[class*=empty] p,div[class*=no-videos] p,div[class*=no-content] p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}[class*=empty]>div:first-child,div[class*=no-content]>div:first-child,div[class*=no-results]>div:first-child{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));width:5rem;height:5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}[class*=empty]>div:first-child svg,[class*=empty]>div:first-child [class*=icon]{color:hsl(var(--primary-foreground));width:2rem;height:2rem}.text-center.py-16.md\:py-24.px-4,div[class*=text-center][class*=py-16],div[class*=text-center][class*=py-24]{text-align:center;padding:4rem 1rem}.text-center.py-16.md\:py-24.px-4>div:first-child,.text-center.py-16.md\:py-24.px-4>div>div:first-child,[class*=empty] .w-20.h-20,[class*=empty-state] .w-20.h-20{background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--accent-1) / .2),hsl(var(--accent-2) / .2));width:5rem;height:5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}.text-center.py-16.md\:py-24.px-4 svg,[class*=empty] svg{color:hsl(var(--primary));width:2.5rem;height:2.5rem}.text-center.py-16.md\:py-24.px-4 h2,.text-center.py-16.md\:py-24.px-4 h3,[class*=empty] h2,[class*=empty] h3,[class*=empty-state] h2,[class*=empty-state] h3{background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--foreground) / .7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.text-center.py-16.md\:py-24.px-4 p,[class*=empty] p,[class*=empty-state] p{color:hsl(var(--foreground) / .6);max-width:24rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem}.search-bar,input[placeholder*=Search]{background:hsl(var(--surface));border:2px solid hsl(var(--border));border-radius:var(--radius-lg);padding:.75rem 1rem .75rem 3rem;transition:all .3s;position:relative}.search-bar:focus,input[placeholder*=Search]:focus{border-color:hsl(var(--primary));box-shadow:none}.video-grid,[class*=grid-cols]{gap:1.5rem}.motion-fade-in{animation:.5s forwards fadeIn}.motion-slide-up{animation:.5s forwards slideUp}.motion-scale-in{animation:.4s forwards scaleIn}h1{letter-spacing:-.03em;font-weight:800}h2{letter-spacing:-.02em;font-weight:700}h3{letter-spacing:-.01em;font-weight:700}h4{font-weight:600}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-3{inset:calc(var(--spacing) * 3)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-8{top:calc(var(--spacing) * -8)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-20{top:calc(var(--spacing) * 20)}.top-24{top:calc(var(--spacing) * 24)}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.top-\[20\%\]{top:20%}.top-\[25\%\]{top:25%}.top-\[30\%\]{top:30%}.top-\[35\%\]{top:35%}.top-\[40\%\]{top:40%}.top-\[45\%\]{top:45%}.top-\[50\%\]{top:50%}.top-\[55\%\]{top:55%}.top-\[60\%\]{top:60%}.top-\[65\%\]{top:65%}.top-\[70\%\]{top:70%}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-8{right:calc(var(--spacing) * -8)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-20{right:calc(var(--spacing) * 20)}.right-\[5\%\]{right:5%}.right-\[10\%\]{right:10%}.right-\[12\%\]{right:12%}.right-\[20\%\]{right:20%}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-32{bottom:calc(var(--spacing) * 32)}.bottom-\[15\%\]{bottom:15%}.bottom-\[20\%\]{bottom:20%}.bottom-\[25\%\]{bottom:25%}.bottom-\[35\%\]{bottom:35%}.bottom-\[40\%\]{bottom:40%}.bottom-full{bottom:100%}.-left-12{left:calc(var(--spacing) * -12)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.left-10{left:calc(var(--spacing) * 10)}.left-16{left:calc(var(--spacing) * 16)}.left-\[3\%\]{left:3%}.left-\[8\%\]{left:8%}.left-\[10\%\]{left:10%}.left-\[15\%\]{left:15%}.left-\[20\%\]{left:20%}.left-\[25\%\]{left:25%}.left-\[30\%\]{left:30%}.left-\[35\%\]{left:35%}.left-\[40\%\]{left:40%}.left-\[45\%\]{left:45%}.left-\[55\%\]{left:55%}.left-\[60\%\]{left:60%}.left-\[70\%\]{left:70%}.left-\[80\%\]{left:80%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.m-auto{margin:auto}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-14{margin-left:calc(var(--spacing) * 14)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[30rem\]{height:30rem}.h-\[500px\]{height:500px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[calc\(100vh-10rem\)\]{min-height:calc(100vh - 10rem)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[30rem\]{width:30rem}.w-\[200px\]{width:200px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[70\%\]{max-width:70%}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[shimmer_2s_infinite\]{animation:2s infinite shimmer}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:-webkit-grab;cursor:grab}.cursor-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[20px\]{border-radius:20px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-\[hsl\(var\(--primary\)\)\]\/40{border-color:hsl(var(--primary))!important}@supports (color:color-mix(in lab,red,red)){.\!border-\[hsl\(var\(--primary\)\)\]\/40{border-color:color-mix(in oklab,hsl(var(--primary)) 40%,transparent)!important}}.border-\[hsl\(var\(--accent-1\)\)\]\/20{border-color:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--accent-1\)\)\]\/20{border-color:color-mix(in oklab,hsl(var(--accent-1)) 20%,transparent)}}.border-\[hsl\(var\(--border\)\)\],.border-\[hsl\(var\(--border\)\)\]\/30{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--border\)\)\]\/30{border-color:color-mix(in oklab,hsl(var(--border)) 30%,transparent)}}.border-\[hsl\(var\(--border\)\)\]\/50{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--border\)\)\]\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-\[hsl\(var\(--destructive\)\)\],.border-\[hsl\(var\(--destructive\)\)\]\/20{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--destructive\)\)\]\/20{border-color:color-mix(in oklab,hsl(var(--destructive)) 20%,transparent)}}.border-\[hsl\(var\(--destructive\)\)\]\/30{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--destructive\)\)\]\/30{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.border-\[hsl\(var\(--primary\)\)\],.border-\[hsl\(var\(--primary\)\)\]\/20{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--primary\)\)\]\/20{border-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.border-\[hsl\(var\(--primary\)\)\]\/30{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--primary\)\)\]\/30{border-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.border-\[hsl\(var\(--primary\)\)\]\/50{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--primary\)\)\]\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-\[hsl\(var\(--success\)\)\],.border-\[hsl\(var\(--success\)\)\]\/20{border-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--success\)\)\]\/20{border-color:color-mix(in oklab,hsl(var(--success)) 20%,transparent)}}.border-\[hsl\(var\(--success\)\)\]\/30{border-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--success\)\)\]\/30{border-color:color-mix(in oklab,hsl(var(--success)) 30%,transparent)}}.border-\[hsl\(var\(--warning\)\)\],.border-\[hsl\(var\(--warning\)\)\]\/20{border-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--warning\)\)\]\/20{border-color:color-mix(in oklab,hsl(var(--warning)) 20%,transparent)}}.border-\[hsl\(var\(--warning\)\)\]\/30{border-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.border-\[hsl\(var\(--warning\)\)\]\/30{border-color:color-mix(in oklab,hsl(var(--warning)) 30%,transparent)}}.border-current{border-color:currentColor}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-700{border-color:var(--color-gray-700)}.border-primary\/10{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/10{border-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:rgba(0,0,0,0)}.border-white\/10{border-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:rgba(255,255,255,.15)}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:rgba(255,255,255,.2)}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/25{border-color:rgba(255,255,255,.25)}@supports (color:color-mix(in lab,red,red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.border-r-transparent{border-right-color:rgba(0,0,0,0)}.bg-\[hsl\(var\(--accent-1\)\)\],.bg-\[hsl\(var\(--accent-1\)\)\]\/5{background-color:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--accent-1\)\)\]\/5{background-color:color-mix(in oklab,hsl(var(--accent-1)) 5%,transparent)}}.bg-\[hsl\(var\(--accent-1\)\)\]\/10{background-color:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--accent-1\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--accent-1)) 10%,transparent)}}.bg-\[hsl\(var\(--accent-1\)\)\]\/30{background-color:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--accent-1\)\)\]\/30{background-color:color-mix(in oklab,hsl(var(--accent-1)) 30%,transparent)}}.bg-\[hsl\(var\(--background\)\)\],.bg-\[hsl\(var\(--background\)\)\]\/30{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--background\)\)\]\/30{background-color:color-mix(in oklab,hsl(var(--background)) 30%,transparent)}}.bg-\[hsl\(var\(--background\)\)\]\/50{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--background\)\)\]\/50{background-color:color-mix(in oklab,hsl(var(--background)) 50%,transparent)}}.bg-\[hsl\(var\(--border\)\)\]{background-color:hsl(var(--border))}.bg-\[hsl\(var\(--destructive\)\)\],.bg-\[hsl\(var\(--destructive\)\)\]\/10{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--destructive\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--destructive)) 10%,transparent)}}.bg-\[hsl\(var\(--destructive\)\)\]\/20{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--destructive\)\)\]\/20{background-color:color-mix(in oklab,hsl(var(--destructive)) 20%,transparent)}}.bg-\[hsl\(var\(--elevated\)\)\],.bg-\[hsl\(var\(--elevated\)\)\]\/80{background-color:hsl(var(--elevated))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--elevated\)\)\]\/80{background-color:color-mix(in oklab,hsl(var(--elevated)) 80%,transparent)}}.bg-\[hsl\(var\(--foreground\)\)\]\/10{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--foreground\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--foreground)) 10%,transparent)}}.bg-\[hsl\(var\(--input\)\)\]{background-color:hsl(var(--input))}.bg-\[hsl\(var\(--muted\)\)\]{background-color:hsl(var(--muted))}.bg-\[hsl\(var\(--muted-foreground\)\)\]\/10{background-color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--muted-foreground\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--muted-foreground)) 10%,transparent)}}.bg-\[hsl\(var\(--primary\)\)\/15\]{background-color:hsl(var(--primary))/15}.bg-\[hsl\(var\(--primary\)\)\],.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-\[hsl\(var\(--primary\)\)\]\/20{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary\)\)\]\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-\[hsl\(var\(--primary-foreground\)\)\]\/20{background-color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--primary-foreground\)\)\]\/20{background-color:color-mix(in oklab,hsl(var(--primary-foreground)) 20%,transparent)}}.bg-\[hsl\(var\(--primary-light\)\)\]{background-color:hsl(var(--primary-light))}.bg-\[hsl\(var\(--success\)\)\],.bg-\[hsl\(var\(--success\)\)\]\/10{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--success\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--success)) 10%,transparent)}}.bg-\[hsl\(var\(--success\)\)\]\/15{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--success\)\)\]\/15{background-color:color-mix(in oklab,hsl(var(--success)) 15%,transparent)}}.bg-\[hsl\(var\(--success\)\)\]\/20{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--success\)\)\]\/20{background-color:color-mix(in oklab,hsl(var(--success)) 20%,transparent)}}.bg-\[hsl\(var\(--success\)\)\]\/50{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--success\)\)\]\/50{background-color:color-mix(in oklab,hsl(var(--success)) 50%,transparent)}}.bg-\[hsl\(var\(--success\)\)\]\/60{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--success\)\)\]\/60{background-color:color-mix(in oklab,hsl(var(--success)) 60%,transparent)}}.bg-\[hsl\(var\(--surface\)\)\],.bg-\[hsl\(var\(--surface\)\)\]\/50{background-color:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--surface\)\)\]\/50{background-color:color-mix(in oklab,hsl(var(--surface)) 50%,transparent)}}.bg-\[hsl\(var\(--warning\)\)\],.bg-\[hsl\(var\(--warning\)\)\]\/10{background-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--warning\)\)\]\/10{background-color:color-mix(in oklab,hsl(var(--warning)) 10%,transparent)}}.bg-\[hsl\(var\(--warning\)\)\]\/20{background-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--warning\)\)\]\/20{background-color:color-mix(in oklab,hsl(var(--warning)) 20%,transparent)}}.bg-\[hsl\(var\(--warning\)\)\]\/40{background-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.bg-\[hsl\(var\(--warning\)\)\]\/40{background-color:color-mix(in oklab,hsl(var(--warning)) 40%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:rgba(0,0,0,0)}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\/20{background-color:rgba(0,0,0,.2)}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\/50{background-color:rgba(0,0,0,.5)}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:rgba(0,0,0,.55)}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:rgba(0,0,0,.6)}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/80{background-color:rgba(0,0,0,.8)}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-black\/95{background-color:rgba(0,0,0,.95)}@supports (color:color-mix(in lab,red,red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black) 95%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-current\/25{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.bg-current\/25{background-color:color-mix(in oklab,currentcolor 25%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500\/10{background-color:rgba(114,114,114,.1)}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\/50{background-color:rgba(40,40,40,.5)}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-primary,.bg-primary\/5{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:rgba(0,0,0,0)}.bg-white{background-color:var(--color-white)}.bg-white\/8{background-color:rgba(255,255,255,.08)}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-white\/10{background-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:rgba(255,255,255,.15)}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:rgba(255,255,255,.2)}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:rgba(255,255,255,.3)}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:rgba(255,255,255,.4)}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/50{background-color:rgba(255,255,255,.5)}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/80{background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:rgba(255,255,255,.9)}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:rgba(255,255,255,.95)}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[hsl\(var\(--accent-1\)\)\]{--tw-gradient-from:hsl(var(--accent-1));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-from:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-from:color-mix(in oklab, hsl(var(--accent-1)) 10%, transparent)}}.from-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--background\)\)\]{--tw-gradient-from:hsl(var(--background));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--destructive\)\)\]\/10{--tw-gradient-from:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--destructive\)\)\]\/10{--tw-gradient-from:color-mix(in oklab, hsl(var(--destructive)) 10%, transparent)}}.from-\[hsl\(var\(--destructive\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-from:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-from:color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.from-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--elevated\)\)\]{--tw-gradient-from:hsl(var(--elevated));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--foreground\)\)\]{--tw-gradient-from:hsl(var(--foreground));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--primary\)\)\]{--tw-gradient-from:hsl(var(--primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--primary\)\)\]\/0{--tw-gradient-from:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--primary\)\)\]\/0{--tw-gradient-from:color-mix(in oklab, hsl(var(--primary)) 0%, transparent)}}.from-\[hsl\(var\(--primary\)\)\]\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-from:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-from:color-mix(in oklab, hsl(var(--primary)) 5%, transparent)}}.from-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--primary\)\)\]\/10{--tw-gradient-from:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--primary\)\)\]\/10{--tw-gradient-from:color-mix(in oklab, hsl(var(--primary)) 10%, transparent)}}.from-\[hsl\(var\(--primary\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-from:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-from:color-mix(in oklab, hsl(var(--primary)) 20%, transparent)}}.from-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--success\)\)\]{--tw-gradient-from:hsl(var(--success));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-from:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-from:color-mix(in oklab, hsl(var(--success)) 10%, transparent)}}.from-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-from:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-from:color-mix(in oklab, hsl(var(--success)) 20%, transparent)}}.from-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--surface\)\)\]{--tw-gradient-from:hsl(var(--surface));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-from:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-from:color-mix(in oklab, hsl(var(--surface)) 50%, transparent)}}.from-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--warning\)\)\]{--tw-gradient-from:hsl(var(--warning));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-from:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-from:color-mix(in oklab, hsl(var(--warning)) 10%, transparent)}}.from-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-from:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.from-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-from:color-mix(in oklab, hsl(var(--warning)) 20%, transparent)}}.from-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/10{--tw-gradient-from:#0000001a}@supports (color:color-mix(in lab,red,red)){.from-black\/10{--tw-gradient-from:color-mix(in oklab, var(--color-black) 10%, transparent)}}.from-black\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab,red,red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab,red,red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/0{--tw-gradient-from:#0000}@supports (color:color-mix(in lab,red,red)){.from-white\/0{--tw-gradient-from:color-mix(in oklab, var(--color-white) 0%, transparent)}}.from-white\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/20{--tw-gradient-from:#fff3}@supports (color:color-mix(in lab,red,red)){.from-white\/20{--tw-gradient-from:color-mix(in oklab, var(--color-white) 20%, transparent)}}.from-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[hsl\(var\(--accent-1\)\)\]{--tw-gradient-via:hsl(var(--accent-1));--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-via:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-via:color-mix(in oklab, hsl(var(--accent-1)) 20%, transparent)}}.via-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--background\)\)\]\/95{--tw-gradient-via:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--background\)\)\]\/95{--tw-gradient-via:color-mix(in oklab, hsl(var(--background)) 95%, transparent)}}.via-\[hsl\(var\(--background\)\)\]\/95{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-via:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-via:color-mix(in oklab, hsl(var(--primary)) 5%, transparent)}}.via-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--primary\)\)\]\/90{--tw-gradient-via:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--primary\)\)\]\/90{--tw-gradient-via:color-mix(in oklab, hsl(var(--primary)) 90%, transparent)}}.via-\[hsl\(var\(--primary\)\)\]\/90{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--success\)\)\]{--tw-gradient-via:hsl(var(--success));--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-via:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-via:color-mix(in oklab, hsl(var(--success)) 10%, transparent)}}.via-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-via:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.via-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-via:color-mix(in oklab, hsl(var(--warning)) 10%, transparent)}}.via-\[hsl\(var\(--warning\)\)\]\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500{--tw-gradient-via:var(--color-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/5{--tw-gradient-via:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.via-white\/5{--tw-gradient-via:color-mix(in oklab, var(--color-white) 5%, transparent)}}.via-white\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/10{--tw-gradient-via:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.via-white\/10{--tw-gradient-via:color-mix(in oklab, var(--color-white) 10%, transparent)}}.via-white\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab,red,red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab, var(--color-white) 20%, transparent)}}.via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/30{--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.via-white\/30{--tw-gradient-via:color-mix(in oklab, var(--color-white) 30%, transparent)}}.via-white\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[hsl\(var\(--accent-1\)\)\]{--tw-gradient-to:hsl(var(--accent-1));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-1\)\)\]\/0{--tw-gradient-to:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--accent-1\)\)\]\/0{--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-1)) 0%, transparent)}}.to-\[hsl\(var\(--accent-1\)\)\]\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-1\)\)\]\/5{--tw-gradient-to:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--accent-1\)\)\]\/5{--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-1)) 5%, transparent)}}.to-\[hsl\(var\(--accent-1\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-to:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-1)) 10%, transparent)}}.to-\[hsl\(var\(--accent-1\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-to:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-1)) 20%, transparent)}}.to-\[hsl\(var\(--accent-1\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-2\)\)\]{--tw-gradient-to:hsl(var(--accent-2));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--accent-2\)\)\]\/20{--tw-gradient-to:hsl(var(--accent-2))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--accent-2\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-2)) 20%, transparent)}}.to-\[hsl\(var\(--accent-2\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--destructive\)\)\]{--tw-gradient-to:hsl(var(--destructive));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--destructive\)\)\]\/5{--tw-gradient-to:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--destructive\)\)\]\/5{--tw-gradient-to:color-mix(in oklab, hsl(var(--destructive)) 5%, transparent)}}.to-\[hsl\(var\(--destructive\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-to:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.to-\[hsl\(var\(--destructive\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--elevated\)\)\]{--tw-gradient-to:hsl(var(--elevated));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--elevated\)\)\]\/80{--tw-gradient-to:hsl(var(--elevated))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--elevated\)\)\]\/80{--tw-gradient-to:color-mix(in oklab, hsl(var(--elevated)) 80%, transparent)}}.to-\[hsl\(var\(--elevated\)\)\]\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--foreground\)\)\]\/70{--tw-gradient-to:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--foreground\)\)\]\/70{--tw-gradient-to:color-mix(in oklab, hsl(var(--foreground)) 70%, transparent)}}.to-\[hsl\(var\(--foreground\)\)\]\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--primary\)\)\]{--tw-gradient-to:hsl(var(--primary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-to:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-to:color-mix(in oklab, hsl(var(--primary)) 5%, transparent)}}.to-\[hsl\(var\(--primary\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-to:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--primary)) 20%, transparent)}}.to-\[hsl\(var\(--primary\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--success\)\)\]{--tw-gradient-to:hsl(var(--success));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--success\)\)\]\/5{--tw-gradient-to:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--success\)\)\]\/5{--tw-gradient-to:color-mix(in oklab, hsl(var(--success)) 5%, transparent)}}.to-\[hsl\(var\(--success\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-to:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-to:color-mix(in oklab, hsl(var(--success)) 10%, transparent)}}.to-\[hsl\(var\(--success\)\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-to:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--success)) 20%, transparent)}}.to-\[hsl\(var\(--success\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--surface\)\)\]{--tw-gradient-to:hsl(var(--surface));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--surface\)\)\]\/30{--tw-gradient-to:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--surface\)\)\]\/30{--tw-gradient-to:color-mix(in oklab, hsl(var(--surface)) 30%, transparent)}}.to-\[hsl\(var\(--surface\)\)\]\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-to:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-to:color-mix(in oklab, hsl(var(--surface)) 50%, transparent)}}.to-\[hsl\(var\(--surface\)\)\]\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--surface\)\)\]\/60{--tw-gradient-to:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--surface\)\)\]\/60{--tw-gradient-to:color-mix(in oklab, hsl(var(--surface)) 60%, transparent)}}.to-\[hsl\(var\(--surface\)\)\]\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--warning\)\)\]{--tw-gradient-to:hsl(var(--warning));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--warning\)\)\]\/5{--tw-gradient-to:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--warning\)\)\]\/5{--tw-gradient-to:color-mix(in oklab, hsl(var(--warning)) 5%, transparent)}}.to-\[hsl\(var\(--warning\)\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-to:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.to-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-to:color-mix(in oklab, hsl(var(--warning)) 20%, transparent)}}.to-\[hsl\(var\(--warning\)\)\]\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/75{--tw-gradient-to:#000000bf}@supports (color:color-mix(in lab,red,red)){.to-black\/75{--tw-gradient-to:color-mix(in oklab, var(--color-black) 75%, transparent)}}.to-black\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-500\/5{--tw-gradient-to:#26907a0d}@supports (color:color-mix(in lab,red,red)){.to-purple-500\/5{--tw-gradient-to:color-mix(in oklab, var(--color-purple-500) 5%, transparent)}}.to-purple-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab,red,red)){.to-white\/0{--tw-gradient-to:color-mix(in oklab, var(--color-white) 0%, transparent)}}.to-white\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-white{fill:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[1px\]{padding:1px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[hsl\(var\(--accent-1\)\)\]{color:hsl(var(--accent-1))}.text-\[hsl\(var\(--destructive\)\)\],.text-\[hsl\(var\(--destructive\)\)\]\/80{color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--destructive\)\)\]\/80{color:color-mix(in oklab,hsl(var(--destructive)) 80%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\/30\]{color:hsl(var(--foreground))/30}.text-\[hsl\(var\(--foreground\)\)\/40\]{color:hsl(var(--foreground))/40}.text-\[hsl\(var\(--foreground\)\)\/50\]{color:hsl(var(--foreground))/50}.text-\[hsl\(var\(--foreground\)\)\/60\]{color:hsl(var(--foreground))/60}.text-\[hsl\(var\(--foreground\)\)\/70\]{color:hsl(var(--foreground))/70}.text-\[hsl\(var\(--foreground\)\)\/80\]{color:hsl(var(--foreground))/80}.text-\[hsl\(var\(--foreground\)\)\],.text-\[hsl\(var\(--foreground\)\)\]\/20{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/20{color:color-mix(in oklab,hsl(var(--foreground)) 20%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/30{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/30{color:color-mix(in oklab,hsl(var(--foreground)) 30%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/40{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/40{color:color-mix(in oklab,hsl(var(--foreground)) 40%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/60{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/60{color:color-mix(in oklab,hsl(var(--foreground)) 60%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/70{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/70{color:color-mix(in oklab,hsl(var(--foreground)) 70%,transparent)}}.text-\[hsl\(var\(--foreground\)\)\]\/80{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--foreground\)\)\]\/80{color:color-mix(in oklab,hsl(var(--foreground)) 80%,transparent)}}.text-\[hsl\(var\(--muted\)\)\]{color:hsl(var(--muted))}.text-\[hsl\(var\(--muted-foreground\)\)\],.text-\[hsl\(var\(--muted-foreground\)\)\]\/40{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--muted-foreground\)\)\]\/40{color:color-mix(in oklab,hsl(var(--muted-foreground)) 40%,transparent)}}.text-\[hsl\(var\(--muted-foreground\)\)\]\/50{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--muted-foreground\)\)\]\/50{color:color-mix(in oklab,hsl(var(--muted-foreground)) 50%,transparent)}}.text-\[hsl\(var\(--muted-foreground\)\)\]\/60{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--muted-foreground\)\)\]\/60{color:color-mix(in oklab,hsl(var(--muted-foreground)) 60%,transparent)}}.text-\[hsl\(var\(--muted-foreground\)\)\]\/70{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--muted-foreground\)\)\]\/70{color:color-mix(in oklab,hsl(var(--muted-foreground)) 70%,transparent)}}.text-\[hsl\(var\(--primary\)\)\],.text-\[hsl\(var\(--primary\)\)\]\/30{color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--primary\)\)\]\/30{color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.text-\[hsl\(var\(--primary\)\)\]\/60{color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--primary\)\)\]\/60{color:color-mix(in oklab,hsl(var(--primary)) 60%,transparent)}}.text-\[hsl\(var\(--primary-foreground\)\)\],.text-\[hsl\(var\(--primary-foreground\)\)\]\/70{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--primary-foreground\)\)\]\/70{color:color-mix(in oklab,hsl(var(--primary-foreground)) 70%,transparent)}}.text-\[hsl\(var\(--primary-foreground\)\)\]\/80{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--primary-foreground\)\)\]\/80{color:color-mix(in oklab,hsl(var(--primary-foreground)) 80%,transparent)}}.text-\[hsl\(var\(--success\)\)\],.text-\[hsl\(var\(--success\)\)\]\/70{color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.text-\[hsl\(var\(--success\)\)\]\/70{color:color-mix(in oklab,hsl(var(--success)) 70%,transparent)}}.text-\[hsl\(var\(--warning\)\)\]{color:hsl(var(--warning))}.text-black{color:var(--color-black)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-primary,.text-primary\/70{color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.text-primary\/70{color:color-mix(in oklab,hsl(var(--primary)) 70%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-success{color:hsl(var(--success))}.text-transparent{color:rgba(0,0,0,0)}.text-white{color:var(--color-white)}.text-white\/50{color:rgba(255,255,255,.5)}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/70{color:rgba(255,255,255,.7)}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:rgba(255,255,255,.75)}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-\[hsl\(var\(--foreground\)\)\/40\]::placeholder{color:hsl(var(--foreground))/40}.accent-\[hsl\(var\(--primary\)\)\]{accent-color:hsl(var(--primary))}.accent-green-500{accent-color:var(--color-green-500)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[hsl\(var\(--primary\)\)\/25\]{--tw-shadow-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.shadow-\[hsl\(var\(--primary\)\)\/25\]{--tw-shadow-color:color-mix(in oklab, hsl(var(--primary))/25 var(--tw-shadow-alpha), transparent)}}.shadow-\[hsl\(var\(--primary\)\)\]\/30{--tw-shadow-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.shadow-\[hsl\(var\(--primary\)\)\]\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/5{--tw-shadow-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.shadow-black\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-\[hsl\(var\(--primary\)\)\]\/30{--tw-ring-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.ring-\[hsl\(var\(--primary\)\)\]\/30{--tw-ring-color:color-mix(in oklab, hsl(var(--primary)) 30%, transparent)}}.ring-black\/20{--tw-ring-color:#0003}@supports (color:color-mix(in lab,red,red)){.ring-black\/20{--tw-ring-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:text-primary:is(:where(.group):focus-within *){color:hsl(var(--primary))}@media(hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:rgba(0,0,0,.2)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:rgba(0,0,0,.3)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.group-hover\:from-\[hsl\(var\(--primary\)\)\]\/30:is(:where(.group):hover *){--tw-gradient-from:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.group-hover\:from-\[hsl\(var\(--primary\)\)\]\/30:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, hsl(var(--primary)) 30%, transparent)}}.group-hover\:from-\[hsl\(var\(--primary\)\)\]\/30:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:to-\[hsl\(var\(--accent-1\)\)\]\/20:is(:where(.group):hover *){--tw-gradient-to:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.group-hover\:to-\[hsl\(var\(--accent-1\)\)\]\/20:is(:where(.group):hover *){--tw-gradient-to:color-mix(in oklab, hsl(var(--accent-1)) 20%, transparent)}}.group-hover\:to-\[hsl\(var\(--accent-1\)\)\]\/20:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:text-\[hsl\(var\(--accent-1\)\)\]:is(:where(.group):hover *){color:hsl(var(--accent-1))}.group-hover\:text-\[hsl\(var\(--primary\)\)\]:is(:where(.group):hover *),.group-hover\:text-\[hsl\(var\(--primary\)\)\]\/80:is(:where(.group):hover *){color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.group-hover\:text-\[hsl\(var\(--primary\)\)\]\/80:is(:where(.group):hover *){color:color-mix(in oklab,hsl(var(--primary)) 80%,transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:hsl(var(--primary))}.group-hover\:text-slate-600:is(:where(.group):hover *){color:var(--color-slate-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\/item\:scale-110:is(:where(.group\/item):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/item\:text-\[hsl\(var\(--primary\)\)\]:is(:where(.group\/item):hover *){color:hsl(var(--primary))}.group-hover\/notif\:scale-110:is(:where(.group\/notif):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/progress\:opacity-100:is(:where(.group\/progress):hover *){opacity:1}.group-hover\/volume\:w-20:is(:where(.group\/volume):hover *){width:calc(var(--spacing) * 20)}}.peer-focus\:text-\[hsl\(var\(--primary\)\)\]:is(:where(.peer):focus~*){color:hsl(var(--primary))}.placeholder\:text-\[hsl\(var\(--muted\)\)\]::placeholder{color:hsl(var(--muted))}.placeholder\:text-\[hsl\(var\(--muted-foreground\)\)\]\/70::placeholder{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-\[hsl\(var\(--muted-foreground\)\)\]\/70::placeholder{color:color-mix(in oklab,hsl(var(--muted-foreground)) 70%,transparent)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:border-primary\/50:focus-within{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-primary\/50:focus-within{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}@media(hover:hover){.hover\:h-2:hover{height:calc(var(--spacing) * 2)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[hsl\(var\(--destructive\)\)\]:hover{border-color:hsl(var(--destructive))}.hover\:border-\[hsl\(var\(--primary\)\)\/40\]:hover{border-color:hsl(var(--primary))/40}.hover\:border-\[hsl\(var\(--primary\)\)\]:hover,.hover\:border-\[hsl\(var\(--primary\)\)\]\/30:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--primary\)\)\]\/30:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.hover\:border-\[hsl\(var\(--success\)\)\]:hover,.hover\:border-\[hsl\(var\(--success\)\)\]\/50:hover{border-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[hsl\(var\(--success\)\)\]\/50:hover{border-color:color-mix(in oklab,hsl(var(--success)) 50%,transparent)}}.hover\:border-primary\/30:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[hsl\(var\(--accent-1\)\)\]\/10:hover{background-color:hsl(var(--accent-1))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--accent-1\)\)\]\/10:hover{background-color:color-mix(in oklab,hsl(var(--accent-1)) 10%,transparent)}}.hover\:bg-\[hsl\(var\(--background\)\)\]:hover{background-color:hsl(var(--background))}.hover\:bg-\[hsl\(var\(--border\)\)\]:hover,.hover\:bg-\[hsl\(var\(--border\)\)\]\/50:hover{background-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--border\)\)\]\/50:hover{background-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.hover\:bg-\[hsl\(var\(--destructive\)\)\]:hover,.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/10:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/10:hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 10%,transparent)}}.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/20:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/20:hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 20%,transparent)}}.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/30:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/30:hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.hover\:bg-\[hsl\(var\(--muted\)\)\]\/80:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--muted\)\)\]\/80:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 80%,transparent)}}.hover\:bg-\[hsl\(var\(--primary\)\)\/10\]:hover{background-color:hsl(var(--primary))/10}.hover\:bg-\[hsl\(var\(--primary\)\)\]\/10:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--primary\)\)\]\/10:hover{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.hover\:bg-\[hsl\(var\(--primary\)\)\]\/20:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--primary\)\)\]\/20:hover{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.hover\:bg-\[hsl\(var\(--primary\)\)\]\/30:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--primary\)\)\]\/30:hover{background-color:color-mix(in oklab,hsl(var(--primary)) 30%,transparent)}}.hover\:bg-\[hsl\(var\(--primary-light\)\)\]:hover{background-color:hsl(var(--primary-light))}.hover\:bg-\[hsl\(var\(--success\)\)\]\/20:hover{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--success\)\)\]\/20:hover{background-color:color-mix(in oklab,hsl(var(--success)) 20%,transparent)}}.hover\:bg-\[hsl\(var\(--success\)\)\]\/50:hover{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--success\)\)\]\/50:hover{background-color:color-mix(in oklab,hsl(var(--success)) 50%,transparent)}}.hover\:bg-\[hsl\(var\(--surface\)\)\]:hover,.hover\:bg-\[hsl\(var\(--surface\)\)\]\/50:hover{background-color:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--surface\)\)\]\/50:hover{background-color:color-mix(in oklab,hsl(var(--surface)) 50%,transparent)}}.hover\:bg-\[hsl\(var\(--surface\)\)\]\/80:hover{background-color:hsl(var(--surface))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--surface\)\)\]\/80:hover{background-color:color-mix(in oklab,hsl(var(--surface)) 80%,transparent)}}.hover\:bg-\[hsl\(var\(--warning\)\)\]\/30:hover{background-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[hsl\(var\(--warning\)\)\]\/30:hover{background-color:color-mix(in oklab,hsl(var(--warning)) 30%,transparent)}}.hover\:bg-black\/80:hover{background-color:rgba(0,0,0,.8)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary-hover:hover{background-color:hsl(var(--primary-hover))}.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.2)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:from-\[hsl\(var\(--success\)\)\]:hover{--tw-gradient-from:hsl(var(--success));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[hsl\(var\(--success\)\)\]:hover{--tw-gradient-to:hsl(var(--success));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[hsl\(var\(--accent-1\)\)\]:hover{color:hsl(var(--accent-1))}.hover\:text-\[hsl\(var\(--destructive\)\)\]:hover{color:hsl(var(--destructive))}.hover\:text-\[hsl\(var\(--foreground\)\)\/70\]:hover{color:hsl(var(--foreground))/70}.hover\:text-\[hsl\(var\(--foreground\)\)\/80\]:hover{color:hsl(var(--foreground))/80}.hover\:text-\[hsl\(var\(--foreground\)\)\]:hover{color:hsl(var(--foreground))}.hover\:text-\[hsl\(var\(--muted-foreground\)\)\]:hover{color:hsl(var(--muted-foreground))}.hover\:text-\[hsl\(var\(--primary\)\)\]:hover,.hover\:text-\[hsl\(var\(--primary\)\)\]\/80:hover{color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:text-\[hsl\(var\(--primary\)\)\]\/80:hover{color:color-mix(in oklab,hsl(var(--primary)) 80%,transparent)}}.hover\:text-\[hsl\(var\(--success\)\)\]:hover{color:hsl(var(--success))}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-500:hover{color:var(--color-green-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{-webkit-clip-path:none;clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-0:focus{top:calc(var(--spacing) * 0)}.focus\:left-0:focus{left:calc(var(--spacing) * 0)}.focus\:z-\[9999\]:focus{z-index:9999}.focus\:border-\[hsl\(var\(--primary\)\)\]:focus{border-color:hsl(var(--primary))}.focus\:border-\[hsl\(var\(--success\)\)\]:focus{border-color:hsl(var(--success))}.focus\:border-primary:focus{border-color:hsl(var(--primary))}.focus\:border-transparent:focus{border-color:rgba(0,0,0,0)}.focus\:bg-\[hsl\(var\(--primary\)\)\]:focus{background-color:hsl(var(--primary))}.focus\:p-4:focus{padding:calc(var(--spacing) * 4)}.focus\:text-\[hsl\(var\(--primary-foreground\)\)\]:focus{color:hsl(var(--primary-foreground))}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[hsl\(var\(--primary\)\)\]:focus{--tw-ring-color:hsl(var(--primary))}.focus\:ring-\[hsl\(var\(--primary-light\)\)\]:focus{--tw-ring-color:hsl(var(--primary-light))}.focus\:ring-\[hsl\(var\(--ring\)\)\]:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-\[hsl\(var\(--success\)\)\]\/20:focus{--tw-ring-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[hsl\(var\(--success\)\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, hsl(var(--success)) 20%, transparent)}}.focus\:ring-\[hsl\(var\(--success\)\)\]\/50:focus{--tw-ring-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[hsl\(var\(--success\)\)\]\/50:focus{--tw-ring-color:color-mix(in oklab, hsl(var(--success)) 50%, transparent)}}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[hsl\(var\(--ring\)\)\]:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[hsl\(var\(--background\)\)\]:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media(min-width:40rem){.sm\:mx-0{margin-inline:calc(var(--spacing) * 0)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-auto{height:auto}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:px-0{padding-inline:calc(var(--spacing) * 0)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-\[11px\]{font-size:11px}}@media(min-width:48rem){.md\:right-6{right:calc(var(--spacing) * 6)}.md\:left-auto{left:auto}.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.md\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:table{display:table}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-12{height:calc(var(--spacing) * 12)}.md\:h-14{height:calc(var(--spacing) * 14)}.md\:h-20{height:calc(var(--spacing) * 20)}.md\:h-64{height:calc(var(--spacing) * 64)}.md\:w-12{width:calc(var(--spacing) * 12)}.md\:w-20{width:calc(var(--spacing) * 20)}.md\:w-24{width:calc(var(--spacing) * 24)}.md\:w-96{width:calc(var(--spacing) * 96)}.md\:max-w-40{max-width:calc(var(--spacing) * 40)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}:where(.md\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:relative{position:relative}.lg\:top-auto{top:auto}.lg\:z-auto{z-index:auto}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-\[45\%\]{width:45%}.lg\:w-\[55\%\]{width:55%}.lg\:max-w-none{max-width:none}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:rounded-xl{border-radius:var(--radius-xl)}.lg\:p-0{padding:calc(var(--spacing) * 0)}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:pt-4{padding-top:calc(var(--spacing) * 4)}.lg\:pl-20{padding-left:calc(var(--spacing) * 20)}.lg\:pl-64{padding-left:calc(var(--spacing) * 64)}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:px-16{padding-inline:calc(var(--spacing) * 16)}.xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.dark\:border-\[hsl\(var\(--destructive\)\)\]:where(.dark,.dark *){border-color:hsl(var(--destructive))}.dark\:border-\[hsl\(var\(--warning\)\)\]\/20:where(.dark,.dark *){border-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.dark\:border-\[hsl\(var\(--warning\)\)\]\/20:where(.dark,.dark *){border-color:color-mix(in oklab,hsl(var(--warning)) 20%,transparent)}}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:bg-\[hsl\(var\(--destructive\)\)\]\/20:where(.dark,.dark *){background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[hsl\(var\(--destructive\)\)\]\/20:where(.dark,.dark *){background-color:color-mix(in oklab,hsl(var(--destructive)) 20%,transparent)}}.dark\:bg-\[hsl\(var\(--elevated\)\)\]:where(.dark,.dark *){background-color:hsl(var(--elevated))}.dark\:bg-\[hsl\(var\(--warning\)\)\]\/10:where(.dark,.dark *){background-color:hsl(var(--warning))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[hsl\(var\(--warning\)\)\]\/10:where(.dark,.dark *){background-color:color-mix(in oklab,hsl(var(--warning)) 10%,transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:text-\[hsl\(var\(--accent-1\)\)\]:where(.dark,.dark *){color:hsl(var(--accent-1))}.dark\:text-\[hsl\(var\(--destructive\)\)\]:where(.dark,.dark *){color:hsl(var(--destructive))}.dark\:text-\[hsl\(var\(--success\)\)\]:where(.dark,.dark *){color:hsl(var(--success))}.dark\:text-\[hsl\(var\(--warning\)\)\]:where(.dark,.dark *){color:hsl(var(--warning))}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}.dark\:ring-\[hsl\(var\(--elevated\)\)\]:where(.dark,.dark *){--tw-ring-color:hsl(var(--elevated))}@media(hover:hover){.dark\:group-hover\:text-\[hsl\(var\(--accent-1\)\)\]:where(.dark,.dark *):is(:where(.group):hover *){color:hsl(var(--accent-1))}.dark\:group-hover\:text-slate-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-slate-400)}.dark\:hover\:border-slate-600:where(.dark,.dark *):hover{border-color:var(--color-slate-600)}.dark\:hover\:bg-\[hsl\(var\(--destructive\)\)\]\/30:where(.dark,.dark *):hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-\[hsl\(var\(--destructive\)\)\]\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.dark\:hover\:bg-\[hsl\(var\(--success\)\)\]\/30:where(.dark,.dark *):hover{background-color:hsl(var(--success))}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-\[hsl\(var\(--success\)\)\]\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,hsl(var(--success)) 30%,transparent)}}.dark\:hover\:text-\[hsl\(var\(--destructive\)\)\]:where(.dark,.dark *):hover{color:hsl(var(--destructive))}}.gradient-text{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-white-force{-webkit-text-fill-color:#fff!important;color:#fff!important;background:0 0!important;-webkit-background-clip:text!important;background-clip:text!important}.gradient-text-multi{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)),hsl(var(--accent-2)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-primary{background:hsl(var(--primary))}.gradient-primary-hover{background:hsl(var(--primary-hover))}.gradient-surface{background:linear-gradient(180deg,hsl(var(--surface)),hsl(var(--background)))}.btn-primary{letter-spacing:.01em;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));border:1px solid hsl(var(--primary) / .2);border-radius:var(--radius);cursor:pointer;box-shadow:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,rgba(0,0,0,0) 25%,rgba(255,255,255,.35),rgba(0,0,0,0) 75%) 100% 0/200% 100%;transition:opacity .3s,background-position;position:absolute;top:0;right:0;bottom:0;left:0}.btn-primary:hover{box-shadow:none;transform:translateY(-2px)}.btn-primary:hover:before{opacity:1;background-position:-100% 0;transition:opacity .3s,background-position .6s cubic-bezier(.4,0,.2,1)}.btn-primary:active{box-shadow:none;transition-duration:.1s;transform:translateY(0)scale(.97)}.btn-primary:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.btn-outline{letter-spacing:.01em;color:hsl(var(--primary));border:1.5px solid hsl(var(--primary) / .5);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-outline:before{content:"";background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));transform-origin:0;z-index:-1;border-radius:inherit;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;transform:scaleX(0)}.btn-outline:hover{color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0);transform:translateY(-2px)}.btn-outline:hover:before{transform:scaleX(1)}.btn-outline:active{transition-duration:.1s;transform:translateY(0)scale(.97)}.btn-outline:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.btn-soft{letter-spacing:.01em;color:hsl(var(--primary));background:hsl(var(--primary-light));border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-soft:hover{background:hsl(var(--primary) / .18);box-shadow:none;transform:translateY(-1px)}.btn-soft:active{transition-duration:.1s;transform:translateY(0)scale(.97)}.btn-soft:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.btn-fab{width:3rem;height:3rem;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));cursor:pointer;box-shadow:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.btn-fab:before{content:"";opacity:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),rgba(0,0,0,0) 60%);transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.btn-fab:hover{box-shadow:none;transform:translateY(-3px)}.btn-fab:hover:before{opacity:1}.btn-fab:active{box-shadow:none;transition-duration:.1s;transform:translateY(0)scale(.95)}.btn-fab:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.btn-secondary{color:hsl(var(--foreground));background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:hsl(var(--elevated));border-color:hsl(var(--primary) / .3);box-shadow:none;transform:translateY(-1px)}.btn-secondary:active{transition-duration:.1s;transform:translateY(0)scale(.97)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.btn-ghost{color:hsl(var(--foreground));border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-ghost:hover{background:hsl(var(--surface));color:hsl(var(--foreground))}.btn-ghost:active{background:hsl(var(--border));transition-duration:.1s;transform:scale(.97)}.btn-icon{border-radius:var(--radius);width:2.5rem;height:2.5rem;color:hsl(var(--muted-foreground));cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-icon:hover{background:hsl(var(--primary-light));color:hsl(var(--primary));transform:scale(1.05)}.btn-icon:active{transition-duration:.1s;transform:scale(.93)}.btn-icon:focus-visible{box-shadow:0 0 0 3px hsl(var(--background)),0 0 0 5px hsl(var(--primary) / .5);outline:none}.input{background:hsl(var(--background));border:1.5px solid hsl(var(--border));border-radius:var(--radius);width:100%;color:hsl(var(--foreground));padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary-light));outline:none}.input::placeholder{color:hsl(var(--muted))}.input-lg{border-radius:var(--radius-lg);padding:.875rem 1.25rem;font-size:1rem}.card{background:hsl(var(--elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:visible}.card-elevated{box-shadow:var(--shadow)}.card-hover{cursor:pointer}.card-hover:hover{border-color:hsl(var(--primary) / .3);box-shadow:none;transform:translateY(-4px)}.card-interactive{position:relative;overflow:hidden}.card-interactive:after{content:"";background:linear-gradient(135deg,transparent 50%,hsl(var(--primary) / .05));opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.card-interactive:hover:after{opacity:1}.card-glow{position:relative}.card-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .3));opacity:0;z-index:-1;transition:opacity .3s;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.card-glow:hover:before{opacity:1}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";background:linear-gradient(135deg,transparent 0%,hsl(var(--primary) / .03) 50%,transparent 100%);transition:transform .5s;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%)}.card-shine:hover:before{transform:translate(100%)}.hero-card{background:linear-gradient(135deg,hsl(var(--elevated)),hsl(var(--surface)));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle,hsl(var(--primary) / .08) 0%,transparent 50%);width:200%;height:200%;animation:4s ease-in-out infinite bgPulse;position:absolute;top:-50%;left:-50%}@keyframes bgPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.skeleton-wave{background:linear-gradient(90deg,hsl(var(--surface)),hsl(var(--border)),hsl(var(--surface)));background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonWave}@keyframes skeletonWave{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card{background:hsl(var(--elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle,hsl(var(--primary) / .1) 0%,transparent 70%);width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.stat-card:hover{border-color:hsl(var(--primary) / .3);transition:all .2s;transform:translateY(-2px)}.video-card{border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.video-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(0,0,0,.15)}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-card:hover .play-overlay{opacity:1;transform:translate(-50%,-50%)scale(1)}.section-divider{align-items:center;gap:1rem;display:flex;position:relative}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,transparent,hsl(var(--border)),transparent);flex:1;height:1px}.section-divider:after{display:none}.list-item{border-radius:var(--radius);cursor:pointer;padding:.75rem 1rem;transition:all .2s;position:relative}.list-item:hover{background:hsl(var(--surface));padding-left:1.25rem}.list-item:before{content:"";background:hsl(var(--primary));border-radius:9999px;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.list-item:hover:before{height:60%}.divider{background:linear-gradient(90deg,transparent,hsl(var(--border)),transparent);height:1px}.divider-vertical{background:linear-gradient(180deg,transparent,hsl(var(--border)),transparent);width:1px;height:100%}.floating-input{position:relative}.floating-input input{padding-top:1.25rem}.floating-input label{color:hsl(var(--muted));pointer-events:none;transition:all .2s;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.floating-input input:focus+label,.floating-input input:not(:placeholder-shown)+label{color:hsl(var(--primary));font-size:.75rem;top:.5rem}.nav-item{border-radius:var(--radius);color:hsl(var(--muted-foreground));cursor:pointer;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:hsl(var(--surface));color:hsl(var(--foreground))}.nav-item.active{background:linear-gradient(135deg,hsl(var(--primary-light)),hsl(var(--primary) / .08));color:hsl(var(--primary))}.nav-item.active svg{color:hsl(var(--primary))}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:hsl(var(--primary-light));color:hsl(var(--primary))}.badge-gradient{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground))}.icon-box{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-box-sm{width:2rem;height:2rem}.icon-box-md{width:2.5rem;height:2.5rem}.icon-box-lg{width:3rem;height:3rem}.avatar{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar-lg{width:3rem;height:3rem;font-size:1rem}.avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.stat-value{letter-spacing:-.03em;background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--muted-foreground)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.stat-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.card-hover:hover .video-title{color:hsl(var(--primary))}.video-meta{color:hsl(var(--muted-foreground));font-size:.75rem}.thumbnail-container{border-radius:var(--radius-lg);position:relative;overflow:hidden}.thumbnail-overlay{opacity:0;background:linear-gradient(rgba(0,0,0,0) 40%,rgba(15,15,15,.8));transition:opacity .25s;position:absolute;top:0;right:0;bottom:0;left:0}.thumbnail-container:hover .thumbnail-overlay{opacity:1}.play-button{opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 4px 20px rgba(0,0,0,.3)}.thumbnail-container:hover .play-button{opacity:1;transform:translate(-50%,-50%)scale(1)}.progress-bar{background:hsl(var(--border));border-radius:9999px;height:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.section-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.page-title{letter-spacing:-.03em;font-size:1.75rem;font-weight:800}}:root{color-scheme:light;--background:150 18% 98%;--foreground:168 31% 12%;--surface:153 24% 96%;--elevated:0 0% 100%;--card:0 0% 100%;--card-foreground:168 31% 12%;--popover:0 0% 100%;--popover-foreground:168 31% 12%;--primary:169 68% 24%;--primary-hover:169 72% 20%;--primary-light:166 62% 35% / .08;--primary-foreground:0 0% 100%;--secondary:160 32% 94%;--secondary-foreground:169 68% 22%;--emerald-50:150 45% 97%;--emerald-100:150 40% 94%;--emerald-200:151 38% 86%;--emerald-300:153 42% 74%;--emerald-400:157 48% 58%;--emerald-500:160 58% 43%;--emerald-600:163 64% 34%;--emerald-700:166 68% 27%;--emerald-800:168 64% 20%;--emerald-900:170 58% 14%;--accent-1:166 62% 35%;--accent-2:184 45% 29%;--accent-3:160 46% 41%;--accent-4:165 38% 49%;--accent-5:166 28% 58%;--accent-6:164 22% 68%;--accent-7:161 20% 78%;--accent-8:158 20% 87%;--accent-9:153 24% 94%;--muted:168 11% 48%;--muted-foreground:168 12% 38%;--border:160 17% 87%;--input:0 0% 100%;--ring:166 62% 35%;--success:153 62% 31%;--warning:35 80% 37%;--destructive:0 69% 47%;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000f;--shadow-glow:none;--shadow-glow-lg:none;--glow-subtle:none;--glow-medium:none;--glow-intense:none;--radius:.875rem;--radius-sm:.5rem;--radius-lg:1rem;--radius-xl:1.5rem}.dark{color-scheme:dark;--background:174 32% 8%;--foreground:150 20% 95%;--surface:172 26% 11%;--elevated:170 24% 14%;--card:172 26% 11%;--card-foreground:150 20% 95%;--popover:170 24% 14%;--popover-foreground:150 20% 95%;--primary:158 58% 58%;--primary-hover:158 60% 66%;--primary-light:158 58% 58% / .14;--primary-foreground:170 45% 10%;--secondary:166 21% 18%;--secondary-foreground:150 20% 95%;--emerald-50:170 24% 14%;--emerald-100:168 25% 17%;--emerald-200:166 28% 22%;--emerald-300:164 32% 29%;--emerald-400:162 38% 39%;--emerald-500:160 45% 49%;--emerald-600:158 48% 58%;--emerald-700:156 48% 68%;--emerald-800:154 44% 79%;--emerald-900:152 40% 89%;--accent-1:158 58% 58%;--accent-2:184 48% 52%;--accent-3:160 48% 54%;--accent-4:164 40% 48%;--accent-5:166 32% 40%;--accent-6:168 28% 32%;--accent-7:169 25% 25%;--accent-8:170 24% 20%;--accent-9:171 23% 16%;--muted:165 12% 55%;--muted-foreground:160 14% 67%;--border:165 20% 23%;--input:171 24% 12%;--ring:158 58% 58%;--success:150 48% 62%;--warning:38 76% 65%;--destructive:0 65% 68%;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #00000080;--shadow-glow:none;--shadow-glow-lg:none;--glow-subtle:none;--glow-medium:none;--glow-intense:none}body .auth-page{background-color:hsl(var(--background));background-image:radial-gradient(ellipse at 82% 10%,hsl(var(--accent-1) / .26),transparent 34%),linear-gradient(135deg,hsl(var(--primary)),hsl(var(--emerald-700)))}body .auth-page .auth-header{border-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground))}html.dark body .auth-page,body.dark .auth-page{background-color:hsl(var(--background));background-image:radial-gradient(ellipse at 82% 10%,hsl(var(--accent-1) / .18),transparent 34%),linear-gradient(135deg,hsl(var(--background)),hsl(var(--surface)))}html.dark body .auth-page .auth-header,body.dark .auth-page .auth-header{border-color:hsl(var(--border));background:hsl(var(--elevated));color:hsl(var(--foreground))}body .upload-page{--upload-mint:hsl(var(--emerald-600));--upload-sky:hsl(var(--accent-2));--upload-lilac:hsl(var(--emerald-700));--upload-coral:hsl(var(--emerald-600));--upload-gold:hsl(var(--emerald-500));--upload-mint-soft:hsl(var(--emerald-50));--upload-sky-soft:hsl(var(--emerald-50));--upload-lilac-soft:hsl(var(--emerald-100));--upload-coral-soft:hsl(var(--emerald-50));--upload-gold-soft:hsl(var(--emerald-100))}body .upload-page .upload-thumbnail-panel .upload-section-icon{border-color:hsl(var(--primary) / .2)}html.dark body .upload-page,body.dark .upload-page{--upload-mint-soft:hsl(var(--surface));--upload-sky-soft:hsl(var(--surface));--upload-lilac-soft:hsl(var(--elevated));--upload-coral-soft:hsl(var(--surface));--upload-gold-soft:hsl(var(--elevated))}body .teacher-dashboard{--teacher-brand:var(--primary);--teacher-brand-strong:var(--emerald-800);--teacher-brand-soft:var(--emerald-100);--teacher-accent:hsl(var(--primary));--teacher-mint:hsl(var(--emerald-600));--teacher-sky:hsl(var(--accent-2));--teacher-lilac:hsl(var(--emerald-700));--teacher-coral:hsl(var(--emerald-600));--teacher-gold:hsl(var(--emerald-500));--teacher-mint-soft:hsl(var(--emerald-50));--teacher-sky-soft:hsl(var(--emerald-50));--teacher-lilac-soft:hsl(var(--emerald-100));--teacher-coral-soft:hsl(var(--emerald-50));--teacher-gold-soft:hsl(var(--emerald-100))}html.dark body .teacher-dashboard,body.dark .teacher-dashboard{--teacher-brand:var(--primary);--teacher-brand-strong:var(--primary);--teacher-brand-soft:var(--surface);--teacher-accent:hsl(var(--primary));--teacher-mint:hsl(var(--emerald-600));--teacher-sky:hsl(var(--accent-2));--teacher-lilac:hsl(var(--emerald-600));--teacher-coral:hsl(var(--emerald-500));--teacher-gold:hsl(var(--emerald-600));--teacher-mint-soft:hsl(var(--surface));--teacher-sky-soft:hsl(var(--surface));--teacher-lilac-soft:hsl(var(--elevated));--teacher-coral-soft:hsl(var(--surface));--teacher-gold-soft:hsl(var(--elevated))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--muted) / .4);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted) / .6);background-clip:padding-box}.no-scrollbar::-webkit-scrollbar{display:none}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) slideUp}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.animate-shimmer{animation:2s infinite shimmer}.animate-bounce-subtle{animation:2s ease-in-out infinite bounceSubtle}.animate-glow{animation:2s ease-in-out infinite glow}.animate-shine{animation:2s ease-in-out infinite shine}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s ease-in-out shake}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(3deg)}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow{0%,to{box-shadow:none}50%{box-shadow:none}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translateY(-8px)}.stagger-children>*{opacity:0;animation:.4s ease-out forwards slideUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.hover-lift{transition:transform .25s,box-shadow .25s}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.focus-ring{transition:box-shadow .2s}.focus-ring:focus{box-shadow:0 0 0 3px hsl(var(--primary-light));outline:none}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:radial-gradient(circle,hsl(var(--primary) / .3) 0%,transparent 70%);opacity:0;transition:transform .5s,opacity .5s;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(0)}.ripple:active:after{opacity:1;transition:transform,opacity;transform:scale(2)}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-safe-bottom{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@supports not (padding-bottom:env(safe-area-inset-bottom)){.mobile-safe-bottom{padding-bottom:1rem}}.skeleton{background:linear-gradient(90deg,hsl(var(--surface)) 25%,hsl(var(--border)),hsl(var(--surface)) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{border-radius:.25rem;height:1rem}.skeleton-avatar{border-radius:50%}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:hsl(var(--foreground));color:hsl(var(--background));white-space:nowrap;border-radius:var(--radius-sm);opacity:0;visibility:hidden;z-index:50;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-8px)}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes ping-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(2)}}@keyframes ping-slow-delayed{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.8)}}@keyframes pulse-soft{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes wave{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-10px)translateY(-5px)}}@keyframes mesh-gradient{0%,to{background:radial-gradient(at 20% 30%,rgba(255,255,255,.15),rgba(0,0,0,0) 50%),radial-gradient(at 80% 70%,rgba(255,255,255,.2),rgba(0,0,0,0) 50%),radial-gradient(rgba(0,0,0,.1),rgba(0,0,0,0) 60%)}25%{background:radial-gradient(at 80% 20%,rgba(255,255,255,.12),rgba(0,0,0,0) 50%),radial-gradient(at 20% 80%,rgba(255,255,255,.15),rgba(0,0,0,0) 50%),radial-gradient(at 60% 40%,rgba(0,0,0,.08),rgba(0,0,0,0) 60%)}50%{background:radial-gradient(at 40% 70%,rgba(255,255,255,.1),rgba(0,0,0,0) 50%),radial-gradient(at 60% 30%,rgba(255,255,255,.18),rgba(0,0,0,0) 50%),radial-gradient(at 30% 60%,rgba(0,0,0,.12),rgba(0,0,0,0) 60%)}75%{background:radial-gradient(at 70%,rgba(255,255,255,.08),rgba(0,0,0,0) 50%),radial-gradient(at 40% 20%,rgba(255,255,255,.22),rgba(0,0,0,0) 50%),radial-gradient(at 80% 80%,rgba(0,0,0,.1),rgba(0,0,0,0) 60%)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-slow{animation:8s ease-in-out infinite float-slow}.animate-ping-slow{animation:3s ease-in-out infinite ping-slow}.animate-ping-slow-delayed{animation:3.5s ease-in-out 1s infinite ping-slow-delayed}.animate-shimmer{background-size:200% 100%;animation:3s linear infinite shimmer}.animate-pulse-soft{animation:4s ease-in-out infinite pulse-soft}.animate-wave{animation:6s ease-in-out infinite wave}.animate-mesh-gradient{animation:15s ease-in-out infinite mesh-gradient}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.animate-blur-in{animation:.5s cubic-bezier(.4,0,.2,1) blurIn}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient-shift{background-size:200% 200%;animation:3s ease-in-out infinite gradientShift}@keyframes expand{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-expand{animation:.4s cubic-bezier(.16,1,.3,1) expand}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-card-entrance{animation:.5s cubic-bezier(.4,0,.2,1) cardEntrance}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.35)}50%{box-shadow:0 4px 30px rgba(0,0,0,.45)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:.4s cubic-bezier(.4,0,.2,1) slideInLeft}@keyframes buttonRipple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";top:var(--ripple-y,0);left:var(--ripple-x,0);background:rgba(255,255,255,.5);border-radius:50%;width:20px;height:20px;animation:.6s ease-out buttonRipple;position:absolute}@keyframes statCounter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-animate{animation:.6s cubic-bezier(.4,0,.2,1) statCounter}.card-gradient-bg{background:linear-gradient(135deg,hsl(var(--elevated)),hsl(var(--surface)));position:relative;overflow:hidden}.card-gradient-bg:before{content:"";background:linear-gradient(135deg,hsl(var(--primary) / .1),transparent);opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.card-gradient-bg:hover:before{opacity:1}.border-gradient{background-image:linear-gradient(hsl(var(--elevated)),hsl(var(--elevated))),linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;position:relative}.border-gradient:hover{background-image:linear-gradient(hsl(var(--elevated)),hsl(var(--elevated))),linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)))}.text-gradient-animate{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)),hsl(var(--primary)));-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradientShift}.shadow-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.shadow-hover:hover{box-shadow:none;transform:translateY(-4px)}@keyframes floatPremium{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(2deg)}66%{transform:translateY(-10px)rotate(-2deg)}}.animate-float-premium{animation:4s ease-in-out infinite floatPremium}.skeleton-premium{background:linear-gradient(90deg,hsl(var(--surface)),hsl(var(--border)),hsl(var(--surface)),hsl(var(--border)),hsl(var(--surface)));background-size:300% 100%;animation:2s infinite shimmer}.focus-premium{transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-premium:focus-visible{box-shadow:0 0 0 3px hsl(var(--primary-light)),0 0 0 6px hsl(var(--primary) / .1);outline:none;transform:scale(1.02)}.divider-premium{background:linear-gradient(90deg,transparent,hsl(var(--primary) / .3) 20%,hsl(var(--primary) / .3) 80%,transparent);height:2px;position:relative}.badge-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));color:hsl(var(--primary-foreground));box-shadow:none;border-radius:9999px;align-items:center;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.badge-premium:before{content:"";background:linear-gradient(90deg,rgba(0,0,0,0),rgba(255,255,255,.3),rgba(0,0,0,0));animation:2s infinite shine;position:absolute;top:0;right:0;bottom:0;left:0}.transition-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.text-accent-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.success-state{color:hsl(var(--success))}.success-state-bg{background:hsl(var(--success) / .1);border-color:hsl(var(--success) / .3)}.warning-state{color:hsl(var(--warning))}.warning-state-bg{background:hsl(var(--warning) / .1);border-color:hsl(var(--warning) / .3)}.error-state{color:hsl(var(--destructive))}.error-state-bg{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .3)}.surface-elevation-1{background:hsl(var(--elevated));box-shadow:0 1px 2px hsl(var(--foreground) / .05)}.surface-elevation-2{background:hsl(var(--elevated));box-shadow:0 4px 8px hsl(var(--foreground) / .1)}.surface-elevation-3{background:hsl(var(--elevated));box-shadow:0 8px 16px hsl(var(--foreground) / .15)}.surface-elevation-4{background:hsl(var(--elevated));box-shadow:0 16px 32px hsl(var(--foreground) / .2)}.gap-premium{gap:1.5rem}.p-premium{padding:2rem}.rounded-premium{border-radius:1.25rem}.rounded-premium-lg{border-radius:1.75rem}.opacity-premium-hover{transition:opacity .2s}.opacity-premium-hover:hover{opacity:.8}.video-thumbnail-premium{border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.video-thumbnail-premium:before{content:"";background:linear-gradient(135deg,hsl(var(--primary) / .1) 0%,transparent 50%,hsl(var(--primary) / .05) 100%);opacity:0;z-index:1;transition:opacity .4s;position:absolute;top:0;right:0;bottom:0;left:0}.video-thumbnail-premium:hover:before{opacity:1}.video-thumbnail-premium:hover{box-shadow:none;transform:translateY(-4px)}.play-button-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));width:3.5rem;height:3.5rem;color:hsl(var(--primary-foreground));box-shadow:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.video-thumbnail-premium:hover .play-button-premium{opacity:1;transform:translate(-50%,-50%)scale(1)}.premium-progress{background:hsl(var(--border));border-radius:9999px;height:4px;position:relative;overflow:hidden}.premium-progress:after{content:"";background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.category-tag{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));color:hsl(var(--primary-foreground));box-shadow:none;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;transition:all .2s;display:inline-flex}.category-tag:hover{box-shadow:none;transform:translateY(-1px)}.avatar-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));color:hsl(var(--primary-foreground));box-shadow:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex;position:relative}.avatar-premium:after{content:"";display:none}.avatar-premium:hover:after{opacity:0}.avatar-premium:hover{transform:scale(1.05)}.sidebar-item-premium{border-radius:var(--radius-lg);color:hsl(var(--muted-foreground));cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-item-premium:before{content:"";background:linear-gradient(180deg,hsl(var(--primary)),hsl(var(--accent-2)));border-radius:9999px;width:3px;height:0;transition:height .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item-premium:hover{background:hsl(var(--surface));color:hsl(var(--foreground));padding-left:1.25rem}.sidebar-item-premium:hover:before{height:60%}.sidebar-item-premium.active{background:linear-gradient(135deg,hsl(var(--primary-light)),hsl(var(--primary) / .08));color:hsl(var(--primary))}.sidebar-item-premium.active:before{height:100%}.nav-item-premium{border-radius:var(--radius-lg);color:hsl(var(--muted-foreground));cursor:pointer;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item-premium:after{content:"";background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));border-radius:9999px;width:60%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-item-premium:hover{background:hsl(var(--surface));color:hsl(var(--foreground))}.nav-item-premium:hover:after{transform:translate(-50%)scaleX(1)}.nav-item-premium.active{color:hsl(var(--primary))}.nav-item-premium.active:after{transform:translate(-50%)scaleX(1)}.dropdown-premium{background:hsl(var(--elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);min-width:16rem;box-shadow:none;opacity:0;visibility:hidden;z-index:50;margin-top:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px)}.dropdown-premium.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-item-premium{color:hsl(var(--foreground));cursor:pointer;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.menu-item-premium:hover{background:hsl(var(--primary-light));color:hsl(var(--primary));padding-left:1.25rem}.search-input-premium{background:hsl(var(--surface));border:1.5px solid hsl(var(--border));border-radius:var(--radius-xl);width:100%;color:hsl(var(--foreground));padding:.75rem 1rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input-premium:focus{border-color:hsl(var(--primary));box-shadow:none;outline:none}.search-input-premium::placeholder{color:hsl(var(--muted))}.empty-state-premium{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state-icon{background:linear-gradient(135deg,hsl(var(--primary-light)),hsl(var(--primary) / .1));border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;animation:2s ease-in-out infinite pulse-soft;display:flex}.stat-card-premium{background:linear-gradient(135deg,hsl(var(--elevated)),hsl(var(--surface)));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-premium:before{content:"";background:radial-gradient(circle,hsl(var(--primary) / .08) 0%,transparent 50%);opacity:0;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.stat-card-premium:hover{border-color:hsl(var(--primary) / .3);box-shadow:none;transform:translateY(-4px)}.stat-card-premium:hover:before{opacity:1}.badge-glow{position:relative}.badge-glow:after{content:"";display:none}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}.nav-icon-btn{cursor:pointer;color:#000;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:inline-flex}.nav-icon-btn:hover{background:hsl(var(--primary) / .12);color:hsl(var(--primary));transform:scale(1.1)}.dark .nav-icon-btn{color:#fff}.dark .nav-icon-btn:hover{background:hsl(var(--primary) / .2);color:hsl(var(--primary))}.icon-button-premium{border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.icon-button-premium:before{content:"";border-radius:inherit;background:linear-gradient(135deg,hsl(var(--primary-light)),hsl(var(--primary) / .1));opacity:0;transition:opacity .2s;position:absolute;top:0;right:0;bottom:0;left:0}.icon-button-premium:hover{color:hsl(var(--primary));background:hsl(var(--primary-light));transform:scale(1.05)}.icon-button-premium:active{transform:scale(.95)}.fab-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));width:3.5rem;height:3.5rem;color:hsl(var(--primary-foreground));cursor:pointer;box-shadow:none;z-index:40;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.fab-premium:hover{box-shadow:none;transform:scale(1.1)translateY(-4px)}.fab-premium:active{transform:scale(.95)}.section-header-premium{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.section-title-premium{letter-spacing:-.02em;background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--muted-foreground)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.section-action-premium{color:hsl(var(--primary));cursor:pointer;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.section-action-premium:hover{gap:.5rem}.card-grid-premium{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.video-grid-premium{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}@media(max-width:640px){.video-grid-premium{grid-template-columns:1fr}}.stagger-item{opacity:0;animation:.5s forwards fadeInUp}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glow-border-premium{position:relative}.glow-border-premium:before{content:"";display:none}.text-fade-enter{opacity:0;transform:translateY(10px)}.text-fade-enter-active{opacity:1;transition:all .3s;transform:translateY(0)}.content-reveal{overflow:hidden}.content-reveal>*{animation:.5s forwards revealContent}@keyframes revealContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-center{z-index:999;background:hsl(var(--elevated));border:1px solid hsl(var(--border));width:min(360px,100vw - 24px);max-height:min(500px,100dvh - 88px);box-shadow:none;transform-origin:100% 0;border-radius:18px;flex-direction:column;animation:.18s cubic-bezier(.2,.8,.2,1) both notification-center-enter;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-center.is-empty{width:min(260px,100vw - 24px)}.notification-center.is-empty .notification-center-header{display:none}.notification-center-header{border-bottom:1px solid hsl(var(--border) / .5);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 16px;display:flex}.notification-center-title{color:hsl(var(--foreground));font-family:Sora,sans-serif;font-size:15px;font-weight:700}.notification-center-actions{gap:8px;display:flex}.notification-center-btn{color:hsl(var(--primary));cursor:pointer;background:0 0;border:none;font-size:12px;transition:opacity .2s}.notification-center-btn:hover{opacity:.8}.notification-center-btn-muted{color:hsl(var(--muted-foreground))}.notification-center-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.notification-center-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:10px 14px;display:flex}.notification-center-empty-icon{width:24px;height:24px;color:hsl(var(--primary) / .3);margin:0 auto 6px;display:block}.notification-center-empty-text{color:hsl(var(--muted-foreground));margin:0;font-size:12px;line-height:1.4}.notification-center-item{border-bottom:1px solid hsl(var(--border) / .4);cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.notification-center-item:hover{background:hsl(var(--primary) / .04)}.notification-center-item.unread{background:hsl(var(--primary) / .04);border-left:3px solid hsl(var(--primary) / .5)}.notification-center-item.read{border-left:none}.notification-center-icon-box{background:hsl(var(--primary) / .12);border:1px solid hsl(var(--primary) / .2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-center-content{flex:1;min-width:0}.notification-center-title-text{color:hsl(var(--foreground));margin:0 0 2px;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.notification-center-message{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:12px;overflow:hidden}.notification-center-time{color:hsl(var(--muted-foreground) / .6);margin:0;font-size:11px}.notification-center-dismiss{color:hsl(var(--muted-foreground) / .6);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;transition:color .2s}.notification-center-dismiss:hover{color:hsl(var(--foreground))}@keyframes notification-center-enter{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media(max-width:767px){.notification-center,.notification-center.is-empty{top:calc(64px + env(safe-area-inset-top));width:min(360px,100vw - 24px);max-height:calc(100dvh - 76px - env(safe-area-inset-top));transform-origin:100% 0;position:fixed;right:12px}.notification-center.is-empty{width:min(260px,100vw - 24px)}.notification-center-header{padding-inline:14px}.notification-center-actions{gap:6px}}@media(prefers-reduced-motion:reduce){.notification-center{animation:none}}.notification-bell-wrapper{position:relative}.notification-bell-btn{background:hsl(var(--primary) / .06);border:1px solid hsl(var(--primary) / .15);cursor:pointer;border-radius:12px;padding:8px;transition:all .2s;position:relative}.notification-bell-btn:hover{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .25)}.notification-bell-btn.open{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary) / .35)}.notification-bell-badge{background:hsl(var(--destructive));color:hsl(var(--primary-foreground));border:2px solid hsl(var(--background));border-radius:100px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.notification-bell-overlay{z-index:998;position:fixed;top:0;right:0;bottom:0;left:0}.toast-premium{box-shadow:none;border-radius:1rem;align-items:center;gap:.75rem;min-width:280px;padding:1rem 1.25rem;animation:.4s forwards slideInUp;display:flex}.toast-premium.success{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground))}.toast-premium.error{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive)));color:hsl(var(--primary-foreground))}.toast-premium.info{background:hsl(var(--elevated));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.toast-premium-icon{flex-shrink:0;width:20px;height:20px}.toast-premium-message{flex:1;font-size:14px;font-weight:500}.toast-premium-close{opacity:.7;cursor:pointer;color:inherit;background:0 0;border:none;flex-shrink:0;padding:2px;transition:opacity .2s}.toast-premium-close:hover{opacity:1}.notification-dot-premium{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));width:.5rem;height:.5rem;box-shadow:none;border-radius:50%;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:.25rem;right:.25rem}.tooltip-premium{position:relative}.tooltip-premium:after{content:attr(data-tooltip);background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-2)));color:hsl(var(--primary-foreground));white-space:nowrap;border-radius:var(--radius-sm);opacity:0;visibility:hidden;z-index:60;box-shadow:var(--shadow-lg);padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip-premium:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-12px)}.watch-title{background:linear-gradient(135deg,hsl(var(--foreground)) 50%,hsl(var(--primary)) 150%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.watch-like-btn{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 20%));border:1px solid hsl(var(--border) / 60%);transition:all .2s}.watch-like-btn:hover{background:linear-gradient(135deg,hsl(var(--primary) / 10%),hsl(var(--accent-1) / 5%));border-color:hsl(var(--primary) / 40%);box-shadow:none;transform:translateY(-1px)}.watch-like-btn.active{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0)}.watch-dislike-btn{transition:all .2s}.watch-dislike-btn:hover{background:linear-gradient(135deg,hsl(var(--muted) / 20%));transform:translateY(-1px)}.watch-dislike-btn.active{background:linear-gradient(135deg,hsl(var(--muted) / 80%),hsl(var(--foreground) / 10%));opacity:.7}.watch-action-btn{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 15%));border:1px solid hsl(var(--border) / 50%);transition:all .2s}.watch-stats-pills{background:linear-gradient(135deg,hsl(var(--surface)) 0%,transparent 100%);border:1px solid hsl(var(--border) / 40%);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.watch-stat-pill{background:linear-gradient(135deg,hsl(var(--primary) / 10%),hsl(var(--accent-1) / 5%));border:1px solid hsl(var(--primary) / 20%);color:hsl(var(--primary));border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.watch-stat-pill:hover{background:linear-gradient(135deg,hsl(var(--primary) / 15%),hsl(var(--accent-1) / 10%));border-color:hsl(var(--primary) / 35%);transform:translateY(-1px)}.watch-channel-avatar{position:relative}.watch-channel-avatar:after{content:"";background:hsl(var(--primary));border:2px solid hsl(var(--elevated));border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.watch-description-card{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--surface) / 60%));border:1px solid hsl(var(--border) / 50%);border-radius:1rem;padding:1.25rem;transition:all .25s}.watch-description-card:hover{border-color:hsl(var(--primary) / 25%);box-shadow:none}.watch-notes-card{background:linear-gradient(135deg,hsl(var(--primary) / 8%),hsl(var(--accent-1) / 4%),transparent 100%);border:1px solid hsl(var(--primary) / 25%);border-radius:1rem;padding:1.25rem;transition:all .25s}.watch-notes-icon{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none}.watch-tabs{border-bottom:1px solid hsl(var(--border) / 40%);gap:.25rem;display:flex}.watch-tab-btn{color:hsl(var(--foreground) / 50%);border-radius:.5rem .5rem 0 0;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;position:relative}.watch-tab-btn:after{content:"";background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));border-radius:1px;height:2px;transition:transform .3s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.watch-tab-btn:hover{color:hsl(var(--primary));background:hsl(var(--primary) / 5%)}.watch-tab-btn.active{color:hsl(var(--primary));background:hsl(var(--primary) / 10%)}.watch-tab-btn.active:after{transform:scaleX(1)}.watch-about-section{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 50%));border:1px solid hsl(var(--border) / 40%);border-radius:1rem;padding:1.5rem}.watch-about-avatar{width:5rem;height:5rem;position:relative}.watch-about-stat-label{color:hsl(var(--foreground) / 50%);font-size:.7rem;font-weight:500}.watch-comments-header{border-top:1px solid hsl(var(--border) / 40%);align-items:center;gap:.75rem;padding:1rem 0;font-size:1.1rem;font-weight:700;display:flex}.watch-comment-card{border-bottom:1px solid hsl(var(--border) / 20%);gap:.75rem;padding:1rem 0;transition:all .2s;display:flex}.watch-comment-card:hover{background:hsl(var(--primary) / 3%);border-radius:.75rem;margin:0 -.75rem;padding:1rem .75rem}.watch-reply-btn{color:hsl(var(--foreground) / 50%);border-radius:.375rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.watch-reply-btn:hover{color:hsl(var(--primary));background:hsl(var(--primary) / 10%)}.watch-subscribe-btn{transition:all .3s;position:relative;overflow:hidden}.watch-premium-badge{background:linear-gradient(135deg,hsl(var(--foreground) / .08),hsl(var(--foreground) / .04));border:1px solid hsl(var(--border));color:hsl(var(--foreground));box-shadow:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.watch-related-heading{border:1px solid hsl(var(--border) / 70%);background:radial-gradient(ellipse at 100% 0%,hsl(var(--primary) / 9%),transparent 58%),linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated) / 72%));box-shadow:inset 0 1px hsl(var(--background) / 70%);border-radius:1rem;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem .9rem;display:flex;position:relative;overflow:hidden}.watch-related-heading:after{background:linear-gradient(90deg,hsl(var(--primary) / 75%),hsl(var(--accent-1) / 45%),transparent);content:"";border-radius:2px;height:2px;position:absolute;bottom:0;left:.9rem;right:.9rem}.watch-related-heading__icon{border:1px solid hsl(var(--primary) / 20%);background:linear-gradient(145deg,hsl(var(--primary) / 16%),hsl(var(--primary) / 7%));width:2.65rem;height:2.65rem;color:hsl(var(--primary));box-shadow:inset 0 1px hsl(var(--background) / 65%);border-radius:.85rem;flex:none;place-items:center;display:grid}.watch-related-heading__copy{min-width:0}.watch-related-heading__eyebrow{color:hsl(var(--primary));letter-spacing:.14em;margin-bottom:.12rem;font-size:.61rem;font-weight:750;line-height:1.25;display:block}.watch-related-heading h3{color:hsl(var(--foreground));letter-spacing:-.035em;margin:0;font-size:1.12rem;font-weight:750;line-height:1.25}.watch-related-videos{position:-webkit-sticky;position:sticky;top:5rem}.watch-video-card{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 80%));border:1px solid hsl(var(--border) / 40%);border-radius:1rem;padding:.75rem;transition:all .25s;position:relative;overflow:hidden}.watch-video-card:before{content:"";background:linear-gradient(135deg,hsl(var(--primary) / 5%) 0%,transparent 60%);opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.watch-video-card:hover{border-color:hsl(var(--primary) / 40%);box-shadow:none;transform:translateY(-2px)}.watch-video-card:hover:before{opacity:1}.watch-thumbnail{box-shadow:none;transition:all .3s}.watch-thumbnail:after{content:"";border-radius:inherit;box-shadow:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.watch-video-card:hover .watch-thumbnail{box-shadow:none;transform:scale(1.02)}.watch-play-overlay{border-radius:inherit}.watch-play-overlay>div{box-shadow:0 4px 20px -5px rgba(0,0,0,.5)}.watch-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;position:relative}.watch-video-card:hover .watch-video-title{text-shadow:none}.watch-channel-name{transition:all .2s;position:relative}.watch-video-card:hover .watch-channel-name{color:hsl(var(--primary) / 80%)}.watch-view-count{transition:all .2s;position:relative}.watch-video-card:hover .watch-view-count{color:hsl(var(--foreground) / 70%)}.watch-comment-card{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--surface) / 60%));border:1px solid hsl(var(--border) / 30%);border-radius:1rem;padding:1rem;transition:all .25s;position:relative}.watch-comment-card:hover{border-color:hsl(var(--primary) / 25%);background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)) 30%,hsl(var(--surface) / 80%));box-shadow:none}.watch-comment-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.watch-comment-action-btn{color:hsl(var(--foreground) / 50%);cursor:pointer;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;transition:all .2s}.watch-comment-action-btn:hover{color:hsl(var(--primary));background:hsl(var(--primary) / 10%)}.watch-reply-indent{border-left:2px solid hsl(var(--primary) / 25%);padding-left:1rem;transition:border-color .3s;position:relative}.watch-reply-indent:hover{border-left-color:hsl(var(--primary) / 50%)}.watch-reply-input{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 15%));border:1px solid hsl(var(--border) / 50%);resize:none;border-radius:1rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.watch-reply-input:focus{border-color:hsl(var(--primary) / 50%);box-shadow:none;outline:none}.watch-reply-input::placeholder{color:hsl(var(--foreground) / 40%)}.watch-tabs-container{border-bottom:1px solid hsl(var(--border) / 40%);gap:.25rem;padding-bottom:.5rem;display:flex}.watch-tab{color:hsl(var(--foreground) / 50%);cursor:pointer;border-radius:.75rem .75rem 0 0;padding:.75rem 1.25rem;font-weight:600;transition:all .25s;position:relative}.watch-tab:after{content:"";background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));border-radius:3px 3px 0 0;height:3px;transition:transform .3s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.watch-tab:hover{color:hsl(var(--primary));background:hsl(var(--primary) / 8%)}.watch-tab.active{color:hsl(var(--primary));background:hsl(var(--primary) / 12%)}.watch-tab.active:after{transform:scaleX(1)}.watch-player-tabs{border:1px solid hsl(var(--border) / 70%);background:hsl(var(--surface) / 75%);width:fit-content;max-width:100%;box-shadow:inset 0 1px hsl(var(--foreground) / 3%);border-radius:1rem;align-items:center;gap:.35rem;padding:.35rem;display:flex}.watch-player-tab{min-height:2.75rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:0 1rem;font-size:.9rem;font-weight:650;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.watch-player-tab:hover{background:hsl(var(--primary) / 7%);color:hsl(var(--primary))}.watch-player-tab.is-active{border-color:hsl(var(--primary) / 20%);background:linear-gradient(135deg,hsl(var(--primary) / 16%),hsl(var(--primary) / 9%));color:hsl(var(--primary));box-shadow:0 3px 10px hsl(var(--primary) / 9%),inset 0 1px hsl(var(--background) / 65%)}.watch-player-tab:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.watch-player-tab__count{background:hsl(var(--foreground) / 7%);min-width:1.25rem;height:1.25rem;color:inherit;border-radius:999px;place-items:center;padding:0 .3rem;font-size:.68rem;font-weight:700;display:inline-grid}.watch-player-tab.is-active .watch-player-tab__count{background:hsl(var(--primary) / 16%)}@media(max-width:480px){.watch-player-tabs{width:100%}.watch-player-tab{flex:1;gap:.4rem;min-width:0;padding:0 .65rem;font-size:.82rem}}@media(prefers-reduced-motion:reduce){.watch-player-tab{transition:none}}.watch-share-modal{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 80%));border:1px solid hsl(var(--border) / 50%);box-shadow:none;border-radius:1.5rem}.watch-share-btn{cursor:pointer;border-radius:1rem;padding:1rem;transition:all .25s}.watch-share-btn:hover{box-shadow:none;transform:translateY(-2px)}.watch-report-modal{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 80%));border:1px solid hsl(var(--border) / 50%);box-shadow:none;border-radius:1.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.watch-description{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--surface) / 60%));border:1px solid hsl(var(--border) / 40%);border-radius:1.25rem;padding:1.25rem;transition:all .25s;position:relative}.watch-description:hover{border-color:hsl(var(--primary) / 30%);box-shadow:none}.watch-notes-card{background:linear-gradient(135deg,hsl(var(--primary) / 8%),hsl(var(--accent-1) / 4%),transparent 100%);border:1px solid hsl(var(--primary) / 25%);border-radius:1.25rem;padding:1.25rem;transition:all .25s;position:relative;overflow:hidden}.watch-notes-card:before{content:"";background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-1)));height:3px;position:absolute;top:0;left:0;right:0}.watch-notes-card:hover{background:linear-gradient(135deg,hsl(var(--primary) / 12%),hsl(var(--accent-1) / 6%),transparent 100%);border-color:hsl(var(--primary) / 40%);box-shadow:none;transform:translateY(-2px)}.watch-notes-icon{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));box-shadow:none}.watch-stats-row{background:linear-gradient(135deg,hsl(var(--surface)) 0%,transparent 100%);border:1px solid hsl(var(--border) / 30%);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.watch-stat-badge{background:linear-gradient(135deg,hsl(var(--primary) / 10%),hsl(var(--accent-1) / 5%));border:1px solid hsl(var(--primary) / 20%);color:hsl(var(--primary));cursor:pointer;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.watch-stat-badge:hover{background:linear-gradient(135deg,hsl(var(--primary) / 15%),hsl(var(--accent-1) / 10%));border-color:hsl(var(--primary) / 35%);transform:translateY(-1px)}.watch-mobile-menu{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)));border:1px solid hsl(var(--border) / 50%);box-shadow:none;z-index:50;border-radius:1.25rem;padding:1rem;animation:.3s forwards scaleIn;position:fixed;bottom:5rem;right:1rem}@keyframes bell-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.watch-channel-card{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 80%));border:1px solid hsl(var(--border) / 40%);border-radius:1.25rem;padding:1.25rem;transition:all .25s;position:relative;overflow:hidden}.watch-channel-card:before{content:"";background:linear-gradient(135deg,hsl(var(--primary) / 5%) 0%,transparent 50%);opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.watch-channel-card:hover{border-color:hsl(var(--primary) / 35%);box-shadow:none;transform:translateY(-2px)}.watch-channel-card:hover:before{opacity:1}.watch-about-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.watch-about-stat{background:linear-gradient(135deg,hsl(var(--muted) / 25%),hsl(var(--muted) / 10%));text-align:center;border-radius:.75rem;padding:.75rem;transition:all .2s}.watch-about-stat:hover{background:linear-gradient(135deg,hsl(var(--primary) / 12%),hsl(var(--accent-1) / 6%));transform:translateY(-2px)}.watch-about-stat-value{color:hsl(var(--primary));font-size:1.25rem;font-weight:700}.watch-about-stat-label{color:hsl(var(--foreground) / 50%);margin-top:.25rem;font-size:.7rem;font-weight:500}.watch-subscribe-btn{cursor:pointer;border-radius:9999px;padding:.625rem 1.25rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.watch-subscribe-btn:before{content:"";background:linear-gradient(135deg,hsl(var(--primary) / 25%),hsl(var(--accent-1) / 15%));opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.watch-subscribe-btn:hover:before{opacity:1}.watch-subscribe-btn:hover{box-shadow:none;transform:translateY(-2px)}.watch-subscribe-btn.subscribed{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 30%));border:2px solid hsl(var(--border))}.watch-subscribe-btn.subscribed:hover{border-color:hsl(var(--primary) / 50%)}.watch-view-replies-btn{color:hsl(var(--primary));background:linear-gradient(135deg,hsl(var(--primary) / 10%),hsl(var(--accent-1) / 5%));border:1px solid hsl(var(--primary) / 20%);cursor:pointer;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.watch-view-replies-btn:hover{background:linear-gradient(135deg,hsl(var(--primary) / 15%),hsl(var(--accent-1) / 10%));border-color:hsl(var(--primary) / 35%);transform:translateY(-1px)}.watch-comment-input{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 15%));border:1px solid hsl(var(--border) / 50%);resize:none;border-radius:1rem;width:100%;padding:.875rem 1rem;font-size:.9rem;transition:all .2s}.watch-comment-input:focus{border-color:hsl(var(--primary) / 50%);box-shadow:none;outline:none}.watch-comment-input::placeholder{color:hsl(var(--foreground) / 40%)}.watch-send-btn{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));cursor:pointer;box-shadow:none;border-radius:1rem;padding:.625rem 1rem;transition:all .25s}.watch-send-btn:hover:not(:disabled){box-shadow:none;transform:translateY(-2px)}.watch-send-btn:disabled{opacity:.5;cursor:not-allowed}.watch-action-row{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)),hsl(var(--surface) / 80%));border:1px solid hsl(var(--border) / 40%);border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;transition:all .25s;display:flex}.watch-action-row:hover{border-color:hsl(var(--primary) / 30%);box-shadow:none}.watch-action-btn{background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--muted) / 20%));border:1px solid hsl(var(--border) / 50%);color:hsl(var(--foreground));cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.watch-action-btn:hover{background:linear-gradient(135deg,hsl(var(--primary) / 10%),hsl(var(--accent-1) / 5%));border-color:hsl(var(--primary) / 40%);color:hsl(var(--primary));box-shadow:none;transform:translateY(-1px)}.watch-action-btn.active{background:linear-gradient(135deg,hsl(var(--primary) / 15%),hsl(var(--accent-1) / 10%));border-color:hsl(var(--primary) / 40%);color:hsl(var(--primary))}.icon-btn{border:1px solid hsl(var(--border) / 50%);background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--elevated)));width:2.75rem;height:2.75rem;color:hsl(var(--foreground) / 70%);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.icon-btn:before{content:"";border-radius:inherit;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.icon-btn:hover{color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0);transform:translateY(-3px)scale(1.05)}.icon-btn:hover:before{opacity:1}.icon-btn:active{box-shadow:none;transform:translateY(-1px)scale(.98)}.icon-btn>*{z-index:1;transition:transform .2s;position:relative}.icon-btn:hover>*{transform:scale(1.1)}.icon-btn-ghost{width:2.5rem;height:2.5rem;color:hsl(var(--foreground) / 50%);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .25s;display:inline-flex}.icon-btn-ghost:hover{background:hsl(var(--primary) / 12%);color:hsl(var(--primary));transform:scale(1.1)}.icon-btn-ghost:active{transform:scale(.95)}.icon-btn-filled{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));width:2.75rem;height:2.75rem;color:hsl(var(--primary-foreground));cursor:pointer;box-shadow:none;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.icon-btn-filled:hover{box-shadow:none;transform:translateY(-3px)scale(1.08)}.icon-btn-filled:active{box-shadow:none;transform:translateY(-1px)scale(.95)}.icon-btn-sm{width:2rem;height:2rem}.icon-btn-sm svg{width:1rem;height:1rem}.icon-btn-lg{width:3.5rem;height:3.5rem}.icon-btn-lg svg{width:1.5rem;height:1.5rem}:root{--liquid-bg:#ffffff8c;--liquid-border:hsl(var(--border) / .85);--liquid-shadow:0 4px 20px hsl(var(--foreground) / .08);--liquid-glow:0 0 20px hsl(var(--foreground) / .08);--liquid-inset:inset 0 1px 0 #fff9;--liquid-shine:linear-gradient(135deg, #ffffff80 0%, transparent 50%, #ffffff1a 100%);--liquid-bubble:radial-gradient(circle at 30% 20%, #fff9 0%, transparent 50%);--liquid-deep:linear-gradient(145deg, hsl(var(--foreground) / .06), hsl(var(--foreground) / .02));--liquid-push:0 2px 8px hsl(var(--foreground) / .08), inset 0 -1px 0 #0000000f;--liquid-elevation:0 8px 32px hsl(var(--foreground) / .12), 0 0 0 1px hsl(var(--foreground) / .06)}.dark{--liquid-bg:#ffffff0f;--liquid-border:#ffffff24;--liquid-shadow:0 4px 20px #00000059;--liquid-glow:0 0 20px #ffffff14;--liquid-inset:inset 0 1px 0 #ffffff1a;--liquid-shine:linear-gradient(135deg, #ffffff1a 0%, transparent 50%, #ffffff08 100%);--liquid-bubble:radial-gradient(circle at 30% 20%, #ffffff29 0%, transparent 50%);--liquid-deep:linear-gradient(145deg, #ffffff14, #ffffff05);--liquid-push:0 2px 8px #0000004d, inset 0 -1px 0 #ffffff0f;--liquid-elevation:0 8px 32px #00000073, 0 0 0 1px #ffffff14}.icon-liquid{background:linear-gradient(135deg,hsl(var(--accent-1)),hsl(var(--accent-2)));cursor:default;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.2)}.icon-liquid svg{color:hsl(var(--primary-foreground))}.icon-liquid:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.28)}.icon-liquid:active{transform:translateY(0)scale(.97);box-shadow:0 2px 6px rgba(0,0,0,.18)}.icon-liquid-sm{border-radius:10px;width:36px;height:36px}.icon-liquid-sm svg{width:18px;height:18px}.icon-liquid-md{border-radius:12px;width:44px;height:44px}.icon-liquid-md svg{width:22px;height:22px}.icon-liquid-lg{border-radius:14px;width:56px;height:56px}.icon-liquid-lg svg{width:28px;height:28px}.icon-liquid-xl{border-radius:16px;width:64px;height:64px}.icon-liquid-xl svg{width:32px;height:32px}.icon-liquid-clickable{cursor:pointer}.icon-liquid-danger{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive)));box-shadow:0 4px 16px hsl(var(--destructive) / .3);border:none}.icon-liquid-danger:hover{box-shadow:0 8px 28px hsl(var(--destructive) / .4)}.icon-liquid-danger:active{box-shadow:0 2px 6px hsl(var(--destructive) / .2)}.icon-liquid-danger svg{color:hsl(var(--primary-foreground))}.btn-liquid{border:1px solid hsl(var(--primary) / .2);background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-liquid:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,rgba(0,0,0,0) 25%,rgba(255,255,255,.35),rgba(0,0,0,0) 75%) 100% 0/200% 100%;transition:opacity .3s,background-position;position:absolute;top:0;right:0;bottom:0;left:0}.btn-liquid>span,.btn-liquid>svg{z-index:1;position:relative}.btn-liquid:hover{box-shadow:none;transform:translateY(-2px)}.btn-liquid:hover:before{opacity:1;background-position:-100% 0;transition:opacity .3s,background-position .6s cubic-bezier(.4,0,.2,1)}.btn-liquid:active{box-shadow:none;transform:translateY(0)scale(.97)}.btn-liquid-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));border:1px solid hsl(var(--primary) / .2);color:hsl(var(--primary-foreground));box-shadow:none}.btn-liquid-primary:hover{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));box-shadow:none;transform:translateY(-2px)}.btn-liquid-primary:active{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));box-shadow:none;transform:translateY(0)scale(.97)}.btn-liquid-secondary{background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--foreground));box-shadow:0 2px 8px rgba(0,0,0,.04)}.btn-liquid-secondary:hover{border-color:hsl(var(--primary) / .25);color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.btn-liquid-danger{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive)));color:hsl(var(--primary-foreground));box-shadow:0 4px 16px hsl(var(--destructive) / .3);border:none}.btn-liquid-danger:hover{background:linear-gradient(135deg,hsl(var(--destructive) / .9),hsl(var(--destructive) / .8));box-shadow:0 8px 28px hsl(var(--destructive) / .4);transform:translateY(-2px)}.btn-liquid-danger:active{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive) / .85));box-shadow:0 2px 6px hsl(var(--destructive) / .2);transform:translateY(0)scale(.97)}.btn-liquid-icon{border-radius:12px;padding:0}.btn-liquid-icon.btn-liquid-sm{width:32px;height:32px}.btn-liquid-icon.btn-liquid-md{width:40px;height:40px}.btn-liquid-icon.btn-liquid-lg{width:48px;height:48px}.btn-liquid-icon.btn-liquid-xl{width:56px;height:56px}.btn-liquid-sm{border-radius:10px;gap:.375rem;padding:.375rem .75rem;font-size:.75rem}.btn-liquid-md{padding:.625rem 1.25rem;font-size:.875rem}.btn-liquid-lg{border-radius:14px;gap:.625rem;padding:.75rem 1.5rem;font-size:1rem}.btn-liquid-loading{pointer-events:none;position:relative;color:rgba(0,0,0,0)!important}.btn-liquid-loading:after{content:"";background:linear-gradient(90deg,hsl(var(--surface)),hsl(var(--border)),hsl(var(--surface)));z-index:2;background-size:200% 100%;border:0;border-radius:.375rem;width:2.5rem;height:.75rem;margin:auto;animation:1.5s ease-in-out infinite skeletonWave;position:absolute;top:0;right:0;bottom:0;left:0}.btn-liquid:disabled,.btn-liquid[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge-liquid{background:var(--liquid-bg);border:1px solid var(--liquid-border);color:hsl(var(--primary));box-shadow:var(--liquid-shadow),var(--liquid-inset);white-space:nowrap;border-radius:100px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.badge-liquid:before{content:"";background:var(--liquid-shine);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.badge-liquid>*{z-index:1;position:relative}.badge-liquid-danger{background:hsl(var(--destructive) / .12);border-color:hsl(var(--destructive) / .25);color:hsl(var(--destructive));--liquid-shadow:0 2px 8px hsl(var(--destructive) / .15)}.badge-liquid-sm{padding:.125rem .5rem;font-size:.625rem}.badge-liquid-lg{padding:.3rem .875rem;font-size:.75rem}.badge-liquid-notif{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive)));min-width:18px;height:18px;color:hsl(var(--primary-foreground));border:2px solid hsl(var(--background));box-shadow:0 2px 6px hsl(var(--destructive) / .3);border-radius:100px;justify-content:center;align-items:center;padding:0 4px;font-size:.625rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.dark .badge-liquid-notif{border-color:hsl(var(--background))}.input-liquid{width:100%;color:hsl(var(--foreground));background:var(--liquid-bg);border:1.5px solid var(--liquid-border);box-shadow:var(--liquid-inset),0 1px 4px rgba(0,0,0,.03);border-radius:12px;outline:none;padding:.625rem .875rem;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.input-liquid::placeholder{color:hsl(var(--muted))}.input-liquid:focus{border-color:hsl(var(--primary) / .5);box-shadow:none}.input-liquid-sm{border-radius:10px;padding:.5rem .75rem;font-size:.8125rem}.input-liquid-lg{border-radius:14px;padding:.75rem 1rem;font-size:1rem}select.input-liquid{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}textarea.input-liquid{resize:vertical;min-height:80px}.pill-liquid{background:hsl(var(--primary) / .08);border:1px solid hsl(var(--primary) / .15);color:hsl(var(--primary));cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.pill-liquid:hover{background:hsl(var(--primary) / .2);border-color:hsl(var(--primary) / .35);box-shadow:none;transform:translateY(-1px)}.pill-liquid:active{transform:translateY(0)scale(.97)}.pill-liquid-active{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0)}.pill-liquid-active:hover{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-1)));color:hsl(var(--primary-foreground));box-shadow:none;border-color:rgba(0,0,0,0);transform:none}.pill-liquid-sm{padding:.25rem .625rem;font-size:.6875rem}.pill-liquid-lg{padding:.5rem 1.125rem;font-size:.9375rem}.avatar-liquid{background:var(--liquid-bg);border:2px solid var(--liquid-border);box-shadow:var(--liquid-shadow),var(--liquid-inset);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.avatar-liquid:before{content:"";border-radius:inherit;background:var(--liquid-shine);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.avatar-liquid>span,.avatar-liquid>img{z-index:1;position:relative}.avatar-liquid img{object-fit:cover;width:100%;height:100%}.avatar-liquid:hover{box-shadow:var(--liquid-elevation),var(--liquid-inset);border-color:hsl(var(--primary) / .35);transform:scale(1.05)}.avatar-liquid-sm{border-width:1.5px;width:28px;height:28px;font-size:.75rem}.avatar-liquid-md{width:36px;height:36px;font-size:.8125rem}.avatar-liquid-lg{border-width:2.5px;width:48px;height:48px;font-size:1rem}.avatar-liquid-xl{border-width:3px;width:64px;height:64px;font-size:1.25rem}.progress-liquid{background:var(--liquid-bg);border:1px solid var(--liquid-border);border-radius:100px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.progress-liquid-fill{background:linear-gradient(90deg,hsl(var(--accent-1)),hsl(var(--accent-2)));border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px rgba(0,0,0,.2)}.progress-liquid-fill:after{content:"";border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(0,0,0,0));position:absolute;top:0;right:0;bottom:0;left:0}.toggle-liquid{background:var(--liquid-bg);border:1.5px solid var(--liquid-border);width:44px;height:24px;box-shadow:var(--liquid-inset);cursor:pointer;border-radius:100px;flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}.toggle-liquid:before{content:"";border-radius:inherit;background:var(--liquid-shine);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.toggle-liquid:after{content:"";width:18px;height:18px;box-shadow:0 2px 6px rgba(0,0,0,.15),var(--liquid-inset);z-index:1;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.toggle-liquid-active{background:linear-gradient(135deg,hsl(var(--accent-1)),hsl(var(--accent-2)));border-color:rgba(0,0,0,0)}.toggle-liquid-active:after{transform:translate(20px)}.card-liquid{border-radius:var(--radius-xl);background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:var(--liquid-shadow),var(--liquid-inset);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.card-liquid:before{content:"";background:var(--liquid-shine);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.card-liquid>*{z-index:1;position:relative}.card-liquid:hover{box-shadow:var(--liquid-elevation),var(--liquid-inset);border-color:hsl(var(--primary) / .3);transform:translateY(-4px)}@keyframes liquidPulse{0%,to{box-shadow:var(--liquid-shadow),var(--liquid-inset)}50%{box-shadow:var(--liquid-glow),var(--liquid-elevation)}}@keyframes liquidFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-liquid-pulse{animation:2s ease-in-out infinite liquidPulse}.animate-liquid-float{animation:3s ease-in-out infinite liquidFloat}@media(hover:none){.btn-liquid:hover,.pill-liquid:hover,.icon-liquid:hover,.avatar-liquid:hover{transform:none}.btn-liquid:active,.pill-liquid:active{transform:scale(.97)}}.font-sora{font-family:Sora,sans-serif}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-anim{opacity:0}.hero-badge{animation:.4s .2s forwards fadeInUp}.hero-h1-1{animation:.5s .4s forwards fadeInUp}.hero-h1-2{animation:.5s .5s forwards fadeInUp}.hero-h1-3{animation:.5s .6s forwards fadeInUp}.hero-sub{animation:.5s .8s forwards fadeInUp}.hero-cta{animation:.6s 1s forwards fadeInUpScale}.hero-stats{animation:.5s 1.2s forwards fadeInUp}.hero-img-mask{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 35% 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 35%,#000)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:35s linear infinite marquee}.marquee-track-reverse{animation:40s linear infinite reverse marquee}@keyframes float-card-1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(-2deg)}}@keyframes float-card-2{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes float-card-3{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-15px)rotate(-1deg)}}.float-1{animation:5s ease-in-out infinite float-card-1}.float-2{animation:5s ease-in-out 1s infinite float-card-2}.float-3{animation:5s ease-in-out 2s infinite float-card-3}@keyframes scrollBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}.scroll-bounce{animation:1.5s ease-in-out infinite scrollBounce}.cta-pulse{animation:2s ease-in-out 2s infinite pulseGlow}.btn-liquid-glass{cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.glass-pill{background:hsl(var(--foreground) / .08);border:1px solid hsl(var(--foreground) / .18);color:hsl(var(--foreground));border-radius:100px;align-items:center;gap:.5rem;padding:6px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.glass-card{background:hsl(var(--foreground) / .05);border:1px solid hsl(var(--foreground) / .12);-webkit-backdrop-filter:blur(20px);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:hsl(var(--foreground) / .25);box-shadow:0 8px 32px rgba(0,0,0,.12)}.glass-sm{background:hsl(var(--foreground) / .05);border:1px solid hsl(var(--foreground) / .12);-webkit-backdrop-filter:blur(12px);border-radius:16px}.icon-glass-lg{background:hsl(var(--foreground) / .08);border:1px solid hsl(var(--foreground) / .18);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.icon-glass-xl{background:hsl(var(--foreground) / .08);border:1px solid hsl(var(--foreground) / .18);-webkit-backdrop-filter:blur(12px);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.dashed-line{border-top:2px dashed hsl(var(--foreground) / .2);position:relative}.dashed-line:after{content:"";background:linear-gradient(90deg,hsl(var(--foreground) / .4),hsl(var(--foreground) / .7),hsl(var(--foreground) / .4));background-size:200% 100%;height:2px;animation:2s linear infinite dashMove;position:absolute;top:-2px;left:0;right:0}@keyframes dashMove{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-text-emerald{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--foreground)) 40%,hsl(var(--accent-1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider-liquid{background:linear-gradient(90deg,transparent,hsl(var(--foreground) / .18),transparent);height:1px}.feature-tag{background:hsl(var(--foreground) / .08);border:1px solid hsl(var(--foreground) / .18);color:hsl(var(--foreground));white-space:nowrap;border-radius:100px;align-items:center;padding:4px 12px;font-family:Sora,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.particle{pointer-events:none;border-radius:50%;position:absolute}.mobile-nav-overlay{z-index:40;-webkit-backdrop-filter:blur(40px);background:rgba(2,8,6,.95);flex-direction:column;justify-content:center;align-items:center;gap:2rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.landing-scroll::-webkit-scrollbar{width:6px}.landing-scroll::-webkit-scrollbar-track{background:0 0}.landing-scroll::-webkit-scrollbar-thumb{background:hsl(var(--foreground) / .3);border-radius:3px}@media(max-width:767px){.hero-img-mask{-webkit-mask-image:linear-gradient(#0000 0%,#000 50% 100%);mask-image:linear-gradient(rgba(0,0,0,0),#000,#000)}}:where(*):not(:hover),:where(*):not(:hover):before,:where(*):not(:hover):after{box-shadow:none!important}.page-welcome-banner:after,.teacher-dashboard-topbar .page-welcome-banner--teacher:after{box-shadow:0 0 0 32px rgba(218,255,245,.05),0 0 0 66px rgba(218,255,245,.04)!important}.app-sidebar:after{box-shadow:0 0 0 32px rgba(218,255,245,.035),0 0 0 68px rgba(218,255,245,.03)!important}.admin-panel-header:after{box-shadow:0 0 0 32px rgba(218,255,245,.05),0 0 0 66px rgba(218,255,245,.04)!important}.admin-dashboard__hero-orbit{box-shadow:0 0 0 34px rgba(218,255,245,.05),0 0 0 70px rgba(218,255,245,.04)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}