html{font-size:clamp(15px,1vw + .55rem,18px);background:radial-gradient(1200px 600px at 10% -20%,rgba(255,30,230,.25),transparent 60%),radial-gradient(900px 500px at 95% 10%,rgba(39,215,255,.22),transparent 55%),radial-gradient(800px 500px at 20% 90%,rgba(123,44,255,.25),transparent 60%),#0a0b12;background-repeat:no-repeat;background-attachment:fixed}html,body{color:#f0f3ff;font-family:Inter,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}body{min-height:100vh;max-width:1100px;margin:0 auto;padding:2.5rem 1rem 3rem;line-height:1.6}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}a{color:inherit;text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:#ff1ee6;text-decoration:underline;text-decoration-color:#ff1ee68c}.logo{max-width:210px;display:block;filter:drop-shadow(0 0 18px rgba(255,30,230,.18))}#extension-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;max-width:1100px;margin:2rem auto 0}.min-version,.version{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;padding:.18rem .55rem;margin-left:.35rem;border-radius:999px;border:1px solid rgba(255,30,230,.4);background:linear-gradient(135deg,#ff1ee629,#7b2cff33);color:#f0f3ff;font-size:.72rem;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.min-version{background:#07080eb3;border-color:#ffffff1f;color:#c3c9d9}.extension{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.35rem;border-radius:1.6rem;border:1px solid rgba(255,255,255,.08);background:#0c0e18e0;box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.extension:after{content:"";position:absolute;inset:auto -25% -50% 35%;height:12rem;background:linear-gradient(120deg,#ff1ee600,#ff1ee629 18%,#7b2cff38 45%,#27d7ff29 75%,#27d7ff00);filter:blur(18px);opacity:.85;transform:rotate(-8deg);pointer-events:none}.extension:hover{transform:translateY(-3px);border-color:#ff1ee647;box-shadow:0 28px 60px #00000080;background:#0c0e18f0}.extension>*{position:relative;z-index:1}.extension h2{margin:.15rem 0 .6rem;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;letter-spacing:-.02em;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.extension h2 a{color:#f0f3ff;text-decoration:none;width:100%}.extension h2 .min-version,.extension h2 .version{display:inline-flex;width:fit-content;margin-top:.55rem;margin-left:0}.extension h2 .version+.min-version,.extension h2 .min-version+.version{margin-left:.35rem}.extension p,.extension small,.extension li{color:#c3c9d9}.extension p{margin:0 0 .8rem;text-align:center}.extension img{width:100%;max-width:140px;height:auto;margin-right:0;padding:.75rem;display:block;border-radius:1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.extension .btn{min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c3c9d9;font-size:.84rem;font-weight:600;line-height:1.4;text-decoration:none;-webkit-backdrop-filter:none;backdrop-filter:none}.extension .btn:hover{color:#ff1ee6;background:transparent;border-color:transparent;box-shadow:none;text-decoration:underline;transform:none}.extension>p:last-child,.extension>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .85rem;margin-top:.35rem;padding-top:.35rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;margin:0 .35rem .35rem 0;padding:.48rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0c0e1866;color:#f0f3ff;font-size:.82rem;font-weight:700;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.btn:hover{color:#0b0c11;background:linear-gradient(135deg,#ff1ee6,#7b2cff);border-color:transparent;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 30px #ff1ee640}footer{margin:5rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.12);color:#b395b6}#gallery{display:flex;gap:1rem;margin:2rem 0 4rem}#gallery img{width:100%;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000073}#gallery .gallery-images{width:100%;position:relative}#gallery .overlay{cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0}.gallery-arrow{display:flex;align-items:center;justify-content:center;min-width:3rem;border-radius:999px;color:#f0f3ff;cursor:pointer;font-size:2rem;background:#0c0e1866;border:1px solid rgba(255,255,255,.12)}.gallery-item{display:none}.gallery-item-active{display:block}.ext-header{position:relative;display:flex;gap:1.25rem;margin:2rem 0 3rem;padding:1.5rem;border-radius:1.75rem;border:1px solid rgba(255,255,255,.08);background:#0c0e18e0;box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}#contributors small{color:#c3c9d9}.ext-image img{width:150px;padding:.9rem;border-radius:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.ext-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.03em}#tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.1)}#tabs span{position:relative;top:1px;padding:.8rem 1.15rem;border-radius:1rem 1rem 0 0;border:1px solid rgba(255,255,255,.12);background:#0c0e1899;color:#c3c9d9;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}#tabs span.active{background:#0c0e18e0;color:#f0f3ff;border-color:#ff1ee647;border-bottom-color:#0a0b12}.tab{display:none}.active-tab{display:block;padding:1.4rem;border:1px solid rgba(255,255,255,.12);border-top:none;border-radius:0 0 1.4rem 1.4rem;background:#0c0e18e0;color:#c3c9d9}.embed-youtube{position:relative;height:0;overflow:hidden;padding-top:30px;padding-bottom:56.25%;border-radius:1.25rem;box-shadow:0 20px 50px #00000073}.embed-youtube iframe,.embed-youtube object,.embed-youtube embed{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:0;border-radius:inherit}@media (max-width: 768px){body{padding-inline:.75rem}header,.ext-header,.extension,#gallery{flex-direction:column}#tabs span{flex-grow:1;width:100%;margin-right:0}.btn{width:100%;margin-right:0}.extension .btn{width:auto}}
