@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030b15;--panel:#071321;--line:#183247;--blue:#0078ff;--cyan:#22d8ff;--muted:#91a8bd}*{box-sizing:border-box}body{background:var(--bg);color:#edf5ff;margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#0a1929;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:all .18s;display:inline-flex}button:hover{background:#0d2842;border-color:#3ca8f7}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}input,textarea,select{color:#edf5ff;background:#0b1c2c;border:1px solid #244057;border-radius:8px;width:100%;min-width:0;padding:12px}input::placeholder{color:#8295a8}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;line-height:1.18}h2{letter-spacing:-.6px;font-size:24px}h3{font-size:18px}em{color:var(--cyan);font-style:normal}.primary{color:#fff;background:linear-gradient(100deg,#0062ed,#008dff);border-color:#168fff;font-weight:700;box-shadow:0 3px 13px #007aff25}.primary:hover{background:#0087ff;box-shadow:0 0 17px #008dff55}.secondary{background:linear-gradient(100deg,#051627,#08253a);border-color:#15466a}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand>svg{color:#2cdfff;filter:drop-shadow(0 0 7px #008dff)}.brand>div{letter-spacing:1px;font-size:27px;font-weight:800;line-height:1.1}.brand small{letter-spacing:3px;color:#2acfff;text-align:center;margin-top:5px;font-size:10px;display:block}.eyebrow{letter-spacing:1.6px;color:#8dc9e7;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.app header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030c17f2;border-bottom:1px solid #0b2c44;align-items:center;gap:40px;height:82px;padding:0 30px;display:flex;position:sticky;top:0}.app header .brand{width:202px}.top-search{color:#aac6db;background:#132233;border:1px solid #23445c;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:670px;padding:0 14px;display:flex}.top-search input{background:0 0;border:0;padding:13px 0;font-size:14px}.top-search>span{letter-spacing:1px;opacity:.6;font-size:10px}.account{align-items:center;gap:11px;margin-left:auto;font-size:14px;display:flex}.account small{color:var(--cyan);margin-top:4px;font-size:12px;display:block}.account>button{background:0 0;border:0;padding:9px}.avatar{color:#7be9ff;background:linear-gradient(145deg,#164c7d,#071727);border:1px solid #1db5ff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar{z-index:21;background:#030c17;border-right:1px solid #122638;width:223px;padding:22px 18px;position:fixed;top:82px;bottom:0;overflow-y:auto}.sidebar button{color:#b5c8d9;background:0 0;border-color:#0000;justify-content:flex-start;gap:12px;width:100%;margin-bottom:4px;padding:10px 12px;font-size:14px}.sidebar button.active,.category-tabs button.active{color:#fff;background:linear-gradient(90deg,#003489,#006df0);border-color:#159dff;box-shadow:0 0 12px #008dff55}.sidebar button.selected{color:#37d9ff;background:#082440;border-color:#075992}.sidebar-label{color:#6aa9ca;letter-spacing:1px;margin:22px 10px 12px;font-size:11px;font-weight:700}.sidebar nav{border-bottom:1px solid #102639;padding-bottom:14px}.count{color:#d6eeff;background:#122e46;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:11px}.sidebar-bottom{text-align:center;background:radial-gradient(at top,#01336b,#0000);border:1px solid #163f58;border-radius:12px;margin-top:26px;padding:24px 12px}.sidebar-bottom>svg{color:#27d7ff;filter:drop-shadow(0 0 8px #007aff);width:42px;height:42px;margin:0 auto 15px;display:block}.sidebar-bottom strong{font-size:14px}.sidebar-bottom p{color:#8ba9c2;margin:10px 0 17px;font-size:12px}.sidebar-bottom span{color:#69adc8;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.content{max-width:1800px;margin-left:223px;padding:28px 30px}.hero{background:linear-gradient(110deg,#071b32,#07132a);border:1px solid #17466a;border-radius:14px;min-height:254px;margin-bottom:23px;display:flex;position:relative;overflow:hidden}.hero-text{z-index:2;background:linear-gradient(90deg,#071528 70%,#0000);max-width:68%;padding:26px 27px;position:relative}.hero .eyebrow{color:#d9f5ff;letter-spacing:1.4px;border:1px solid #156ea7;border-radius:20px;padding:6px 10px;font-size:10px}.tiny-dot{background:#1de0ff;border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-1.1px;margin:15px 0 12px;font-size:clamp(24px,2.6vw,40px);font-weight:800;line-height:1.14}.hero p{color:#c1d6e9;font-size:14px;line-height:1.7}.hero-features{gap:22px;margin-top:22px;display:flex}.hero-features span{color:#a8c6dd;align-items:center;gap:9px;font-size:11px;display:flex}.hero-features svg{color:#14d0ff;width:21px}.hero-image{opacity:.8;background-image:url(/reference.png);background-position:100% 5.5%;background-size:249%;width:46%;height:100%;position:absolute;top:0;right:0}.hero-image:after{content:"";background:linear-gradient(90deg,#071528,#0000 40%,#03112940);position:absolute;inset:0}.hero-caption{z-index:2;text-shadow:0 3px 8px #000;font-size:20px;font-style:italic;font-weight:500;line-height:1.4;position:absolute;bottom:30px;right:23px;transform:rotate(-8deg)}.category-tabs{scrollbar-width:none;gap:9px;padding:4px 0 12px;display:flex;overflow-x:auto}.category-tabs button{white-space:nowrap;background:#07192a;border-color:#164365;flex-shrink:0;padding:11px 13px;font-size:13px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 18px;display:flex}.section-head .eyebrow{margin-bottom:7px;font-size:10px}.section-head h2{align-items:center;gap:12px;display:flex}.total{color:#74b7df;letter-spacing:0;background:#0d2b44;border:1px solid #1c4362;border-radius:6px;padding:4px 8px;font-size:12px}.private-badge{color:#789bb3;align-items:center;gap:7px;font-size:12px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:20px;display:flex}.filters>svg{color:#7eacc9;margin-right:3px}.filters select{background:#0e2031;border-color:#1b364a;width:auto;min-height:39px;padding:9px 25px 9px 11px;font-size:12px}.filters .reset{color:#56bdfd;background:0 0;border:0;padding:6px;font-size:12px}.view-switch{border:1px solid #17364e;border-radius:7px;gap:2px;margin-left:auto;padding:3px;display:flex}.view-switch button{color:#7799b0;background:0 0;border:0;padding:6px 9px}.view-switch button.selected{color:#fff;background:#005cdf}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.card{background:linear-gradient(170deg,#0e2235,#041321);border:1px solid #18415b;border-radius:11px;min-width:0;transition:all .2s;overflow:hidden}.card:hover{border-color:#277eb5;transform:translateY(-2px)}.card.muted{opacity:.6}.thumbnail{aspect-ratio:1.2;background:#102d44;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .35s;display:block}.card:hover .thumbnail img{transform:scale(1.025)}.demo-thumbnail{background-image:url(/reference.png);background-size:539%}.thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#020b1880);position:absolute;inset:0}.category-label{z-index:1;letter-spacing:.2px;background:#076bf1;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.category-moda,.category-beleza{background:#d22d9b}.category-casa{background:#f17b00}.category-pets{background:#6a68ae}.featured-star{z-index:1;background:#05112160;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px}.featured-star svg{color:#fff}.play-circle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;color:#fff;background:#0008;border:1px solid #fffa;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-circle svg{margin-left:3px}.time{z-index:1;background:#000b;border-radius:3px;padding:3px 5px;font-size:10px;position:absolute;bottom:9px;right:9px}.demo-label{letter-spacing:1px;z-index:2;background:#001a2cbd;border-radius:4px;padding:4px 6px;font-size:8px;position:absolute;bottom:10px;left:9px}.placeholder-image{color:#437996;width:65px;height:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-body{padding:13px 12px}.card-title{text-align:left;color:#fff;border:0;border-radius:0;width:100%;padding:0;font-size:14px;font-weight:800;line-height:1.4;display:block;background:0 0!important}.tags{gap:5px;margin:9px 0;display:flex}.tags span{color:#c3ddef;background:#112c46;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:inline-flex}.tags .grok{color:#fff;background:#005bdd}.card-body>p{color:#a4b9cd;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.card-actions{gap:7px;margin-top:12px;display:grid}.card-actions button{min-height:35px;padding:8px;font-size:12px}.admin-actions{border-top:1px solid #153348;justify-content:space-between;margin-top:11px;padding-top:11px;display:flex}.admin-actions button{color:#80bcdf;background:0 0;border:0;padding:6px;font-size:11px}.list-mode{grid-template-columns:1fr}.list-mode .card{grid-template-columns:200px 1fr;display:grid}.list-mode .thumbnail{aspect-ratio:1.2;height:100%}.list-mode .card-body{grid-template-columns:1fr 180px;gap:8px 20px;display:grid}.list-mode .card-title,.list-mode .tags,.list-mode .card-body>p{grid-column:1}.list-mode .card-actions{grid-area:1/2/4;align-self:center;margin:0}.list-mode .admin-actions{grid-column:1/3}.loading,.center{color:#8eb7d2;justify-content:center;align-items:center;gap:12px;padding:45px;display:flex}.center{flex-direction:column;height:100vh}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-more{margin:25px auto;display:flex}.empty{text-align:center;color:#8cabc1;border:1px dashed #284c68;border-radius:14px;margin-top:10px;padding:65px 24px}.empty>svg{color:#1fbeff;margin-bottom:20px}.empty h3{color:#daeaff}.empty p{margin:12px 0 20px;font-size:14px}.error{color:#ffb9c5;background:#461828;border:1px solid #a74857;border-radius:8px;margin:15px 0;padding:13px;font-size:14px;line-height:1.5}.error button{margin-left:12px;padding:4px 10px;font-size:12px}.toast{z-index:100;background:#083550;border:1px solid #27b9ff;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 50px #0009}.toast svg{color:#34e1ff;flex-shrink:0}footer{color:#6b92ad;letter-spacing:1px;border-top:1px solid #102b40;align-items:center;gap:7px;margin-top:40px;padding:25px 0;font-size:10px;display:flex}footer svg{color:#1ba5de}footer span{letter-spacing:0;margin-left:auto}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:70;background:#000c;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#081726;border:1px solid #225170;border-radius:16px;width:760px;max-height:calc(100dvh - 60px);overflow-y:auto;box-shadow:0 25px 100px #000}.modal-head{border-bottom:1px solid #19394f;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:20px;display:flex}.modal-head button{background:0 0;border:0;padding:4px}.modal-head .eyebrow{margin-bottom:8px}.editor,.student-modal,.confirm-modal{padding:28px}.editor label,.student-modal label,.login label{color:#b7cee1;margin-bottom:17px;font-size:13px;font-weight:600;display:block}.editor label input,.editor label textarea,.editor label select,.student-modal label input,.student-modal label select,.login label input{margin-top:8px;font-size:14px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.upload-row{align-items:center;gap:8px;margin-top:8px;display:flex}.upload-row input{margin:0!important}.upload-button{white-space:nowrap;background:#0b2d48;border:1px solid #22608a;border-radius:8px;padding:12px;font-size:12px;position:relative}.upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0;margin:0!important}.hint{color:#6f9ab7;margin:0 0 20px;font-size:12px;line-height:1.6;display:block}.checks{gap:24px;display:flex}.checks label{align-items:center;gap:9px;display:flex}.checks input{accent-color:#008aff;width:17px;height:17px;margin:0!important}.form-footer{border-top:1px solid #1a364b;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.detail-modal{width:950px;position:relative}.close{z-index:10;background:#031625b5;border:1px solid #7fb8d6;padding:7px;position:absolute;top:14px;right:14px}.detail-media{background:#020911;height:380px}.detail-media video{object-fit:contain;width:100%;height:100%}.no-video{text-align:center;color:#a2c5de;background:radial-gradient(#0b365a,#0000);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:40px;display:flex}.no-video>svg{color:#0faaff}.no-video p{max-width:470px;font-size:14px;line-height:1.65}.detail-body{padding:28px}.detail-body h2{margin:13px 0}.detail-body>p{color:#9cb9ce;font-size:14px;line-height:1.7}.prompt-head{justify-content:space-between;align-items:center;margin:25px 0 14px;display:flex}.prompt-head button{font-size:13px}.detail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b7d6eb;background:#020d19;border:1px solid #183c57;border-radius:9px;margin:0;padding:20px;font-family:monospace;font-size:14px;line-height:1.8}.reference-image{align-items:center;gap:20px;margin:20px 0;display:flex}.reference-image img{object-fit:contain;border-radius:8px;max-width:50%;max-height:200px}.student-modal{max-width:480px}.student-modal .primary{width:100%}.confirm-modal{max-width:470px}.confirm-modal>svg{color:#ff778e;margin-bottom:20px}.confirm-modal p{color:#9cb5ca;margin-top:14px;font-size:14px}.danger{background:#8b293a;border-color:#d15268}.info-panel{background:#0b263b;border:1px solid #225471;border-radius:12px;align-items:flex-start;gap:18px;margin-bottom:24px;padding:22px;display:flex}.info-panel>svg{color:#18c6ff;flex-shrink:0}.info-panel p{color:#a0bdd2;max-width:720px;margin-top:7px;font-size:14px;line-height:1.7}.users-table{border:1px solid #1a3a51;border-radius:12px;overflow:hidden}.user-row{border-bottom:1px solid #16344a;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;font-size:13px;display:flex}.user-row:last-child{border:0}.user-row>div:nth-child(2){flex:1}.user-row small{color:#86a9c3;margin-top:5px;display:block}.user-row>span{color:#83a7c1;font-size:12px}.user-row .status{color:#4bdaef;background:#062c37;border:1px solid #1b626f;border-radius:5px;padding:4px 8px}.user-row .blocked{color:#ff9bad;background:#301321;border-color:#7f3545}.mobile-toggle{display:none}.login{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.login-art{background:radial-gradient(at 70% 45%,#043975 0%,#081c36 45%,#030d1d 85%);border-right:1px solid #19384f;flex-direction:column;justify-content:space-between;padding:48px 60px;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";opacity:.7;background:#008dff;width:4px;height:75%;position:absolute;top:18%;right:-45px;transform:rotate(22deg);box-shadow:-50px 0 40px 2px #007bff,-100px 0 70px 2px #00d5ff}.login-story{z-index:1}.login-story .eyebrow{color:#39bbeb;font-size:11px}.login-story h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(35px,3.5vw,58px);line-height:1.2}.login-story p{color:#a1bdd7;font-size:17px;line-height:1.8}.login-chips{color:#aed3ed;flex-direction:column;gap:16px;margin-top:40px;font-size:13px;display:flex}.login-chips span{align-items:center;gap:12px;display:flex}.login-chips svg{color:#20ceff;width:19px}.login-art>small{letter-spacing:2px;color:#557d9e;font-size:10px}.login-form{flex-direction:column;justify-content:center;width:100%;max-width:490px;margin:auto;padding:45px;display:flex}.lock-icon{color:#2ed6ff;background:#0a2a42;border:1px solid #186895;border-radius:12px;place-items:center;width:53px;height:53px;margin-bottom:30px;display:grid}.login-form .eyebrow{color:#4fbded;font-size:10px}.login-form h2{margin:14px 0;font-size:28px}.login-form>p{color:#93aac0;margin-bottom:30px;font-size:14px;line-height:1.7}.login-form form>.primary{width:100%;padding:13px}.login-note{color:#7296b0;border-top:1px solid #17324a;align-items:flex-start;gap:9px;margin-top:30px;padding-top:22px;font-size:12px;line-height:1.65;display:flex}.login-note svg{flex-shrink:0;margin-top:2px}@media (min-width:1600px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.hero h1{font-size:42px}}@media (max-width:1200px){.app header{gap:20px;padding:0 22px}.sidebar{width:200px;padding:22px 12px}.content{margin-left:200px;padding:22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-features{gap:15px}.hero-features span{font-size:10px}.hero-text{max-width:75%}.hero-caption,.account>div:nth-child(2){display:none}.app header .brand{width:180px}.login-art{padding:40px}.private-badge{display:none}}@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:18px}.hero-features span:last-child{display:none}.hero-text{max-width:80%;padding:24px 20px}.hero h1{font-size:28px}.hero-image{width:50%}.login{grid-template-columns:1fr 1fr}.login-art{padding:30px}.login-story h1{font-size:34px}.login-form{padding:30px}.brand>div{font-size:23px}.top-search>span{display:none}.filters{gap:8px}.filters select{font-size:11px}.filters>svg{display:none}}@media (max-width:700px){.app header{flex-wrap:wrap;gap:12px;height:69px;padding:0 17px}.app header .brand{width:auto}.brand>svg{width:32px;height:32px}.brand>div{font-size:22px}.brand small{font-size:8px}.top-search{background:#102031;height:43px;position:absolute;top:86px;left:16px;right:16px}.top-search input{font-size:13px}.mobile-toggle{background:0 0;border:0;padding:5px;display:flex}.account{margin-left:auto}.account .avatar{width:30px;height:30px;font-size:12px}.account>button{padding:5px}.sidebar{width:250px;display:none;top:69px;box-shadow:20px 0 50px #000b}.sidebar.shown{display:block}.content{margin-left:0;padding:76px 16px 20px}.hero{border-radius:10px;min-height:230px}.hero-text{background:linear-gradient(90deg,#071528 60%,#071528aa,#0000);max-width:90%;padding:24px 18px}.hero h1{margin:14px 0 10px;font-size:28px;line-height:1.15}.hero p{font-size:12px}.hero .eyebrow{padding:5px 7px;font-size:8px}.hero-features{gap:15px;margin-top:18px}.hero-image{opacity:.6;background-position:100% 5.5%;background-size:280%;width:65%}.category-tabs{gap:7px;margin:2px -16px;padding:4px 16px 14px}.category-tabs button{padding:10px;font-size:12px}.section-head{gap:10px;margin:18px 0 15px}.section-head h2{gap:8px;font-size:21px}.section-head .primary{padding:10px;font-size:12px}.section-head .eyebrow{font-size:8px}.filters{gap:7px;padding-bottom:17px}.filters select{flex:1;padding:10px 4px;font-size:10px}.view-switch{display:none}.cards{gap:11px}.card{border-radius:9px}.thumbnail{aspect-ratio:1.07}.play-circle{width:39px;height:39px}.play-circle svg{width:20px}.category-label{padding:4px 6px;font-size:9px;top:7px;left:7px}.featured-star{width:23px;height:23px;top:7px;right:7px}.card-body{padding:10px 9px}.card-title{min-height:34px;font-size:12px}.tags{gap:4px;margin:7px 0}.tags span{padding:4px;font-size:9px}.card-body>p{min-height:35px;font-size:11px;line-height:1.6}.card-actions{gap:6px;margin-top:9px}.card-actions button{gap:5px;min-height:34px;padding:8px 3px;font-size:10px}.card-actions svg{width:13px}.demo-label{padding:3px 4px;font-size:6px;bottom:7px;left:6px}.time{font-size:9px;bottom:7px;right:7px}.admin-actions{gap:2px}.admin-actions button{font-size:10px}.admin-actions svg{width:13px}.overlay{align-items:center;padding:12px}.modal{border-radius:12px;max-height:calc(100dvh - 24px)}.editor,.student-modal,.confirm-modal{padding:20px}.form-grid{gap:0 12px}.upload-row{flex-wrap:wrap}.upload-button{text-align:center;width:100%;padding:9px}.detail-media{height:300px}.detail-body{padding:20px}.detail-body h2{font-size:22px}.detail-body pre{padding:14px;font-size:12px}.prompt-head button{padding:8px;font-size:11px}.user-row{gap:12px;padding:15px}.user-row>div:nth-child(2){min-width:calc(100% - 65px)}.user-row>.status{margin-left:49px}.info-panel{gap:13px;padding:17px}.info-panel p{font-size:12px}.info-panel strong{font-size:14px}.login{grid-template-columns:1fr}.login-art{border:0;border-bottom:1px solid #19384f;gap:25px;min-height:265px;padding:24px}.login-story h1{letter-spacing:-1px;margin:12px 0;font-size:30px}.login-story .eyebrow{display:none}.login-story p{font-size:12px}.login-art>small,.login-chips{display:none}.login-form{max-width:450px;padding:32px 24px}.lock-icon{display:none}.login-form h2{font-size:25px}.login-form>p{margin-bottom:22px}.toast{width:max-content;max-width:90vw;padding:12px 16px;font-size:12px;bottom:16px}.list-mode .card{grid-template-columns:120px 1fr}.list-mode .card-body{display:block}.list-mode .card-actions{display:flex}.list-mode .card-actions button{flex:1}.list-mode .thumbnail{aspect-ratio:auto}.empty{padding:40px 15px}footer span,.private-badge{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.open-library{text-align:center;color:#70d8ff;border:1px solid #22608a;border-radius:8px;margin-top:16px;padding:12px;font-size:14px;text-decoration:none;display:block}.open-library:hover{background:#0b2d48}.open-library:focus-visible{outline-offset:3px;outline:2px solid #22d8ff}.identity-help{background:#08253a;border:1px solid #256189;border-radius:9px;margin:0 0 20px;padding:14px}.identity-help p{color:#9fbed4;margin-bottom:12px;font-size:13px;line-height:1.6}.identity-help a{text-align:center;color:#fff;background:#0076f5;border-radius:7px;padding:11px;font-size:14px;font-weight:700;text-decoration:none;display:block}.identity-help a:focus-visible{outline-offset:3px;outline:2px solid #24d8ff}.plan-badge{white-space:nowrap;border:1px solid #205a80;border-radius:20px;padding:5px 9px;color:#65d7ff!important}.feature-panel{background:linear-gradient(145deg,#0c2136,#061320);border:1px solid #21435f;border-radius:14px;min-width:0;padding:24px;position:relative}.feature-panel h1,.feature-panel h2{margin:12px 0 16px}.feature-panel p{color:#aac0d3;overflow-wrap:anywhere;margin:12px 0;font-size:16px;line-height:1.7}.feature-panel small{color:#88b3ce;font-size:14px}.feature-panel>a{color:#65d7ff;overflow-wrap:anywhere;margin:12px 0;display:block}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.feature-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.feature-actions select{width:auto;max-width:100%}.feature-page .section-head{align-items:flex-start}.release-date{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.premium-info>svg{color:var(--cyan)}.premium-info .table-scroll{margin:24px 0;overflow-x:auto}.premium-info table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.premium-info th,.premium-info td{border-bottom:1px solid #244057;padding:15px 10px;line-height:1.6}.premium-info td{text-align:center}.premium-info tbody th{font-weight:500}.coming-soon{text-align:center;background:#073267;border:1px solid #136ea7;border-radius:10px;padding:18px;display:block}.locked-area{text-align:center;padding:60px 24px}.locked-area>svg{color:#43cfff}.limit-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.limit-form label{font-size:14px}.limit-form input{width:120px;margin-top:6px;display:block}.limit-form button{min-height:44px}.week-section{border-bottom:1px solid #173b52;padding-bottom:18px}.week-section h2{font-size:20px}.week-cards{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.week-cards button{text-align:left;flex:0 0 185px;justify-content:flex-start;align-items:center;min-height:75px;font-size:14px;display:flex}.week-cards img{object-fit:cover;border-radius:6px;width:45px;height:56px}.locked-card .locked-cover{aspect-ratio:1.3;color:#68dfff;background:radial-gradient(at 30% 30%,#174069,#061627 70%);place-items:center;display:grid}.locked-card .card-body{text-align:center}.locked-card h3{margin-bottom:14px;font-size:16px}.locked-card .primary{width:100%;min-height:44px;font-size:14px}.card-prompt{margin-top:12px;font-size:14px}.card-prompt summary{cursor:pointer;color:#7dd4ff;min-height:40px;padding:8px 0}.card-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #1c405b;border-radius:7px;max-height:200px;padding:12px;font-size:13px;line-height:1.7;overflow-y:auto}.video-download{display:flex;position:relative}.video-download>button:first-child{border-radius:8px 0 0 8px;flex:1;min-width:0}.video-download>button:last-child,.video-download>details{background:#08253a;border:1px solid #15466a;border-radius:0 8px 8px 0}.video-download summary{cursor:pointer;place-items:center;min-width:36px;min-height:40px;list-style:none;display:grid}.video-download small{color:#85dbff;font-size:10px}.download-menu{z-index:15;background:#082138;border:1px solid #2486bb;border-radius:8px;min-width:150px;padding:6px;position:absolute;bottom:100%;right:0;box-shadow:0 8px 20px #000}.download-menu a,.download-menu span{color:#d3ebff;padding:12px;font-size:14px;text-decoration:none;display:block}.download-menu a:hover{background:#074484}.card-player{aspect-ratio:1.3;background:#020911;position:relative}.card-player video{object-fit:contain;width:100%;height:100%}.card-player>button{background:#071321dd;padding:4px;position:absolute;top:5px;right:5px}.versions-editor{margin-bottom:22px}.versions-editor summary{cursor:pointer;color:#74d7ff;padding:12px 0}.version-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.version-row>input{flex:1;min-width:130px}.version-row .upload-button{width:auto}.card-actions button{min-height:44px;font-size:14px}.card-body>p{font-size:14px}.tags span{font-size:12px}.feature-page .filters select{min-height:44px;font-size:14px}.feature-page button{min-height:44px}@media (max-width:700px){.feature-grid{grid-template-columns:1fr}.feature-panel{padding:20px}.feature-page h1{font-size:26px}.feature-page .section-head{flex-wrap:wrap}.premium-info th,.premium-info td{padding:12px 8px}.cards{grid-template-columns:1fr}.thumbnail{aspect-ratio:1.3}.card-body{padding:16px}.card-title{min-height:44px;font-size:16px}.card-actions{grid-template-columns:1fr 1fr}.video-download{grid-column:1/-1}.card-actions button{min-height:44px;padding:10px;font-size:14px}.tags span{font-size:12px}.card-body>p{font-size:14px}.account>div:nth-child(2){display:block!important}.account small{font-size:11px}.account>div:nth-child(2){max-width:115px;font-size:12px}.account .avatar{display:none}.app header .brand{gap:6px}.app header .brand>div{font-size:18px}.app header{padding:0 10px}.card-player{aspect-ratio:1.3}.feature-actions select,.limit-form{width:100%}.limit-form label{flex:1}.limit-form input{width:100%}.week-section .section-head{gap:12px}.week-section h2{font-size:18px}.form-grid{grid-template-columns:1fr}.list-mode .card-actions{flex-wrap:wrap}.list-mode .video-download{width:100%}}.video-download>button:last-of-type{border-radius:0 8px 8px 0;min-width:38px}.download-menu a:focus-visible{outline:2px solid var(--cyan)}@media (max-width:700px){.account>div:nth-child(2){max-width:90px;font-size:0}.account small{font-size:11px}.app header .brand>svg{width:26px;height:26px}.app header .brand>div{font-size:16px}}.favorite-button{color:#80d4ff;min-height:40px;margin-top:8px;padding:7px 10px;font-size:14px}.premium-info>.primary{margin:20px auto 0;display:flex}.sidebar-bottom .premium-sidebar-cta{white-space:normal;color:#fff;background:linear-gradient(100deg,#0062ed,#008dff);border-color:#168fff;justify-content:center;min-height:44px;margin:16px 0 0;padding:10px;font-size:14px;line-height:1.4;display:flex}.sidebar-bottom p{overflow-wrap:anywhere}.sidebar-bottom .premium-sidebar-cta:hover{background:#0087ff}.sidebar .category-name{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0}.sidebar button:has(.category-name){align-items:flex-start}.sidebar button:has(.category-name)>svg{flex-shrink:0;margin-top:1px}.influencer-card .thumbnail{aspect-ratio:3/4;height:auto}.influencer-card .thumbnail img{object-fit:contain;background:#081325}.influencer-card .card-actions .primary{flex:1;min-height:44px}.profile-menu{position:relative}.profile-menu summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}.profile-menu summary::-webkit-details-marker{display:none}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-dropdown{z-index:70;background:#101c31;border:1px solid #2b4160;border-radius:12px;width:210px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 15px 40px #0008}.profile-dropdown button{text-align:left;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;display:flex}.profile-panel{width:min(480px,100vw - 24px);max-height:90dvh;padding:24px;overflow:auto}.profile-panel form{flex-direction:column;gap:16px;display:flex}.profile-avatar{width:90px;height:90px;margin:18px auto;font-size:32px}.profile-panel dl{gap:8px;display:grid}.profile-panel dt{color:#8aa5c8;font-size:12px}.profile-panel dd{overflow-wrap:anywhere;margin:0 0 8px}.profile-photo-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.profile-photo-actions label{cursor:pointer;min-height:44px;position:relative;overflow:hidden}.profile-photo-actions input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.profile-photo-actions small{width:100%}@media (max-width:600px){.profile-menu summary>div:not(.avatar){text-overflow:ellipsis;max-width:110px;font-size:12px;overflow:hidden;display:block!important}.profile-menu summary small{display:none}.profile-dropdown{position:fixed;top:70px;right:12px}.profile-panel{padding:18px}}.profile-overlay{z-index:1000;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));height:100vh;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;inset:0;overflow:auto}.profile-overlay .profile-panel{width:min(480px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;flex:none;min-height:0;margin:auto;position:relative;overflow:auto;transform:none}.profile-overlay .modal-head{background:var(--panel);z-index:1;padding:8px 0;position:sticky;top:-24px}.profile-panel label{flex-direction:column;gap:8px;display:flex}.profile-panel .modal-head button{flex-shrink:0;min-width:44px;min-height:44px}@media (max-width:600px){.profile-overlay .modal-head{top:-18px}.profile-overlay{padding-left:12px;padding-right:12px}}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap input{padding-right:52px}.password-input-wrap .password-visibility{width:44px;height:44px;color:var(--muted);background:0 0;border:0;padding:0;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.password-input-wrap .password-visibility:hover{color:var(--cyan)}.password-input-wrap .password-visibility:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}
