:root{--bg:#070707;--panel:#111;--soft:#181818;--card:#151515;--line:#ffffff1a;--text:#f7f7f7;--muted:#a7a7a7;--pink:#ff2d8d;--pink2:#ff9ccb;--danger:#ff5a7a;--radius:22px}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%,#ff2d8d38,transparent 30%),var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#080808e6;flex-direction:column;gap:18px;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.mark{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#050505;border-radius:15px;place-items:center;width:44px;height:44px;font-weight:950;display:grid}.brand strong{font-size:19px;display:block}.brand span,.plan small{color:var(--muted);font-size:12px;display:block}.nav{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}.nav.active,.nav:hover{color:var(--text);background:#ffffff12}.addBtn,.primary,.upgradeBtn{background:var(--pink);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:800;display:flex}.upgradeBtn{width:100%;margin-top:auto}.logoutBtn{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:flex}.logoutBtn:hover{color:var(--text);background:#ffffff1a}.plan{border:1px solid var(--line);background:var(--soft);border-radius:18px;align-items:center;gap:10px;padding:14px;display:flex}main{min-width:0}.page{max-width:1320px;padding:34px}.header{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--pink);font-size:12px;font-weight:900}.header h1{letter-spacing:-1.7px;margin:0 0 8px;font-size:44px}.header p{color:var(--muted);margin:0}.searchPanel,.panel,.lesson{border:1px solid var(--line);border-radius:var(--radius);background:#111111c7;margin-bottom:22px;padding:18px}.searchbar{border:1px solid var(--line);background:#0d0d0d;border-radius:18px;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.searchbar input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.searchbar button,.actions button,.folders button,.folderAdd button,.linkBtn,.lessonPick,.lessonRow button{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:14px;padding:10px 14px;text-decoration:none}.filters{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.filters select,label input,label select,label textarea,.folderAdd input{border:1px solid var(--line);color:var(--text);background:#0d0d0d;border-radius:14px;padding:11px 12px}.chip{color:#ffd3e7;background:#ff2d8d21;border:1px solid #ff2d8d42;border-radius:999px;padding:10px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card img{aspect-ratio:16/9;object-fit:cover;background:#222;width:100%}.card img.portraitThumb{object-fit:contain;background:#111}.cardBody{padding:16px}.source{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.scoreBadge{color:#ffd3e7;background:#ff2d8d21;border:1px solid #ff2d8d42;border-radius:999px;margin-left:auto;padding:4px 8px}.card h3{margin:8px 0;font-size:18px}.card p{color:var(--muted);font-size:14px;line-height:1.45}.tags{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tags span{border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:7px 9px;font-size:12px}.actions{gap:10px;display:flex}.actions button{flex:1}.danger{color:#ff98aa!important;background:#ff5a7a1a!important;border-color:#ff5a7a59!important}.overlay{z-index:10;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#101010;border-radius:26px;width:min(560px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 80px #0009}.modalTop{justify-content:space-between;align-items:center;display:flex}.modalTop button{color:#fff;background:#ffffff14;border:0;border-radius:12px;padding:8px}.modal label{color:var(--muted);gap:7px;margin:14px 0;display:grid}textarea{resize:vertical;min-height:90px}.wide{width:100%;margin-top:10px}.modalDrill{align-items:center;gap:12px;display:flex}.modalDrill img{object-fit:cover;border-radius:12px;width:92px;height:54px}.heroImg{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%}.linkBtn{justify-content:center;align-items:center;gap:8px;margin:14px 0;display:flex}.lessonPick{text-align:left;width:100%;margin:5px 0}.libraryLayout{grid-template-columns:240px 1fr;gap:18px;display:grid}.folders{flex-direction:column;gap:8px;display:flex}.folders button{text-align:left}.activeFolder{background:var(--pink)!important;color:#fff!important}.folderAdd{gap:8px;margin-top:10px;display:grid}.lessons{gap:18px;display:grid}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:18px}.lessonRow{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;align-items:center;gap:10px;margin:10px 0;padding:10px;display:flex}.lessonRow span{flex:1}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:18px}.stat b{font-size:30px;display:block}.stat span{color:var(--muted)}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{border:1px solid var(--line);background:#111111db;border-radius:26px;width:min(460px,100%);padding:26px;box-shadow:0 28px 90px #00000080}.authPanel h1{letter-spacing:-.7px;margin:8px 0 18px;font-size:34px;line-height:1.05}.authPanel label{color:var(--muted);gap:7px;margin:14px 0;display:grid}.authPanel input{border:1px solid var(--line);width:100%;color:var(--text);background:#0d0d0d;border-radius:14px;padding:12px}.authTabs{border:1px solid var(--line);background:#0d0d0d;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:5px;display:grid}.authTabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px}.authTabs button.active{color:var(--text);background:#ffffff1a}.formError{color:#ff98aa;background:#ff5a7a1a;border:1px solid #ff5a7a4d;border-radius:14px;padding:10px 12px}.formSuccess{color:#a2f5a2;background:#64c8641a;border:1px solid #64c8644d;border-radius:14px;padding:10px 12px}.forgotPasswordLink{color:var(--pink);background:0 0;border:0;margin-top:8px;padding:10px 0;font-size:14px;text-decoration:none}.saveErrorBanner{color:#ff98aa;background:#ff5a7a1a;border:1px solid #ff5a7a4d;border-radius:16px;margin-bottom:16px;padding:12px 16px}.billingPanel{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.billingCard{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:24px;display:flex}.billingCard.active{border-color:var(--pink);background:#ff2d8d14}.billingCard h2{margin:12px 0 0;font-size:24px}.billingCard .price{color:var(--pink);margin:8px 0;font-size:32px;font-weight:900}.billingCard .price span{color:var(--muted);font-size:14px}.billingCard ul{text-align:left;color:var(--muted);margin:16px 0;padding:0;font-size:14px;list-style:none}.billingCard li{padding:8px 0}.billingCard button{margin-top:16px}.paywall{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.paywall h2{margin:0}.paywall p{color:var(--muted);margin:0}.paywall .price{color:var(--pink);margin:0;font-size:28px;font-weight:900}.paywall button{width:100%}.successContent,.cancelContent{text-align:center;padding:20px}.successContent ul,.cancelContent ul{text-align:left;color:var(--muted);padding:16px 0}.mutedLine{color:var(--muted)}.authDivider{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:13px;display:flex}.authDivider:before,.authDivider:after{content:"";background:var(--line);flex:1;height:1px}.googleSignInBtn{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-weight:700;transition:background .15s;display:flex}.googleSignInBtn:hover:not(:disabled){background:#ffffff1f}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.grid,.libraryLayout,.stats,.billingPanel{grid-template-columns:1fr}.page{padding:20px}.header h1{font-size:34px}.searchbar{align-items:stretch}.searchbar button{width:auto}}.lessonHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}button,.linkBtn,.lessonTitleBtn,select,input,textarea{transition:transform .12s,border-color .12s,background-color .12s,color .12s,box-shadow .12s,opacity .12s}button:not(:disabled):active,.linkBtn:active,.lessonTitleBtn:active{transform:scale(.97)}button:focus-visible,.linkBtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:0 0 0 3px #ff2d8d2e;border-color:#ff2d8da6!important}.primary:not(:disabled):active,.addBtn:not(:disabled):active,.upgradeBtn:not(:disabled):active{box-shadow:0 0 0 4px #ff2d8d2e}.searchbar button{min-width:112px}.searchbar button.isBusy{color:#fff;background:#ff2d8db8}.comingSoonBtn:disabled{color:#ffffffb8;opacity:1;cursor:not-allowed;background:#ffffff1a;border:1px solid #ffffff1f}.cardVideoEmbedWrap{aspect-ratio:16/9;background:#111;width:100%;position:relative;overflow:hidden}.cardVideoEmbedWrap.instagramEmbed{aspect-ratio:9/16;background:#ffffff0a;max-height:420px}.lessonHeader .header{margin-bottom:18px}.lessonNewBtn{white-space:nowrap;margin-top:18px}.lessonTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.lessonTop h2{margin:0 0 6px}.lessonTitleBtn{color:var(--text);text-align:left;background:0 0;border:0;margin:0 0 6px;padding:0;font-size:24px;font-weight:800}.lessonTitleBtn:hover{color:var(--pink2)}.lessonTop p{color:var(--muted);margin:0 0 8px;line-height:1.45}.lessonTop small{color:var(--muted)}.lessonTools{gap:8px;display:flex}.lessonTools button{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:12px;place-items:center;padding:9px;display:grid}.lessonTools .lessonOpenBtn{white-space:nowrap;padding:9px 12px}.lessonEmpty{margin-bottom:18px}.lessonPick.added{color:#b8ffd2;background:#5aff9224;border-color:#5aff9273}.lessonBackBtn{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:14px;margin-bottom:18px;padding:10px 14px}.lessonPlanMeta{flex-wrap:wrap;gap:10px;margin:-8px 0 20px;display:flex}.lessonPlanMeta span{color:var(--muted);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:8px 10px;font-size:13px}.lessonPlanList{gap:14px;display:grid}.lessonPlanItem{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:42px 160px 1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.lessonPlanNumber{color:#ffd3e7;background:#ff2d8d29;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.lessonPlanItem img{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:14px;width:100%}.lessonPlanItem img.portraitThumb{object-fit:contain}.lessonVideoEmbedWrap{aspect-ratio:16/9;background:#111;border:1px solid #ffffff14;border-radius:14px;width:100%;position:relative;overflow:hidden}.lessonVideoEmbedWrap.instagramEmbed{aspect-ratio:9/16;justify-self:center;width:min(100%,124px);max-height:220px}.lessonPlanItem h3{margin:5px 0}.lessonPlanItem p{color:var(--muted);margin:0;line-height:1.45}.lessonPlanItem button{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:14px;padding:10px 14px}@media (width<=900px){.lessonHeader{display:block}.lessonNewBtn{width:100%;margin:0 0 18px}.lessonTop{align-items:stretch}.lessonTools{flex-shrink:0}.lessonTools .lessonOpenBtn{width:auto}.lessonPlanItem{grid-template-columns:34px 1fr}.lessonPlanItem img,.lessonVideoEmbedWrap,.lessonPlanItem>div:nth-child(3),.lessonPlanItem button{grid-column:1/-1}.lessonVideoEmbedWrap.instagramEmbed{width:min(100%,260px);max-height:420px}.lessonPlanItem button{width:100%}}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settingsCard{margin-bottom:0}.settingsCard h2{margin:0 0 16px}.settingsRows{gap:12px;display:grid}.settingsRows div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:12px;display:flex}.settingsRows div:last-child{border-bottom:0;padding-bottom:0}.settingsRows span,.systemStats span{color:var(--muted)}.settingsRows b{text-align:right}.systemStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.systemStats div{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:14px}.systemStats b{font-size:28px;display:block}.dangerZone{grid-column:1/-1}.dangerZone p{color:var(--muted)}.settingsAction{width:100%;margin-top:18px}.videoEmbedWrap{aspect-ratio:16/9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;width:100%;margin-bottom:18px;position:relative;overflow:hidden}.videoEmbedWrap.instagramEmbed{aspect-ratio:9/16;max-width:430px;max-height:72vh;margin-left:auto;margin-right:auto}.videoEmbed{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){.settingsGrid,.systemStats{grid-template-columns:1fr}.settingsRows div{gap:4px;display:grid}.settingsRows b{text-align:left}}@media (width<=760px){body{background:radial-gradient(circle at 50% -10%, #ff2d8d2e, transparent 34%), var(--bg)}.shell{display:block}.sidebar{z-index:8;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f5;gap:10px;height:auto;padding:12px;position:sticky;top:0}.brand{margin-bottom:2px}.brand .mark{border-radius:13px;width:38px;height:38px}.brand strong{font-size:17px}.brand span,.plan{display:none}.sidebar nav{grid-template-columns:repeat(5,minmax(64px,1fr));gap:6px;padding-bottom:2px;display:grid;overflow-x:auto}.nav{border-radius:13px;justify-content:center;gap:5px;min-width:64px;padding:9px 7px;font-size:11px}.nav svg{width:16px;height:16px}.nav span{text-overflow:ellipsis;white-space:nowrap;max-width:58px;display:block;overflow:hidden}.addBtn,.upgradeBtn,.logoutBtn{border-radius:14px;min-height:44px;padding:11px 12px}.upgradeBtn{margin-top:0}main{width:100%}.page{max-width:none;padding:18px 14px 28px}.header{margin-bottom:18px;display:block}.eyebrow{letter-spacing:.14em;font-size:10px}.header h1,.authPanel h1{letter-spacing:0;font-size:32px;line-height:1.04}.header p{font-size:15px;line-height:1.45}.searchPanel,.panel,.lesson,.card,.stat,.billingCard,.settingsCard{border-radius:18px}.searchPanel,.panel,.lesson{margin-bottom:16px;padding:14px}.searchbar{grid-template-columns:22px 1fr;gap:10px;padding:12px;display:grid}.searchbar input{min-width:0}.searchbar button{grid-column:1/-1;width:100%;min-height:44px}.filters{gap:8px}.filters select,.filters .chip{flex:calc(50% - 8px);min-width:0}.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid,.stats,.billingPanel,.libraryLayout{grid-template-columns:1fr;gap:14px}.cardBody{padding:14px}.card h3{font-size:17px;line-height:1.18}.actions{grid-template-columns:1fr 1fr;display:grid}.folders{grid-auto-columns:minmax(138px,1fr);grid-auto-flow:column;padding-bottom:4px;display:grid;overflow-x:auto}.folderAdd{grid-auto-flow:row;min-width:180px;margin-top:0}.overlay{align-items:end;padding:10px}.modal{border-radius:22px;width:100%;max-height:92vh;padding:18px}.modalTop h2{margin-right:12px;font-size:22px;line-height:1.12}.videoEmbedWrap.instagramEmbed{max-width:100%;max-height:68vh}.lessonTop{grid-template-columns:1fr auto;display:grid}.lessonTitleBtn{font-size:21px;line-height:1.15}.lessonTools{align-self:start}.lessonTools .lessonOpenBtn{grid-column:1/-1}.lessonRow{grid-template-columns:18px 1fr;align-items:start;gap:8px;display:grid}.lessonRow span{min-width:0;line-height:1.3}.lessonRow button{grid-column:1/-1;width:100%}.lessonPlanItem{border-radius:18px;padding:12px}.lessonPlanNumber{width:30px;height:30px}.lessonPlanItem h3{font-size:18px;line-height:1.18}.systemStats div,.settingsRows div{min-width:0}.settingsRows b{overflow-wrap:anywhere}}@media (width<=430px){.page{padding-left:12px;padding-right:12px}.sidebar{padding-left:10px;padding-right:10px}.sidebar nav{grid-template-columns:repeat(5,66px)}.nav span{max-width:52px}.header h1,.authPanel h1{font-size:29px}.actions{grid-template-columns:1fr}.filters select,.filters .chip{flex-basis:100%}}