/* Shared foundation extracted from preview; component rules follow. */

    :root{
      --bg:#07111f;--bg2:#0a1626;--panel:#0d1b2d;--panel2:#102238;--line:#1e3550;
      --text:#f5f7fb;--muted:#94a4ba;--purple:#7a4cff;--purple2:#9a72ff;--pink:#ff4d93;
      --green:#28d17c;--yellow:#f5b942;--red:#ff5a68;--chip:#14263d;--shadow:0 18px 45px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#0f2440 0,transparent 25%),linear-gradient(180deg,var(--bg),#050b13 70%);color:var(--text)}
    button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{min-height:100vh}.container{width:min(1440px,calc(100% - 32px));margin:auto}
    .topbar{position:sticky;top:0;z-index:40;background:rgba(5,11,19,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
    .topbar-inner{display:flex;align-items:center;gap:18px;min-height:66px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 210deg,var(--purple),#b18cff,#35a7ff,var(--purple));clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)}
    .brand span:last-child{background:linear-gradient(90deg,#fff 0 55%,var(--purple2));-webkit-background-clip:text;color:transparent}.nav{display:flex;gap:4px}.nav a,.icon-btn,.ghost-btn,.primary-btn,.chip,.tab{border:0;cursor:pointer;text-decoration:none;color:var(--text)}
    .nav a{padding:11px 13px;border-radius:11px;color:#c8d3e0;font-weight:650;font-size:14px}.nav a:hover,.nav a.active{background:#121f34;color:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn,.ghost-btn{background:transparent;border:1px solid transparent;border-radius:11px;padding:9px 12px}.ghost-btn{border-color:var(--line);color:#d9e2ec}.primary-btn{background:linear-gradient(135deg,var(--purple),#6d38ff);padding:11px 16px;border-radius:11px;font-weight:800;box-shadow:0 8px 22px rgba(122,76,255,.28)}
    .mobile-menu{display:none}.page{padding:24px 0 70px}.hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:24px;background:linear-gradient(110deg,#101c2e 0%,#101b2d 40%,#101c33 60%,#0b1523 100%);box-shadow:var(--shadow);min-height:330px;display:flex;align-items:center;padding:42px}.hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 22% 50%,rgba(255,255,255,.13),transparent 18%),radial-gradient(circle at 78% 48%,rgba(40,125,255,.35),transparent 20%),radial-gradient(circle at 58% 55%,rgba(122,76,255,.35),transparent 24%)}
    .hero-copy{position:relative;z-index:2;max-width:920px;margin:auto;text-align:center}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:0 0 14px}.accent{color:var(--purple2)}.hero p{margin:0 auto 28px;color:#c6d0dd;font-size:17px;max-width:760px}.search-wrap{display:flex;gap:10px;max-width:900px;margin:auto}.search{flex:1;display:flex;align-items:center;background:#f9fbff;border-radius:14px;padding:0 10px 0 16px;box-shadow:0 8px 28px rgba(0,0,0,.25)}.search input{flex:1;border:0;outline:0;background:transparent;padding:16px 10px;color:#101829}.search button{border:0;background:linear-gradient(135deg,var(--purple),#6c38ff);color:#fff;width:52px;height:44px;border-radius:10px;font-size:19px;cursor:pointer}.filter-trigger{min-width:110px}
    .category-row,.chip-row{display:flex;gap:9px;overflow:auto;padding:18px 2px 2px;scrollbar-width:none}.category-row::-webkit-scrollbar,.chip-row::-webkit-scrollbar{display:none}.chip{background:var(--chip);border:1px solid #213853;padding:10px 14px;border-radius:999px;white-space:nowrap;color:#d5dfeb;font-size:13px}.chip.active{background:linear-gradient(135deg,#f5f2ff,#d8cbff);color:#1b1237;border-color:#a78bff;font-weight:800}.chip.purple{background:#231a49;border-color:#5a45a0}.section{margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:22px;margin:0}.link{color:#c8a8ff;text-decoration:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{cursor:pointer}.thumb{aspect-ratio:16/9;border-radius:14px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#24344e,#121a28)}
    .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,18,.03) 30%,rgba(4,9,18,.76) 100%);z-index:1}.thumb .art{display:none}.thumb{background-size:cover;background-position:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover .thumb{transform:translateY(-2px);border-color:rgba(154,114,255,.48);box-shadow:0 14px 30px rgba(0,0,0,.34)}.card h3{transition:color .18s ease}.card:hover h3{color:#cdbfff}.t1{background-image:linear-gradient(180deg,rgba(4,9,18,.02),rgba(4,9,18,.16)),url('assets/hero-regression-main.png')}.t2{background-image:linear-gradient(180deg,rgba(4,9,18,.02),rgba(4,9,18,.16)),url('assets/hero-ages.png')}.t3{background-image:linear-gradient(180deg,rgba(4,9,18,.02),rgba(4,9,18,.16)),url('assets/hero-miradas.png')}.t4{background-image:linear-gradient(180deg,rgba(4,9,18,.02),rgba(4,9,18,.16)),url('assets/hero-cosmic.jpg')}.t5{background-image:linear-gradient(180deg,rgba(4,9,18,.02),rgba(4,9,18,.16)),url('assets/hero-cosmic-alt.jpg')}
    .duration,.badge{position:absolute;z-index:3;font-size:11px;font-weight:800;border-radius:7px;padding:4px 7px}.duration{right:8px;bottom:8px;background:rgba(0,0,0,.78)}.badge{left:8px;top:8px}.badge.verified{background:var(--green);color:#052014}.badge.ai{background:#754cff}.badge.new{background:var(--yellow);color:#271600}.card h3{font-size:15px;margin:9px 0 7px;line-height:1.25}.meta{display:flex;gap:7px;flex-wrap:wrap}.tag{background:#13253d;color:#bcd0e6;border-radius:999px;padding:5px 8px;font-size:11px}.stats{display:flex;gap:15px;color:#91a0b4;font-size:12px;margin-top:7px}.short-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.short-card .thumb{aspect-ratio:9/16}.short-card .thumb .art{font-size:46px}.short-card h3{font-size:13px;margin:7px 0 5px}
    .layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.panel{background:linear-gradient(180deg,var(--panel),#0a1624);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.panel h3{margin-top:0}.filter-list{display:grid;gap:10px}.filter-group{padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.filter-group:first-child{border:0;padding-top:0}.filter-group label.title{display:block;color:#fff;font-weight:800;font-size:13px;margin-bottom:10px}.checks{display:grid;gap:8px;color:#c5d0dd;font-size:13px}.checks label{display:flex;align-items:center;gap:8px}.checks input{accent-color:var(--purple)}.select,input.field,textarea.field{width:100%;background:#0b1726;color:#eaf0f6;border:1px solid #28405d;border-radius:10px;padding:11px 12px;outline:0}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.toolbar .search{background:#0d1b2d;border:1px solid #243d5a}.toolbar .search input{color:#eaf0f6}.title-block{padding:28px;border-radius:20px;background:linear-gradient(110deg,#16243a,#0f1828);border:1px solid var(--line);margin-bottom:12px}.title-block h1{font-size:38px;margin:0 0 6px}.title-block p{margin:0;color:#a8b7c9}.player{aspect-ratio:16/9;border-radius:18px;background:radial-gradient(circle at 50% 45%,#9ccfff 0 8%,#5477a5 12% 25%,#18283d 55%,#080e16 80%);position:relative;overflow:hidden;border:1px solid var(--line)}.player .play{position:absolute;inset:0;display:grid;place-items:center;font-size:70px}.player-bar{position:absolute;left:16px;right:16px;bottom:12px;height:5px;background:#3a4657;border-radius:10px}.player-bar:before{content:"";display:block;width:34%;height:100%;background:var(--purple);border-radius:10px}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.side-list{display:grid;gap:10px}.side-item{display:grid;grid-template-columns:120px 1fr;gap:10px}.side-thumb{aspect-ratio:16/9;border-radius:10px;background:#17253a}.video-title{font-size:24px;margin:14px 0 8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.info-box{padding:15px;border:1px solid var(--line);border-radius:14px;background:#0a1522}.info-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.info-row:last-child{border:0}.info-row span:first-child{color:#90a0b4}.wizard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.step{padding:11px;border-radius:12px;background:#101d31;border:1px solid #213a57;color:#8fa0b5;text-align:center;font-size:13px}.step.active{background:#241a50;color:#fff;border-color:#6c4dca}.wizard-body{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.upload-zone{border:1px dashed #486487;border-radius:16px;padding:34px;text-align:center;color:#b8c6d6;background:#0a1624}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{padding:14px;border:1px solid #2a415f;border-radius:12px;background:#0b1726;cursor:pointer}.choice.active{border-color:#8b67ff;background:#1b1940}.form-stack{display:grid;gap:12px}.moderation-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{background:#12243b;padding:9px 12px;border-radius:999px;border:1px solid #203956;color:#c6d4e4;font-size:12px}.tab.active{background:#6f49ff;color:#fff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:920px}.table th,.table td{text-align:left;padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.table th{color:#8fa0b5}.status{font-weight:800;border-radius:999px;padding:5px 8px;display:inline-block}.status.pending{background:#3b2c16;color:#f4bf55}.status.review{background:#14385b;color:#79c3ff}.status.approved{background:#103f2b;color:#54e09c}.status.reported{background:#4a1c26;color:#ff8b9a}.auth{min-height:calc(100vh - 110px);display:grid;place-items:center}.auth-card{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#0b1726;box-shadow:var(--shadow)}.auth-side{padding:45px;background:radial-gradient(circle at 70% 20%,rgba(122,76,255,.4),transparent 30%),linear-gradient(135deg,#101d31,#0a1420)}.auth-form{padding:40px}.divider{display:flex;align-items:center;gap:10px;color:#6f8198;margin:16px 0}.divider:before,.divider:after{content:"";height:1px;background:#24384f;flex:1}.footer-space{height:20px}
    .mobile-bottom{display:none}
    /* Hero visual rotator */
    .hero-rotator{background:#08111f;min-height:320px;padding:38px;isolation:isolate}
    .hero-rotator::before{display:none}
    .hero-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center center;opacity:0;transform:scale(1.015);will-change:opacity,transform;animation:heroCrossfade 28s ease-in-out infinite both}
    .hero-bg-a{background-image:url('assets/hero-miradas.png');animation-delay:0s}
    .hero-bg-b{background-image:url('assets/hero-ages.png');animation-delay:7s}
    .hero-bg-c{background-image:url('assets/hero-cosmic.jpg');animation-delay:14s}
    .hero-bg-d{background-image:url('assets/hero-cosmic-alt.jpg');animation-delay:21s}
        .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,10,21,.22),rgba(4,9,20,.77) 31%,rgba(4,9,20,.84) 50%,rgba(4,9,20,.77) 69%,rgba(4,10,21,.22)),linear-gradient(180deg,rgba(4,10,20,.08),rgba(4,9,18,.18) 62%,rgba(4,9,18,.46));pointer-events:none}
    .hero-copy{z-index:2;max-width:960px;text-shadow:0 2px 18px rgba(0,0,0,.42)}.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;margin-bottom:12px;border:1px solid rgba(177,144,255,.35);border-radius:999px;background:rgba(17,20,48,.58);backdrop-filter:blur(10px);font-size:12px;font-weight:800;color:#d9ccff}
    .hero-rotator h1{font-size:clamp(44px,5.4vw,76px);letter-spacing:-.035em;margin-bottom:10px}
    .hero-rotator p{font-size:16px;color:#e3e8f2;text-shadow:0 2px 15px rgba(0,0,0,.65);margin-bottom:24px}
    .hero-rotator .search-wrap{max-width:930px}
    .hero-rotator .search{min-height:58px;border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 0 1px rgba(132,92,255,.12)}
    .hero-rotator .search input{font-size:15px}
    .hero-rotator .search button{height:48px;width:58px;font-size:21px}
    .hero-rotator .filter-trigger{background:rgba(7,17,31,.70);backdrop-filter:blur(10px);border-color:rgba(139,104,255,.38);min-width:122px}
    .hero-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
    .hero-dots span{width:20px;height:4px;border-radius:999px;background:rgba(255,255,255,.30);overflow:hidden;position:relative}
    .hero-dots span::after{content:"";position:absolute;inset:0;background:#b292ff;transform:scaleX(0);transform-origin:left;animation:heroDot 28s linear infinite both}
    .hero-dots span:nth-child(2)::after{animation-delay:7s}.hero-dots span:nth-child(3)::after{animation-delay:14s}.hero-dots span:nth-child(4)::after{animation-delay:21s}
    @keyframes heroCrossfade{0%,21%{opacity:1;transform:scale(1.015)}25%,96%{opacity:0;transform:scale(1.045)}100%{opacity:1;transform:scale(1.015)}}
    @keyframes heroDot{0%{transform:scaleX(0)}21%{transform:scaleX(1)}25%,100%{transform:scaleX(0)}}

    .taxonomy-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;color:#91a3b8;font-size:11px}
    .taxonomy-line .dot{opacity:.45}.tag.dimension{background:#18343d;color:#bdeff4}.tag.depiction{background:#35264c;color:#e7d0ff}.tag.approx{background:#2c301e;color:#e9efa9}.tag.target{background:#253346;color:#c8dbef}
    .filter-group .hint{display:block;color:#71839a;font-size:11px;margin:-5px 0 9px}.check-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-pill{border:1px solid #2b4666;border-radius:12px;padding:10px 11px;background:#0a1726;color:#c7d4e2;display:flex;gap:8px;align-items:center;font-size:12px}.check-pill input{accent-color:var(--purple)}
    .age-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.age-arrow{padding-bottom:13px;color:#8b9caf;font-weight:900}.age-approx{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.category-detected{min-height:43px;display:flex;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #2a415f;background:#0a1726;font-weight:800}.classification-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#0b1d2e;border:1px solid #29415f;color:#aec0d3;font-size:12px;line-height:1.55}
    .library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-card{border:1px solid var(--line);background:linear-gradient(145deg,#101f33,#0a1522);border-radius:16px;padding:18px;cursor:pointer;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.collection-card:hover{border-color:#6c4dca;transform:translateY(-1px)}.collection-icon{font-size:28px}.collection-card h3{margin:12px 0 5px}.collection-card p{margin:0;color:#8fa1b6;font-size:12px}.privacy{font-size:11px;color:#9cb0c7}
    .segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{border:1px solid #29425f;background:#0b1726;color:#becbdd;padding:9px 11px;border-radius:10px;cursor:pointer;font-size:12px}.segmented button.active{background:#2a2057;border-color:#7a5ade;color:#fff}
    @media (prefers-reduced-motion:reduce){.hero-bg{animation:none}.hero-bg-a{opacity:1}.hero-bg-b,.hero-bg-c,.hero-bg-d{display:none}.hero-dots{display:none}}
    .tag.gender{background:#122f55;color:#bcdcff}.tag.scope{background:#2a214a;color:#d9c8ff}.tag.age{background:#12372f;color:#bff1dc}.tag.theme{background:#32273e;color:#efcef8}.tag.source{background:#2d2f36;color:#d6d9df}
    .quick-label{color:#7f90a4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:18px 2px 2px}.filter-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.filter-summary .tag{padding:7px 10px}.explore-search{display:flex;gap:10px;margin:14px 0}.explore-search .search{background:#0d1b2d;border:1px solid #243d5a}.explore-search .search input{color:#eaf0f6}.result-count{color:#a9b7c8;font-size:13px}.empty-state{padding:52px 20px;text-align:center;border:1px dashed #29415f;border-radius:16px;background:#0a1522;color:#9eafc1}.empty-state strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
    .classification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-field label{display:block;color:#9eafc1;font-size:12px;font-weight:700;margin-bottom:6px}.rights-note{padding:12px 14px;border-radius:12px;background:#0b1d2e;border:1px solid #29415f;color:#aebdd0;font-size:12px;line-height:1.5}.comments{margin-top:18px}.comment-compose{display:flex;gap:10px}.comment-compose input{flex:1}.comment{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#684cff,#35a7ff);display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}.comment p{margin:4px 0 0;color:#b8c5d4;font-size:13px;line-height:1.5}.age-focus{display:flex;align-items:center;gap:8px;color:#b8c6d7;font-size:13px}.age-focus strong{color:#fff}.age-focus:before{content:"↘";display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#201b45;color:#b69cff}.scope-chip{border-color:#594a82!important}.gender-chip{border-color:#315880!important}
        @media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.short-grid{grid-template-columns:repeat(5,1fr)}.layout,.video-layout{grid-template-columns:1fr}.right-rail{display:none}.wizard-body{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.nav{display:none}.mobile-menu{display:block}.hero{padding:30px}.auth-card{grid-template-columns:1fr}.auth-side{display:none}}
    @media (max-width:700px){.library-grid{grid-template-columns:repeat(2,1fr)}.check-pills{grid-template-columns:1fr}.age-pair{grid-template-columns:1fr}.age-arrow{display:none}.age-approx{grid-template-columns:1fr 1fr}.container{width:min(100% - 20px,1440px)}.topbar-inner{min-height:58px}.brand{font-size:19px}.brand-mark{width:29px;height:29px}.top-actions .ghost-btn,.top-actions .primary-btn{display:none}.page{padding-top:14px}.hero{min-height:auto;padding:28px 16px;border-radius:18px}.hero-rotator{min-height:280px;padding:30px 16px}.hero-bg{background-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(4,9,18,.48),rgba(4,9,18,.82) 25%,rgba(4,9,18,.82) 75%,rgba(4,9,18,.48))}.hero h1{font-size:36px}.hero p{font-size:14px}.search-wrap{display:block}.filter-trigger{display:none}.category-row{padding-top:12px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.short-grid{grid-template-columns:repeat(3,1fr)}.section{margin-top:22px}.section-head h2{font-size:19px}.title-block{padding:20px}.title-block h1{font-size:30px}.video-layout{display:block}.side-list{margin-top:18px}.wizard{grid-template-columns:repeat(4,minmax(80px,1fr));overflow:auto}.choice-grid{grid-template-columns:1fr}.classification-grid{grid-template-columns:1fr}.auth-form{padding:24px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(6,12,20,.95);backdrop-filter:blur(14px);border-top:1px solid #1d324b;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 4px 9px}.mobile-bottom a{color:#93a4b8;text-decoration:none;text-align:center;font-size:10px}.mobile-bottom .ico{display:block;font-size:20px;color:#fff;margin-bottom:2px}.mobile-bottom a.add .ico{width:40px;height:40px;margin:-18px auto 2px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--purple),#6938ff)}body{padding-bottom:64px}}

    .tag.category{font-weight:800}.tag.regression{background:#241d52;color:#d8caff;border:1px solid #5844a0}.tag.progression{background:#12394a;color:#bdefff;border:1px solid #26677f}
    .category-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.category-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#101e31,#0b1625);cursor:pointer;transition:.18s transform,.18s border-color}.category-card:hover{transform:translateY(-2px);border-color:#6e58b8}.category-card strong{display:block;font-size:16px}.category-card small{display:block;color:#95a6ba;margin-top:3px}.category-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#211c45}.category-card.progress .category-icon{background:#12384a}
    .filter-group .hint{display:block;color:#71849a;font-size:11px;margin:-4px 0 10px}.wizard-footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.review-card{border:1px solid #2a415f;border-radius:16px;padding:18px;background:#091522}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.review-item{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b1828}.review-item span{display:block;color:#8092a7;font-size:11px;margin-bottom:3px}.review-item strong{font-size:13px}.category-detected{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#171c36;border:1px solid #453b74;font-size:12px;font-weight:800}.subtle{color:#8fa0b5;font-size:12px}.source-pill{display:inline-flex;align-items:center;gap:6px}.source-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}
    @media (max-width:700px){.library-grid{grid-template-columns:repeat(2,1fr)}.check-pills{grid-template-columns:1fr}.age-pair{grid-template-columns:1fr}.age-arrow{display:none}.age-approx{grid-template-columns:1fr 1fr}.category-card-row{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}}

    /* v5 professional polish */
    :focus-visible{outline:3px solid rgba(154,114,255,.72);outline-offset:3px}.nav a{display:flex;align-items:center;gap:7px}.nav svg,.top-actions svg,.mobile-bottom svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.brand{color:inherit;text-decoration:none}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.9);filter:blur(5px);opacity:.28}.top-actions .icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0}.section-eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8093ac;margin-bottom:4px}.section-head-copy h2{margin:0}.card{position:relative}.card .meta{min-height:24px}.source-overlay{position:absolute;z-index:3;left:8px;bottom:8px;padding:4px 7px;border-radius:7px;background:rgba(6,11,20,.78);backdrop-filter:blur(7px);font-size:10px;font-weight:800;color:#dce6f2}.thumb .duration{z-index:4}.badge{backdrop-filter:blur(8px)}.badge.verified{background:rgba(40,209,124,.90)}.badge.ai{background:rgba(117,76,255,.92)}.card-compact-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8fa0b5;font-size:11px;margin-top:7px}.card-compact-line strong{color:#cdd8e5;font-weight:700}.site-footer{margin-top:38px;border-top:1px solid rgba(255,255,255,.07);background:rgba(5,11,19,.56)}.footer-inner{display:grid;grid-template-columns:1.25fr 2fr;gap:30px;padding:34px 0}.footer-brand p{max-width:440px;color:#8293a8;font-size:12px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.footer-col strong{display:block;font-size:12px;margin-bottom:10px}.footer-col a{display:block;color:#8fa0b5;text-decoration:none;font-size:12px;padding:4px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:14px 0;color:#6f8196;font-size:11px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.toast-root{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;gap:10px;pointer-events:none}.toast{min-width:280px;max-width:380px;padding:13px 15px;border:1px solid #2b4564;border-radius:14px;background:rgba(9,20,34,.96);box-shadow:0 18px 45px rgba(0,0,0,.4);display:flex;align-items:flex-start;gap:10px;animation:toastIn .2s ease both;color:#dce6f2}.toast strong{display:block;color:#fff;font-size:13px;margin-bottom:2px}.toast span{font-size:12px;color:#9fb0c5}.toast-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#1a3f33;color:#69e5ad;font-weight:900}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;z-index:110;background:rgba(2,6,12,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);border:1px solid #27425f;border-radius:20px;background:linear-gradient(180deg,#101f33,#091522);box-shadow:0 28px 80px rgba(0,0,0,.55);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.modal-head h3{margin:0}.modal-close{border:0;background:transparent;color:#9fb0c5;font-size:22px;cursor:pointer}.collection-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #223b57;border-radius:12px;background:#0b1726;margin-top:8px;cursor:pointer}.collection-option:hover{border-color:#7257d0}.collection-option small{display:block;color:#8395aa;margin-top:2px}.pro-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #27445e;border-radius:999px;color:#aebed0;font-size:11px;background:rgba(9,20,34,.66)}.pro-status i{width:7px;height:7px;border-radius:50%;background:#28d17c;box-shadow:0 0 0 4px rgba(40,209,124,.08)}.hero-trust{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-trust span{font-size:10px;color:#c7d3e1;padding:5px 8px;border-radius:999px;background:rgba(6,13,25,.45);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(8px)}.empty-inline{display:flex;align-items:center;gap:10px;color:#91a1b5;font-size:12px}.empty-inline:before{content:"";width:8px;height:8px;border-radius:50%;background:#f5b942}.skeleton{position:relative;overflow:hidden;background:#101d2f;border-radius:12px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.source-state-lost{color:#ff9ba5}.source-state-online{color:#79e7af}.source-state-hosted{color:#b99cff}.quick-filter-wrap{display:flex;align-items:center;gap:10px;margin-top:14px}.quick-filter-wrap .category-row{flex:1;padding-top:0}.quick-filter-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#71849b;white-space:nowrap}.collection-card{transition:.18s transform,.18s border-color,.18s box-shadow}.collection-card:hover{box-shadow:0 16px 38px rgba(0,0,0,.24)}.collection-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:14px}.collection-preview span{aspect-ratio:1.2;border-radius:7px;background-size:cover;background-position:center}.collection-preview .p1{background-image:url('assets/hero-regression-main.png')}.collection-preview .p2{background-image:url('assets/hero-ages.png')}.collection-preview .p3{background-image:url('assets/hero-miradas.png')}.legal-badge{display:inline-flex;align-items:center;gap:6px;color:#8293a8;font-size:11px}.legal-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#536a85}
    @media(max-width:900px){.footer-inner{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:700px){.footer-links{grid-template-columns:1fr 1fr}.site-footer{margin-bottom:58px}.quick-filter-label{display:none}.toast-root{left:12px;right:12px;bottom:78px}.toast{min-width:0;max-width:none}.footer-inner{padding:28px 0}.hero-trust{display:none}}


/* TransformHub 030B-D: thumbnails sin oscurecimiento; conservar etiquetas */
.thumb::after {
  content: none !important;
  display: none !important;
}

/* TransformHub 030B-E - conservar fotos y badges, solo sustituir el contenido.
   Las miniaturas no se oscurecen; 030B-D sigue gestionando las sombras. */
.thumb .th030be-verified {
  display: inline-flex !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  min-height: 27px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: #22e889 !important;
  white-space: nowrap !important;
}
.thumb .th030be-verified::before,
.thumb .th030be-verified::after {
  content: none !important;
  display: none !important;
}
.thumb .th030be-verified svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.7));
}
.thumb .th030be-provider {
  display: inline-flex !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 29px !important;
  min-height: 29px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 4px !important;
  margin: 0 !important;
  background: rgba(5, 12, 23, .79) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
}
.thumb .th030be-provider::before,
.thumb .th030be-provider::after {
  content: none !important;
  display: none !important;
}
.thumb .th030be-provider svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* 030BE_FIX1_GREEN_SQUARE_TICK */
/* Badge verde compacto: solo tick, sin texto ni sombra verde sobre fotos */
.thumb .th030be-verified {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 3px !important;
  background: #25ca86 !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.24) !important;
  color: #062c21 !important;
}
.thumb .th030be-verified svg {
  filter: none !important;
}
.thumb .th030be-verified svg path {
  stroke: #062c21 !important;
}