:root{
  --bg:#080a11;
  --panel:#10131d;
  --panel-2:#141824;
  --text:#f4f7ff;
  --muted:#8f97aa;
  --line:rgba(255,255,255,.08);
  --accent:#22d3ee;
  --accent-2:#6366f1;
  --accent-3:#a855f7;
  --radius:24px;
  --shadow:0 24px 70px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,sans-serif;overflow-x:hidden;
}
button,a,input{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.18;z-index:-2;border-radius:50%;animation:drift 13s ease-in-out infinite alternate}
.ambient-a{width:420px;height:420px;background:var(--accent);top:-160px;left:-100px}
.ambient-b{width:460px;height:460px;background:var(--accent-3);right:-160px;top:35%;animation-delay:-5s}
.grid-overlay{
  position:fixed;inset:0;z-index:-3;opacity:.2;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.topbar{
  width:min(1180px,calc(100% - 36px));margin:18px auto 0;padding:12px 14px;
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid var(--line);background:rgba(10,12,19,.72);backdrop-filter:blur(20px);
  border-radius:18px;position:sticky;top:14px;z-index:30;
}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));
  font-family:"Space Grotesk";font-weight:800;box-shadow:0 0 30px rgba(34,211,238,.2)
}
.brand strong{display:block;font-family:"Space Grotesk";font-size:16px}
.brand small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted);margin-top:1px}
.desktop-nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}
.desktop-nav a{transition:.25s}
.desktop-nav a:hover{color:var(--text)}
.menu-btn{display:none;border:0;background:none;font-size:22px}
main{width:min(1180px,calc(100% - 36px));margin:auto}
.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.eyebrow,.section-kicker,.tag{font-size:10px;letter-spacing:.18em;font-weight:800;color:#aeb6ca}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399}
.hero h1{font-family:"Space Grotesk";font-size:clamp(48px,7vw,86px);line-height:.96;letter-spacing:-.055em;margin:22px 0}
.hero h1 span{
  background:linear-gradient(100deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));
  background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:hueflow 7s linear infinite
}
.hero p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.8}
.hero-actions{display:flex;gap:12px;margin-top:28px}
.btn{border:1px solid var(--line);border-radius:14px;padding:12px 17px;font-weight:700;font-size:13px;display:inline-flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;transition:.25s}
.btn-primary{border:0;background:linear-gradient(100deg,var(--accent-2),var(--accent-3));box-shadow:0 12px 35px rgba(99,102,241,.22)}
.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.15)}
.btn-ghost{background:rgba(255,255,255,.025)}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
.hero-orbit{height:430px;display:grid;place-items:center;position:relative}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;animation:spin 18s linear infinite}
.orbit-1{width:360px;height:360px}
.orbit-2{width:270px;height:270px;animation-direction:reverse;animation-duration:12s}
.orbit-3{width:170px;height:170px;animation-duration:8s;border-color:rgba(99,102,241,.25)}
.core{
  width:140px;height:140px;border-radius:38px;display:grid;place-items:center;align-content:center;
  background:radial-gradient(circle at 35% 25%,rgba(34,211,238,.4),transparent 45%),linear-gradient(145deg,#151a2a,#090b12);
  border:1px solid rgba(255,255,255,.13);box-shadow:0 0 80px rgba(99,102,241,.25),inset 0 0 40px rgba(34,211,238,.08);
  transform:rotate(-8deg)
}
.core span{font-family:"Space Grotesk";font-size:30px;font-weight:800;letter-spacing:-.06em}
.core small{font-size:8px;letter-spacing:.24em;color:var(--muted);margin-top:4px}
.search-wrap{margin-bottom:16px}
.search-box{height:60px;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(15,18,28,.82);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.search-box>span{font-size:28px;color:var(--muted)}
.search-box input{flex:1;background:none;border:0;outline:0;color:var(--text);font-size:14px}
.search-box input::placeholder{color:#626b7e}
kbd{border:1px solid var(--line);padding:5px 8px;border-radius:7px;color:#788197;background:#0b0e16;font-size:11px}
.category-strip{display:flex;gap:8px;overflow:auto;padding:2px 0 28px;scrollbar-width:none}
.category-strip::-webkit-scrollbar{display:none}
.category{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#9da5b8;padding:10px 15px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;transition:.25s}
.category b{font-size:9px;margin-left:5px;color:#687287}
.category:hover,.category.active{color:#fff;border-color:transparent;background:linear-gradient(100deg,var(--accent-2),var(--accent-3));box-shadow:0 8px 24px rgba(99,102,241,.18)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 16px}
.section-head h2{font-family:"Space Grotesk";font-size:28px;margin:5px 0 0;letter-spacing:-.04em}
.result-count{font-size:11px;color:var(--muted)}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.featured-card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(21,26,40,.96),rgba(10,12,19,.92));box-shadow:var(--shadow)}
.featured-card:after{content:"";position:absolute;inset:auto -15% -70% 25%;height:220px;background:radial-gradient(circle,rgba(99,102,241,.23),transparent 65%);pointer-events:none}
.featured-ai:after{background:radial-gradient(circle,rgba(34,211,238,.2),transparent 65%)}
.tool-icon,.modal-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);font-size:21px}
.feature-content{position:relative;z-index:2;max-width:65%;margin-top:28px}
.feature-content h3{font-family:"Space Grotesk";font-size:25px;margin:8px 0}
.feature-content p{font-size:12px;line-height:1.65;color:var(--muted)}
.open-tool{border:0;background:none;padding:0;color:#fff;font-weight:800;font-size:11px;cursor:pointer;margin-top:10px}
.open-tool span{color:var(--accent);margin-left:8px}
.feature-orb{position:absolute;right:7%;top:27%;font-family:"Space Grotesk";font-size:60px;font-weight:800;color:rgba(255,255,255,.025);transform:rotate(-12deg)}
.all-tools-head{margin-top:54px}
.view-toggle{display:flex;gap:5px}
.view{width:34px;height:34px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:9px;cursor:pointer}
.view.active{color:#fff;background:#181d2b}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tools-grid.compact{grid-template-columns:1fr}
.tool-card{
  min-height:190px;padding:21px;border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(145deg,rgba(18,22,33,.94),rgba(10,12,18,.92));
  position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;
}
.tool-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.35);box-shadow:0 20px 45px rgba(0,0,0,.3)}
.tool-card .tool-icon{width:42px;height:42px;font-size:18px}
.tool-card h3{font-family:"Space Grotesk";font-size:17px;margin:17px 0 7px}
.tool-card p{font-size:11px;line-height:1.6;color:var(--muted);max-width:95%}
.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.card-tag{font-size:8px;letter-spacing:.12em;color:#8c95aa;border:1px solid var(--line);border-radius:999px;padding:5px 8px}
.card-open{font-size:18px;color:var(--accent);cursor:pointer;background:none;border:0}
.tool-card[data-category="ai"] .tool-icon{color:#67e8f9}
.tool-card[data-category="downloader"] .tool-icon{color:#818cf8}
.tool-card[data-category="anime"] .tool-icon{color:#c084fc}
.tool-card[data-category="developer"] .tool-icon{color:#38bdf8}
.empty-state{text-align:center;padding:70px 20px;display:none}
.empty-state>div{font-size:40px;color:var(--muted)}
.empty-state h3{margin:10px 0}
.empty-state p{color:var(--muted);font-size:12px}
.status-panel{margin:60px 0 35px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(15,18,27,.72);display:grid;grid-template-columns:1fr 2fr;gap:20px}
.status-title{display:flex;gap:12px;align-items:center}
.status-title h2{font-family:"Space Grotesk";font-size:18px;margin:4px 0}
.status-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.status-items div{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}
.status-items span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.status-items b{font-size:11px}.online{color:#34d399}
footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 35px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.footer-brand{display:flex;align-items:center;gap:8px;color:#fff}.footer-brand .brand-mark{width:28px;height:28px;border-radius:9px;font-size:12px}
footer p{margin:0}.version{margin-left:auto}
.mobile-menu{position:fixed;inset:0;background:rgba(5,7,12,.96);z-index:80;display:none;flex-direction:column;padding:90px 30px;gap:24px;font-family:"Space Grotesk";font-size:28px}
.mobile-menu.open{display:flex}
.mobile-menu button{position:absolute;right:25px;top:22px;background:none;border:0;color:#fff;font-size:36px}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}
.modal.open{display:grid}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.modal-card{width:min(480px,100%);position:relative;z-index:1;background:#10131d;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.modal-close{position:absolute;right:16px;top:13px;background:none;border:0;color:#8992a7;font-size:25px;cursor:pointer}
.modal-icon{margin:24px 0 15px;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(168,85,247,.12))}
.modal-card h2{font-family:"Space Grotesk";font-size:30px;margin:0 0 10px}.modal-card>p{color:var(--muted);line-height:1.7;font-size:13px}
.plugin-note{margin:20px 0;padding:14px;border-radius:15px;background:rgba(34,211,238,.045);border:1px solid rgba(34,211,238,.12)}
.plugin-note span{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--accent)}
.plugin-note p{font-size:11px;color:#8f97aa;margin:8px 0 0;line-height:1.6}
.full{width:100%}
@keyframes hueflow{to{background-position:250% center}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{to{transform:translate(70px,50px) scale(1.12)}}
@media(max-width:850px){
  .desktop-nav{display:none}.menu-btn{display:block}
  .hero{grid-template-columns:1fr;min-height:auto;padding:80px 0 50px}.hero-orbit{height:300px;order:-1}
  .orbit-1{width:260px;height:260px}.orbit-2{width:195px;height:195px}.orbit-3{width:120px;height:120px}.core{width:110px;height:110px}
  .featured-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}
  .status-panel{grid-template-columns:1fr}.status-items{grid-template-columns:1fr}
}
@media(max-width:560px){
  main,.topbar,footer{width:min(100% - 24px,1180px)}
  .hero h1{font-size:48px}.hero p{font-size:14px}
  .hero-actions{flex-wrap:wrap}.btn{flex:1}
  .feature-content{max-width:80%}.tools-grid{grid-template-columns:1fr}
  .section-head h2{font-size:24px}
}
.tool-run{display:grid;gap:12px}.tool-run textarea{min-height:130px;resize:vertical}.tool-input,.tool-run textarea{width:100%;box-sizing:border-box;background:#0b0e16;color:#eef2ff;border:1px solid var(--line);border-radius:13px;padding:13px;outline:none;font:inherit}.tool-input:focus,.tool-run textarea:focus{border-color:rgba(34,211,238,.45)}.output{min-height:120px;max-height:330px;overflow:auto;white-space:pre-wrap;background:#090c13;border:1px solid var(--line);border-radius:14px;padding:14px;color:#cbd5e1;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.small-note{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.modal-card{max-height:90vh;overflow:auto}


/* =========================================================
   ALL TOOLS RIMURU — RIMURU TEMPEST VISUAL SYSTEM
   ========================================================= */
:root{
  --rimuru-cyan:#59e7ff;
  --rimuru-blue:#258cff;
  --rimuru-violet:#8a5cff;
  --rimuru-deep:#03111c;
  --rimuru-glow:rgba(58,211,255,.28);
}
body{
  background:
    radial-gradient(circle at 50% -15%,rgba(42,151,255,.18),transparent 35%),
    radial-gradient(circle at 90% 30%,rgba(130,80,255,.12),transparent 28%),
    linear-gradient(180deg,#020912 0%,#06131d 45%,#02070c 100%);
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 15% 25%,rgba(80,230,255,.08),transparent 22%),
    radial-gradient(circle at 80% 75%,rgba(96,78,255,.08),transparent 25%);
  animation:rimuruBreath 8s ease-in-out infinite alternate;
}
.topbar{
  background:rgba(2,10,17,.66)!important;
  border-color:rgba(89,231,255,.12)!important;
  backdrop-filter:blur(20px);
}
.brand strong{letter-spacing:.04em}
.brand small{color:var(--rimuru-cyan)!important}
.brand-mark{
  background:radial-gradient(circle at 35% 25%,#d8fbff 0 8%,#66eaff 22%,#1987ff 70%,#082c61 100%)!important;
  color:#03111c!important;
  box-shadow:0 0 25px rgba(75,226,255,.42),inset 0 0 12px rgba(255,255,255,.65)!important;
}
.hero.rimuru-hero{
  min-height:560px;
  margin-top:18px;
  padding:70px 55px;
  border:1px solid rgba(89,231,255,.16);
  border-radius:32px;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(2,10,18,.97) 0%,rgba(2,10,18,.76) 38%,rgba(2,10,18,.22) 75%,rgba(2,10,18,.58) 100%),
    radial-gradient(circle at 75% 40%,rgba(34,144,255,.25),transparent 32%),
    linear-gradient(145deg,#061827,#030912);
  box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 70px rgba(50,190,255,.08);
}
.banner-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;
  filter:saturate(1.1) contrast(1.05) brightness(.66);
}
.banner-shade{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(1,8,14,.98) 0%,rgba(1,8,14,.72) 42%,rgba(1,8,14,.18) 74%,rgba(1,8,14,.62) 100%),
    linear-gradient(180deg,rgba(3,13,23,.1),rgba(2,8,13,.82));
}
.banner-particles{
  position:absolute;inset:0;z-index:-1;opacity:.6;
  background-image:
    radial-gradient(circle,rgba(113,235,255,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(123,99,255,.65) 0 1px,transparent 1.5px);
  background-size:120px 120px,190px 190px;
  animation:particleDrift 16s linear infinite;
}
.hero.rimuru-hero .hero-copy{position:relative;z-index:2;max-width:650px}
.hero.rimuru-hero h1{
  font-size:clamp(58px,8vw,105px);
  line-height:.86;
  letter-spacing:-.075em;
  text-shadow:0 0 30px rgba(54,210,255,.16);
}
.hero.rimuru-hero h1 span{
  background:linear-gradient(110deg,#fff 0%,#75edff 34%,#268dff 66%,#9d7cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:220% auto;animation:hueflow 7s linear infinite;
  text-shadow:none;
}
.hero.rimuru-hero .eyebrow{color:#8fefff}
.developer-credit{
  display:inline-flex;gap:7px;align-items:center;
  margin:6px 0 8px;padding:8px 13px;border-radius:999px;
  border:1px solid rgba(89,231,255,.18);
  background:rgba(3,22,35,.58);color:#aebdcb;
  font-size:11px;letter-spacing:.08em;
}
.developer-credit strong{color:#fff}
.hero-core{
  position:absolute;right:5%;top:50%;transform:translateY(-50%);
  width:390px;height:390px;display:grid;place-items:center;
  pointer-events:none;
}
.slime-orbit{
  position:absolute;border-radius:50%;border:1px solid rgba(83,226,255,.28);
  box-shadow:0 0 35px rgba(49,194,255,.12),inset 0 0 30px rgba(116,99,255,.08);
}
.slime-orbit-a{width:330px;height:330px;animation:orbitSpin 15s linear infinite}
.slime-orbit-b{width:235px;height:235px;border-color:rgba(139,102,255,.35);animation:orbitSpin 10s linear infinite reverse}
.slime-core{
  width:155px;height:155px;border-radius:48% 52% 50% 50%;
  display:grid;place-items:center;align-content:center;
  background:
    radial-gradient(circle at 32% 23%,rgba(255,255,255,.92) 0 4%,rgba(145,249,255,.8) 13%,transparent 25%),
    radial-gradient(circle at 50% 45%,#7ef3ff 0,#27bfff 42%,#2676ff 72%,#173b9d 100%);
  border:1px solid rgba(221,253,255,.75);
  box-shadow:0 0 70px rgba(45,213,255,.45),inset -18px -25px 45px rgba(31,57,160,.3),inset 12px 12px 25px rgba(255,255,255,.25);
  animation:slimeFloat 4s ease-in-out infinite;
}
.slime-core span{font-family:"Space Grotesk";font-size:58px;font-weight:800;color:#071c39;text-shadow:0 2px 0 rgba(255,255,255,.25)}
.slime-core small{font-size:8px;letter-spacing:.22em;color:#062047;margin-top:-4px}
.banner-credit{
  position:absolute;right:26px;bottom:22px;font-size:9px;letter-spacing:.18em;color:rgba(221,248,255,.58);
}
.banner-credit span{color:var(--rimuru-cyan);padding:0 7px}
.btn-primary{
  background:linear-gradient(100deg,#16b9f1,#367cff 58%,#7a55e9)!important;
  border-color:rgba(141,243,255,.28)!important;
  box-shadow:0 12px 35px rgba(30,151,255,.25)!important;
}
.btn-primary:hover{box-shadow:0 16px 45px rgba(45,178,255,.36)!important;transform:translateY(-2px)}
.btn-ghost:hover{border-color:rgba(89,231,255,.45)!important;color:#b9f7ff!important}
.search-box:focus-within{border-color:rgba(89,231,255,.34);box-shadow:0 0 35px rgba(43,190,255,.08),var(--shadow)}
.category.active,.category:hover{
  background:linear-gradient(100deg,#159bd7,#3578ff,#7654dc)!important;
  box-shadow:0 10px 30px rgba(40,147,255,.22)!important;
}
.featured-card,.tool-card,.status-panel,.modal-card{
  background:
    linear-gradient(145deg,rgba(5,23,35,.93),rgba(3,10,18,.96))!important;
  border-color:rgba(89,231,255,.12)!important;
}
.featured-card:hover,.tool-card:hover{
  border-color:rgba(89,231,255,.32)!important;
  box-shadow:0 25px 60px rgba(0,0,0,.38),0 0 35px rgba(38,172,255,.07)!important;
}
.tool-card[data-category="ai"] .tool-icon{color:#70edff!important}
.tool-card[data-category="downloader"] .tool-icon{color:#6aa9ff!important}
.tool-card[data-category="anime"] .tool-icon{color:#b99cff!important}
.tool-card[data-category="music"] .tool-icon{color:#65f1df!important}
.tool-card[data-category="image"] .tool-icon{color:#72d9ff!important}
.tool-card[data-category="maker"] .tool-icon{color:#a9a1ff!important}
.tool-card[data-category="tools"] .tool-icon{color:#74f4ff!important}
.tool-card[data-category="developer"] .tool-icon{color:#66b8ff!important}
.card-open,.open-tool span{color:var(--rimuru-cyan)!important}
.status-panel{box-shadow:0 20px 70px rgba(0,0,0,.25)}
.online{color:#58f2c2!important}
.modal-card{box-shadow:0 35px 110px rgba(0,0,0,.7),0 0 50px rgba(54,190,255,.09)!important}
.plugin-note{background:rgba(34,193,255,.045)!important;border-color:rgba(89,231,255,.14)!important}
.plugin-note span{color:var(--rimuru-cyan)!important}
.tool-input:focus,.tool-run textarea:focus{border-color:rgba(89,231,255,.42)!important;box-shadow:0 0 20px rgba(46,196,255,.07)}
footer{border-color:rgba(89,231,255,.1)!important}
@keyframes rimuruBreath{to{transform:scale(1.04);opacity:.72}}
@keyframes particleDrift{to{background-position:120px 240px,-190px 190px}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes slimeFloat{50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:850px){
  .hero.rimuru-hero{padding:45px 25px 80px;min-height:650px}
  .hero-core{position:absolute;right:50%;top:auto;bottom:24px;transform:translateX(50%);width:270px;height:190px}
  .slime-orbit-a{width:190px;height:190px}.slime-orbit-b{width:140px;height:140px}
  .slime-core{width:92px;height:92px}.slime-core span{font-size:34px}
  .slime-core small{font-size:6px}
  .banner-credit{right:15px;bottom:12px;font-size:7px}
}


/* Rimuru BGM control */
.music-toggle {
  appearance: none;
  border: 1px solid rgba(110, 220, 255, .20);
  background: rgba(7, 24, 36, .72);
  color: inherit;
  border-radius: 999px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.music-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(110, 220, 255, .48);
}
.music-toggle[aria-pressed="true"] {
  background: rgba(30, 170, 220, .16);
}
@media (max-width: 720px) {
  .music-toggle {
    padding: 7px 10px;
  }
  .music-toggle #musicLabel {
    display: none;
  }
}

/* =========================================================
   RIMURU V2 — PRISMATIC UI / INFO DRAWER
   ========================================================= */
:root{
  --cyan:#35e7ff;
  --blue:#4b7dff;
  --violet:#9b5cff;
  --pink:#f05cff;
  --lime:#7cf7c0;
  --gold:#ffd66b;
}
body{
  background:
    radial-gradient(900px 500px at 8% -5%,rgba(0,220,255,.13),transparent 65%),
    radial-gradient(850px 560px at 95% 8%,rgba(155,92,255,.16),transparent 62%),
    radial-gradient(700px 600px at 50% 52%,rgba(240,92,255,.055),transparent 65%),
    linear-gradient(180deg,#02050b 0%,#07091a 45%,#03050c 100%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;opacity:.34;
  background:radial-gradient(circle at 20% 30%,rgba(53,231,255,.08),transparent 18%),radial-gradient(circle at 80% 70%,rgba(155,92,255,.08),transparent 20%);
  filter:blur(40px);animation:auroraShift 14s ease-in-out infinite alternate;
}
.topbar{
  width:min(1220px,calc(100% - 28px));
  padding:10px 11px 10px 14px;margin-top:12px;border-radius:20px;
  background:linear-gradient(120deg,rgba(7,12,24,.82),rgba(14,7,29,.78))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 16px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}
.topbar:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(100deg,rgba(53,231,255,.28),transparent 35%,rgba(155,92,255,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.brand-mark{background:linear-gradient(145deg,#7df5ff,#557cff 48%,#b25cff)!important;color:#07101d!important;box-shadow:0 0 25px rgba(82,210,255,.34),0 0 50px rgba(160,90,255,.18)!important}
.top-actions{display:flex;align-items:center;gap:8px}
.menu-btn{
  width:48px;height:48px;display:grid!important;place-content:center;gap:5px;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  cursor:pointer;transition:.25s;position:relative;z-index:2;
}
.menu-btn span{display:block;width:20px;height:2px;border-radius:99px;background:#edf5ff;transition:.25s}
.menu-btn:hover{transform:translateY(-2px);border-color:rgba(53,231,255,.38)!important;box-shadow:0 10px 30px rgba(55,190,255,.12)}
.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:.25s}.desktop-nav a:hover:after{right:0}
.music-toggle{border-color:rgba(155,92,255,.25)!important;background:linear-gradient(100deg,rgba(72,47,145,.25),rgba(26,74,125,.22))!important}
.hero.rimuru-hero{min-height:600px;margin-top:14px;border-radius:34px;border-color:rgba(255,255,255,.12);box-shadow:0 40px 110px rgba(0,0,0,.48),0 0 100px rgba(76,106,255,.08);background:linear-gradient(90deg,rgba(2,7,15,.96),rgba(6,8,23,.74) 42%,rgba(4,8,18,.18) 78%,rgba(5,6,15,.66)),radial-gradient(circle at 75% 35%,rgba(53,231,255,.14),transparent 26%),radial-gradient(circle at 88% 70%,rgba(190,80,255,.16),transparent 28%)}
.hero.rimuru-hero:before{content:"";position:absolute;inset:1px;border-radius:33px;pointer-events:none;background:linear-gradient(120deg,rgba(53,231,255,.16),transparent 25%,transparent 70%,rgba(180,92,255,.2));mix-blend-mode:screen}
.hero.rimuru-hero h1 span{background:linear-gradient(100deg,#fff,#69efff 24%,#6688ff 53%,#c56cff 80%,#fff);background-size:280% auto}
.hero.rimuru-hero .eyebrow{background:linear-gradient(90deg,rgba(53,231,255,.09),rgba(155,92,255,.08));border-color:rgba(255,255,255,.12)}
.btn-primary{background:linear-gradient(100deg,#20dfff,#5576ff 50%,#a451ff)!important;box-shadow:0 14px 40px rgba(83,103,255,.24)!important}
.search-box{background:linear-gradient(100deg,rgba(10,18,30,.88),rgba(19,10,31,.82));border-color:rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.32)}
.category-strip{padding-bottom:30px}.category{background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-color:rgba(255,255,255,.085)}
.category:nth-child(2):hover,.category:nth-child(2).active{background:linear-gradient(100deg,#17cfee,#5568ff)!important}
.category:nth-child(3):hover,.category:nth-child(3).active{background:linear-gradient(100deg,#5678ff,#9a55ff)!important}
.category:nth-child(4):hover,.category:nth-child(4).active{background:linear-gradient(100deg,#17c9ad,#287cff)!important}
.category:nth-child(5):hover,.category:nth-child(5).active{background:linear-gradient(100deg,#9b5cff,#e35bce)!important}
.category:nth-child(6):hover,.category:nth-child(6).active{background:linear-gradient(100deg,#2dd4bf,#4b8dff)!important}
.category:nth-child(7):hover,.category:nth-child(7).active{background:linear-gradient(100deg,#ff9d4d,#ef5c9e)!important}
.category:nth-child(8):hover,.category:nth-child(8).active{background:linear-gradient(100deg,#ffcc57,#ff7a5c)!important}
.category:nth-child(9):hover,.category:nth-child(9).active{background:linear-gradient(100deg,#54b7ff,#8c6aff)!important}
.section-head{margin-top:30px}.section-kicker{color:#9da9c4}.section-head h2{font-size:31px}
.featured-card{background:linear-gradient(135deg,rgba(10,21,36,.92),rgba(18,7,30,.9))!important;border-color:rgba(255,255,255,.10)!important}
.featured-card:first-child{box-shadow:inset 0 1px 0 rgba(53,231,255,.10),0 25px 70px rgba(0,0,0,.35)}
.featured-card:nth-child(2){background:linear-gradient(135deg,rgba(15,14,38,.94),rgba(30,7,27,.9))!important}
.featured-card:before,.tool-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--pink));opacity:.75}
.featured-card:nth-child(2):before{background:linear-gradient(90deg,#ffd15c,#ff6b8a,#a95cff)}
.tool-card{background:linear-gradient(145deg,rgba(11,18,31,.92),rgba(19,8,30,.91))!important;border-color:rgba(255,255,255,.075)!important;box-shadow:0 12px 40px rgba(0,0,0,.16)}
.tool-card:nth-child(3n+1):before{background:linear-gradient(90deg,#31e7ff,#527bff)}
.tool-card:nth-child(3n+2):before{background:linear-gradient(90deg,#7f72ff,#e35cff)}
.tool-card:nth-child(3n):before{background:linear-gradient(90deg,#28d6bd,#ffc75c)}
.tool-card:hover{transform:translateY(-7px) scale(1.008);border-color:rgba(125,170,255,.28)!important;box-shadow:0 28px 65px rgba(0,0,0,.35),0 0 35px rgba(85,110,255,.06)!important}
.tool-card .tool-icon{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-color:rgba(255,255,255,.09)}
.card-tag{background:rgba(255,255,255,.025)}
.status-panel{background:linear-gradient(120deg,rgba(7,18,29,.9),rgba(20,8,30,.88))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 25px 80px rgba(0,0,0,.32)}
.status-items div{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-color:rgba(255,255,255,.075)}
footer{border-color:rgba(255,255,255,.08)!important}

/* Developer information drawer */
.info-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden;transition:visibility .3s}.info-drawer.open{pointer-events:auto;visibility:visible}
.drawer-backdrop{position:absolute;inset:0;background:rgba(0,2,8,.64);backdrop-filter:blur(8px);opacity:0;transition:.3s}.info-drawer.open .drawer-backdrop{opacity:1}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(470px,94vw);overflow:auto;padding:28px 22px 24px;background:linear-gradient(155deg,#071322 0%,#0b0820 48%,#16071a 100%);border-left:1px solid rgba(255,255,255,.11);box-shadow:-35px 0 100px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .42s cubic-bezier(.22,1,.36,1)}.info-drawer.open .drawer-panel{transform:translateX(0)}
.drawer-panel:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:linear-gradient(180deg,var(--cyan),var(--blue),var(--violet),var(--pink));box-shadow:0 0 24px rgba(84,166,255,.5)}
.drawer-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.05);color:#fff;font-size:27px;line-height:1;cursor:pointer}.drawer-close:hover{background:rgba(255,255,255,.1)}
.drawer-head{display:flex;align-items:center;gap:15px;padding:18px 45px 20px 5px}.profile-wrap{width:76px;height:76px;flex:0 0 76px;position:relative}.profile-wrap img,.profile-fallback{width:76px;height:76px;border-radius:24px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 35px rgba(77,149,255,.22)}.profile-fallback{display:none;place-items:center;background:linear-gradient(145deg,#5deeff,#5c72ff 55%,#ba5cff);color:#06101b;font:800 22px "Space Grotesk"}.profile-status{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#55f2b5;border:3px solid #0b0b1a;box-shadow:0 0 15px #55f2b5}.drawer-head h2{margin:5px 0 3px;font:700 25px "Space Grotesk"}.drawer-head p{margin:0;color:#8f9ab2;font-size:11px}
.drawer-links{display:grid;gap:9px}.drawer-link{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.25s}.drawer-link:hover{transform:translateX(-3px);border-color:rgba(82,202,255,.28);background:linear-gradient(120deg,rgba(53,231,255,.08),rgba(160,92,255,.06))}.drawer-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(53,231,255,.14),rgba(155,92,255,.16));font-size:18px;color:#a8f5ff}.drawer-link b{display:block;font-size:12px}.drawer-link small{display:block;margin-top:3px;color:#7f8aa2;font-size:10px}.drawer-link em{font-style:normal;color:#8da2c5;font-size:18px}
.drawer-section{margin-top:22px}.drawer-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.drawer-section-title>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(155,92,255,.12);color:#caa9ff}.drawer-section-title b{display:block;font:700 13px "Space Grotesk"}.drawer-section-title small{display:block;color:#77839b;font-size:9px;margin-top:2px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-grid span{padding:10px 7px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);font-size:10px;color:#aeb9ce}
.playlist-card{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(100deg,rgba(35,210,255,.07),rgba(160,80,255,.08))}.playlist-art{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#35e7ff,#6675ff,#b65cff);font:800 20px "Space Grotesk";color:#07101c}.playlist-card>div:nth-child(2){flex:1}.playlist-card b{display:block;font-size:11px}.playlist-card small{display:block;color:#78849c;font-size:9px;margin-top:3px}.playlist-card button{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(145deg,#36dff5,#875cff);color:#fff;cursor:pointer}
.project-list{display:grid;gap:7px}.project-list>div{display:grid;grid-template-columns:10px 1fr;column-gap:9px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.project-dot{grid-row:span 2;width:7px;height:7px;margin-top:5px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 10px rgba(53,231,255,.45)}.project-list b{font-size:10px}.project-list small{font-size:9px;color:#77839b;margin-top:2px}.drawer-footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);color:#68758d;font-size:8px;letter-spacing:.15em}
@keyframes auroraShift{50%{transform:translate3d(2%,1%,0) scale(1.04)}100%{transform:translate3d(-2%,2%,0) scale(1.08)}}
@media(max-width:850px){.desktop-nav{display:none}.topbar{width:calc(100% - 20px)}.hero.rimuru-hero{min-height:660px}.featured-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){main{width:calc(100% - 20px)}.hero.rimuru-hero{padding:40px 22px 90px;border-radius:27px}.hero.rimuru-hero h1{font-size:clamp(48px,15vw,70px)}.hero.rimuru-hero p{font-size:13px}.featured-grid,.tools-grid{grid-template-columns:1fr}.section-head h2{font-size:25px}.music-toggle{width:43px;height:43px;justify-content:center;padding:0}.menu-btn{width:43px;height:43px}.drawer-panel{width:100%;padding-left:17px;padding-right:17px}.mini-grid{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   RIMURU PRISM UI v1.8.1 — COLOR / MOBILE WEBVIEW FIX
   ========================================================= */
:root{
  --cyan:#28e6ff;
  --blue:#4f8cff;
  --violet:#9a5cff;
  --pink:#ff5fc8;
  --mint:#36e0b5;
  --gold:#ffc857;
  --ink:#050816;
}

/* Prevent Android/WebView from rendering the gradient text span as a solid rectangle. */
.hero.rimuru-hero h1 span{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#6eeaff !important;
  color:#6eeaff !important;
  text-shadow:
    0 0 10px rgba(40,230,255,.28),
    0 0 28px rgba(154,92,255,.18);
}

body{
  background:
    radial-gradient(700px 420px at 5% 8%,rgba(40,230,255,.13),transparent 62%),
    radial-gradient(680px 460px at 96% 18%,rgba(154,92,255,.16),transparent 60%),
    radial-gradient(600px 440px at 72% 78%,rgba(255,95,200,.10),transparent 60%),
    radial-gradient(520px 360px at 18% 88%,rgba(54,224,181,.08),transparent 62%),
    linear-gradient(145deg,#030611 0%,#07111f 42%,#0b0719 72%,#04060e 100%) !important;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 25% 18%,rgba(40,230,255,.06),transparent 18%),
    radial-gradient(circle at 76% 36%,rgba(255,95,200,.05),transparent 20%),
    radial-gradient(circle at 45% 85%,rgba(255,200,87,.035),transparent 18%);
}
.ambient-a{background:var(--cyan)!important;opacity:.20!important}
.ambient-b{background:var(--pink)!important;opacity:.16!important}

.topbar{
  background:linear-gradient(100deg,rgba(5,14,25,.88),rgba(14,8,30,.88),rgba(8,17,28,.86)) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 14px 50px rgba(0,0,0,.28),0 0 35px rgba(79,140,255,.06);
}
.topbar:after{
  content:"";
  position:absolute;
  left:16%;right:16%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--pink),transparent);
  opacity:.6;
  pointer-events:none;
}

.hero.rimuru-hero{
  background:
    linear-gradient(105deg,rgba(3,13,23,.98) 0%,rgba(4,12,24,.84) 37%,rgba(18,8,31,.45) 68%,rgba(4,8,17,.70) 100%),
    radial-gradient(circle at 72% 28%,rgba(40,230,255,.23),transparent 25%),
    radial-gradient(circle at 86% 74%,rgba(255,95,200,.18),transparent 27%),
    radial-gradient(circle at 45% 100%,rgba(154,92,255,.17),transparent 32%) !important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 35px 110px rgba(0,0,0,.52),0 0 90px rgba(79,140,255,.09),0 0 70px rgba(255,95,200,.035);
}
.hero.rimuru-hero:before{
  background:linear-gradient(115deg,rgba(40,230,255,.22),transparent 24%,transparent 55%,rgba(154,92,255,.18) 78%,rgba(255,95,200,.20)) !important;
}
.banner-shade{
  background:
    linear-gradient(90deg,rgba(2,8,15,.98) 0%,rgba(2,8,15,.78) 40%,rgba(3,8,16,.22) 72%,rgba(2,6,13,.65) 100%),
    linear-gradient(180deg,rgba(4,13,24,.06),rgba(3,7,14,.82)) !important;
}

.btn-primary{
  background:linear-gradient(100deg,var(--cyan),var(--blue) 48%,var(--violet) 78%,var(--pink)) !important;
  color:#fff!important;
  box-shadow:0 14px 38px rgba(79,140,255,.23),0 0 25px rgba(40,230,255,.08)!important;
}
.btn-primary:hover{box-shadow:0 18px 48px rgba(154,92,255,.30),0 0 35px rgba(40,230,255,.12)!important}
.btn-ghost{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.12)!important}

.search-box{
  background:linear-gradient(100deg,rgba(6,18,29,.90),rgba(20,8,33,.88),rgba(9,15,28,.88))!important;
  border-color:rgba(255,255,255,.11)!important;
}
.search-box:focus-within{border-color:rgba(40,230,255,.45)!important;box-shadow:0 0 35px rgba(40,230,255,.10),0 20px 70px rgba(0,0,0,.3)!important}

.category{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.085)!important}
.category.active{background:linear-gradient(100deg,var(--cyan),var(--blue),var(--violet))!important}
.category:nth-child(3).active{background:linear-gradient(100deg,#4f8cff,#8d5cff,#d65cff)!important}
.category:nth-child(4).active{background:linear-gradient(100deg,#27d8c1,#2b9cff,#557cff)!important}
.category:nth-child(5).active{background:linear-gradient(100deg,#9a5cff,#e85ac9,#ff719d)!important}
.category:nth-child(6).active{background:linear-gradient(100deg,#2edfc2,#4b9cff,#8a68ff)!important}
.category:nth-child(7).active{background:linear-gradient(100deg,#ffad4a,#ff6d7d,#d75cff)!important}
.category:nth-child(8).active{background:linear-gradient(100deg,#ffc857,#ff8b5b,#ef5cae)!important}
.category:nth-child(9).active{background:linear-gradient(100deg,#35c9ff,#667bff,#b35cff)!important}

.featured-card,.tool-card,.status-panel{
  background:linear-gradient(145deg,rgba(8,17,31,.91),rgba(18,8,31,.88))!important;
  border-color:rgba(255,255,255,.09)!important;
}
.featured-card:nth-child(1){
  background:linear-gradient(145deg,rgba(5,28,39,.94),rgba(10,10,28,.92))!important;
}
.featured-card:nth-child(2){
  background:linear-gradient(145deg,rgba(15,13,38,.94),rgba(38,8,30,.90))!important;
}
.featured-card:before,.tool-card:before{
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--pink))!important;
}
.featured-card:nth-child(2):before{background:linear-gradient(90deg,var(--gold),#ff7a70,var(--pink),var(--violet))!important}

.tool-card:nth-child(4n+1):before{background:linear-gradient(90deg,var(--cyan),var(--blue))!important}
.tool-card:nth-child(4n+2):before{background:linear-gradient(90deg,var(--violet),var(--pink))!important}
.tool-card:nth-child(4n+3):before{background:linear-gradient(90deg,var(--mint),var(--blue))!important}
.tool-card:nth-child(4n):before{background:linear-gradient(90deg,var(--gold),#ff7c66,var(--pink))!important}
.tool-card:hover{border-color:rgba(255,255,255,.18)!important;box-shadow:0 28px 65px rgba(0,0,0,.38),0 0 40px rgba(79,140,255,.07)!important}

.tool-card[data-category="ai"] .tool-icon{color:#5ceaff!important}
.tool-card[data-category="downloader"] .tool-icon{color:#72a4ff!important}
.tool-card[data-category="music"] .tool-icon{color:#53e7c9!important}
.tool-card[data-category="anime"] .tool-icon{color:#d18aff!important}
.tool-card[data-category="image"] .tool-icon{color:#69d7ff!important}
.tool-card[data-category="maker"] .tool-icon{color:#ff9dca!important}
.tool-card[data-category="tools"] .tool-icon{color:#ffd166!important}
.tool-card[data-category="developer"] .tool-icon{color:#86b6ff!important}

.status-panel{background:linear-gradient(120deg,rgba(6,20,31,.91),rgba(22,8,35,.89),rgba(8,20,27,.90))!important}
.status-items div:nth-child(1){border-color:rgba(40,230,255,.14)}
.status-items div:nth-child(2){border-color:rgba(154,92,255,.14)}
.status-items div:nth-child(3){border-color:rgba(54,224,181,.14)}

.info-drawer .drawer-panel{
  background:
    radial-gradient(500px 300px at 0% 0%,rgba(40,230,255,.10),transparent 65%),
    radial-gradient(500px 320px at 100% 40%,rgba(255,95,200,.10),transparent 65%),
    linear-gradient(155deg,#061321 0%,#0b0920 50%,#17091b 100%) !important;
}
.info-drawer .drawer-link:nth-child(1) .drawer-icon{color:#72b7ff;background:linear-gradient(145deg,rgba(79,140,255,.16),rgba(154,92,255,.15))}
.info-drawer .drawer-link:nth-child(2) .drawer-icon{color:#55e5c4;background:linear-gradient(145deg,rgba(54,224,181,.15),rgba(40,230,255,.13))}
.info-drawer .drawer-link:hover{border-color:rgba(255,255,255,.18)!important}
.playlist-card{background:linear-gradient(100deg,rgba(40,230,255,.08),rgba(154,92,255,.10),rgba(255,95,200,.07))!important}
.project-list>div:nth-child(1){border-color:rgba(40,230,255,.10)}
.project-list>div:nth-child(2){border-color:rgba(154,92,255,.10)}
.project-list>div:nth-child(3){border-color:rgba(255,200,87,.10)}

@media(max-width:560px){
  .hero.rimuru-hero{min-height:610px}
  .hero.rimuru-hero h1 span{-webkit-text-fill-color:#6eeaff!important;color:#6eeaff!important}
}


/* =========================================================
   RIMURU AURORA UI v1.9 — richer color system + drawer fix
   ========================================================= */
:root{
  --cyan:#28e7ff; --blue:#5b7cff; --violet:#9d5cff; --pink:#ff55c8;
  --mint:#35e0b1; --gold:#ffd166; --red:#ff6b7a;
}
body{
  background:
    radial-gradient(900px 620px at -8% -10%,rgba(40,231,255,.13),transparent 60%),
    radial-gradient(900px 650px at 108% 4%,rgba(157,92,255,.15),transparent 58%),
    radial-gradient(850px 700px at 50% 82%,rgba(255,85,200,.075),transparent 60%),
    linear-gradient(180deg,#02040b 0%,#060918 42%,#03050d 100%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
  background-image:radial-gradient(rgba(255,255,255,.55) .65px,transparent .8px);
  background-size:29px 29px;mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.ambient{opacity:.23;filter:blur(110px);mix-blend-mode:screen}
.ambient-a{background:#1de6ff!important;animation:auroraFloat 15s ease-in-out infinite alternate}
.ambient-b{background:#c14fff!important;animation:auroraFloat 18s ease-in-out infinite alternate-reverse}
.grid-overlay{opacity:.12;background-size:52px 52px}
.topbar{
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(105deg,rgba(5,14,25,.82),rgba(16,7,29,.76))!important;
  box-shadow:0 18px 70px rgba(0,0,0,.36),0 0 45px rgba(91,124,255,.06);
}
.topbar:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(90deg,rgba(40,231,255,.22),transparent 24%,rgba(157,92,255,.18) 65%,rgba(255,85,200,.2));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
.brand-mark{background:linear-gradient(145deg,#6df3ff,#5278ff 48%,#bd62ff)!important;box-shadow:0 0 25px rgba(40,231,255,.26),0 0 45px rgba(189,98,255,.13)!important}
.desktop-nav{gap:26px}
.desktop-nav a{color:#8792aa!important}
.desktop-nav a:hover{color:#fff!important}
.music-toggle{background:linear-gradient(100deg,rgba(41,226,255,.10),rgba(160,80,255,.16))!important;border-color:rgba(157,92,255,.3)!important}
.menu-btn{position:relative!important;z-index:2!important;border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(80,70,150,.10))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.22)!important}
.menu-btn:hover{border-color:rgba(40,231,255,.45)!important;box-shadow:0 0 28px rgba(40,231,255,.13)!important}
.hero.rimuru-hero{overflow:hidden!important;background:
 linear-gradient(105deg,rgba(2,8,17,.98) 0%,rgba(5,10,22,.82) 38%,rgba(9,5,23,.34) 74%,rgba(4,6,15,.74) 100%),
 radial-gradient(circle at 75% 35%,rgba(40,231,255,.20),transparent 27%),
 radial-gradient(circle at 90% 78%,rgba(255,85,200,.18),transparent 27%),
 linear-gradient(145deg,#061526,#080518)!important}
.hero.rimuru-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(40,231,255,.08) 48%,transparent 57%),radial-gradient(circle at 65% 18%,rgba(255,255,255,.12),transparent 2%);animation:heroSheen 8s ease-in-out infinite}
.hero.rimuru-hero h1 span{color:#72edff!important;text-shadow:0 0 18px rgba(40,231,255,.25),0 0 45px rgba(157,92,255,.18)!important}
.eyebrow{box-shadow:0 0 25px rgba(40,231,255,.08)}
.btn-primary{background:linear-gradient(100deg,#16dfff,#557cff 48%,#a955ff)!important;box-shadow:0 15px 45px rgba(84,109,255,.28),0 0 35px rgba(40,231,255,.08)!important}
.btn-ghost{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.12)!important}
.search-box{background:linear-gradient(100deg,rgba(6,17,29,.88),rgba(21,7,34,.86))!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 20px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035)}
.category-strip{gap:10px}
.category{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.category:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)!important}
.category.active{background:linear-gradient(100deg,#1cdcff,#6076ff 52%,#a855ff)!important;box-shadow:0 10px 32px rgba(87,108,255,.25)!important}
.section-kicker{color:#6fdef0!important;letter-spacing:.18em}
.section-head{border-bottom:1px solid rgba(255,255,255,.045);padding-bottom:13px}
.featured-card{background:linear-gradient(135deg,rgba(7,19,32,.94),rgba(20,6,32,.92))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 25px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)!important}
.featured-card:nth-child(2){background:linear-gradient(135deg,rgba(13,10,37,.94),rgba(34,7,28,.92))!important}
.featured-card:before,.tool-card:before{height:3px!important;opacity:.9!important;filter:blur(.1px);box-shadow:0 0 18px currentColor}
.tool-card{background:linear-gradient(145deg,rgba(8,15,29,.93),rgba(20,7,31,.92))!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 16px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important}
.tool-card:nth-child(3n+1){background:linear-gradient(145deg,rgba(5,22,33,.94),rgba(15,8,31,.92))!important}
.tool-card:nth-child(3n+2){background:linear-gradient(145deg,rgba(13,9,34,.94),rgba(26,7,30,.92))!important}
.tool-card:nth-child(3n){background:linear-gradient(145deg,rgba(7,23,28,.94),rgba(25,11,23,.92))!important}
.tool-card:hover{transform:translateY(-8px)!important;border-color:rgba(122,180,255,.28)!important;box-shadow:0 30px 70px rgba(0,0,0,.38),0 0 40px rgba(70,100,255,.07)!important}
.tool-card .tool-icon{box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.08)}
.tool-card h3{color:#f6f8ff}
.card-tag{background:linear-gradient(100deg,rgba(40,231,255,.06),rgba(157,92,255,.08))!important;border-color:rgba(255,255,255,.075)!important}
.status-panel{background:linear-gradient(125deg,rgba(5,18,30,.92),rgba(24,7,34,.9))!important}
.info-drawer{z-index:200!important}
.drawer-backdrop{background:rgba(1,3,10,.72)!important;backdrop-filter:blur(14px)!important}
.drawer-panel{background:
 radial-gradient(500px 360px at 0% 0%,rgba(40,231,255,.12),transparent 60%),
 radial-gradient(520px 420px at 100% 35%,rgba(157,92,255,.14),transparent 62%),
 linear-gradient(155deg,#061322 0%,#0a071b 48%,#160719 100%)!important}
.drawer-link{background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(157,92,255,.055))!important;border-color:rgba(255,255,255,.08)!important}
.drawer-link:hover{transform:translateX(-3px);border-color:rgba(40,231,255,.25)!important;background:linear-gradient(110deg,rgba(40,231,255,.08),rgba(157,92,255,.09))!important}
.drawer-section{border-color:rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018);border-radius:18px;padding:15px;margin-top:12px}
.playlist-card{background:linear-gradient(105deg,rgba(40,231,255,.08),rgba(157,92,255,.12))!important;border-color:rgba(255,255,255,.08)!important}
.mini-grid span{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important}
.project-list>div{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);border-radius:13px;padding:10px}
footer{border-top-color:rgba(255,255,255,.07)!important}
@keyframes auroraFloat{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}100%{transform:translate3d(-1%,5%,0) scale(.96)}}
@keyframes heroSheen{0%,100%{opacity:.15;transform:translateX(-3%)}50%{opacity:.5;transform:translateX(3%)}}
@media(max-width:850px){.topbar{backdrop-filter:blur(24px)}.hero.rimuru-hero{min-height:650px}.featured-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{margin-top:10px}.hero.rimuru-hero{min-height:650px}.category-strip{overflow-x:auto;padding-bottom:18px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category{flex:0 0 auto}.tool-card{min-height:205px}.drawer-panel{width:100%}}

/* ===== RIMURU AURORA 2.0 — PREMIUM UI OVERRIDES ===== */
:root{
  --bg:#05070d;--panel:rgba(12,16,29,.72);--panel2:rgba(17,22,39,.84);
  --text:#f7f8ff;--muted:#98a1b8;--line:rgba(255,255,255,.10);
  --cyan:#43e8ff;--blue:#6687ff;--violet:#a66cff;--pink:#ff62b4;--mint:#59f0bd;--gold:#ffd36a;
  --shadow:0 24px 80px rgba(0,0,0,.38);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 500px at 10% -5%,rgba(67,232,255,.10),transparent 60%),
    radial-gradient(850px 520px at 100% 12%,rgba(166,108,255,.11),transparent 60%),
    radial-gradient(800px 600px at 50% 100%,rgba(255,98,180,.07),transparent 65%),var(--bg);
  color:var(--text);overflow-x:hidden;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.aurora{position:fixed;width:40vw;height:40vw;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none;z-index:-2;animation:auroraFloat 16s ease-in-out infinite}
.aurora-1{background:var(--cyan);left:-15vw;top:20vh}.aurora-2{background:var(--violet);right:-14vw;top:42vh;animation-delay:-5s}.aurora-3{background:var(--pink);left:35vw;bottom:-25vw;animation-delay:-10s}
@keyframes auroraFloat{50%{transform:translate(5vw,-4vh) scale(1.12)}}
.topbar{
  background:rgba(5,7,13,.68)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 40px rgba(0,0,0,.12)
}
.brand{gap:12px!important}.brand-mark{
  border-radius:13px!important;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink))!important;
  box-shadow:0 0 30px rgba(102,135,255,.28);border:1px solid rgba(255,255,255,.18)!important
}
.desktop-nav a{color:#aeb7cc!important;transition:.25s}.desktop-nav a:hover{color:#fff!important}
.music-toggle,.menu-btn{background:rgba(255,255,255,.045)!important;border:1px solid var(--line)!important;backdrop-filter:blur(15px);transition:.25s}
.music-toggle:hover,.menu-btn:hover{border-color:rgba(67,232,255,.45)!important;box-shadow:0 0 24px rgba(67,232,255,.12);transform:translateY(-1px)}
.menu-btn{position:relative;z-index:100}
.rimuru-hero{
  min-height:660px!important;border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:var(--shadow);background:linear-gradient(125deg,rgba(6,16,27,.82),rgba(22,11,37,.58))!important;overflow:hidden
}
.rimuru-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,14,.93) 0%,rgba(4,7,14,.64) 44%,rgba(4,7,14,.15) 100%);z-index:1;pointer-events:none}
.banner-shade{z-index:2!important;background:linear-gradient(0deg,rgba(5,7,13,.88),transparent 35%,rgba(5,7,13,.12))!important}
.banner-particles{z-index:3!important}
.hero-copy{z-index:4!important;max-width:700px!important}
.eyebrow{border:1px solid rgba(67,232,255,.22)!important;background:rgba(67,232,255,.06)!important;color:#c9faff!important;box-shadow:inset 0 0 20px rgba(67,232,255,.04)}
.hero-copy h1{font-size:clamp(3.6rem,9vw,7rem)!important;line-height:.88!important;letter-spacing:-.065em!important;text-shadow:0 12px 60px rgba(0,0,0,.45)}
.hero-copy h1 span{
  background:linear-gradient(90deg,var(--cyan) 0%,#87a0ff 35%,var(--violet) 58%,var(--pink) 84%,var(--gold) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  -webkit-text-fill-color:transparent!important
}
.developer-credit strong{color:#fff!important}
.hero-actions .btn{border-radius:14px!important}
.btn-primary{background:linear-gradient(110deg,var(--cyan),var(--blue) 48%,var(--violet))!important;color:#05070d!important;box-shadow:0 12px 36px rgba(67,232,255,.18)!important}
.btn-primary:hover{box-shadow:0 16px 50px rgba(166,108,255,.28)!important;transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.045)!important;border:1px solid var(--line)!important}
.hero-metrics{position:absolute;right:5%;bottom:7%;z-index:5;display:flex;gap:10px}
.hero-metrics div{min-width:88px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);background:rgba(6,9,18,.54);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.24)}
.hero-metrics b{display:block;font:700 1.15rem "Space Grotesk",sans-serif}.hero-metrics span{font-size:.67rem;color:#9099af;text-transform:uppercase;letter-spacing:.12em}
.hero-core{z-index:4!important;filter:drop-shadow(0 30px 70px rgba(102,135,255,.25))}
.search-wrap{position:sticky!important;top:68px;z-index:20;padding:18px 0!important}
.search-box{
  background:rgba(10,14,26,.78)!important;border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.25)!important;backdrop-filter:blur(20px);border-radius:18px!important
}
.search-box:focus-within{border-color:rgba(67,232,255,.42)!important;box-shadow:0 0 0 4px rgba(67,232,255,.06),0 18px 55px rgba(0,0,0,.3)!important}
.search-accent{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:5px;background:linear-gradient(var(--cyan),var(--violet),var(--pink));box-shadow:0 0 14px rgba(67,232,255,.5)}
.category-strip{gap:9px!important;position:relative}
.category{
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;color:#aeb6ca!important;
  transition:.22s!important;border-radius:13px!important
}
.category:hover{color:#fff!important;border-color:rgba(255,255,255,.2)!important;transform:translateY(-1px)}
.category.active{background:linear-gradient(120deg,rgba(67,232,255,.14),rgba(166,108,255,.13))!important;color:#fff!important;border-color:rgba(67,232,255,.35)!important;box-shadow:0 8px 26px rgba(67,232,255,.08)}
.section-head{margin-top:46px!important}.section-kicker{color:#7f8aa5!important;letter-spacing:.18em!important}
.section-head h2,.status-title h2{font-family:"Space Grotesk",sans-serif!important;letter-spacing:-.03em}
.featured-grid{gap:16px!important}
.featured-card{
  border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(135deg,rgba(15,20,35,.88),rgba(9,12,22,.7))!important;
  border-radius:24px!important;box-shadow:var(--shadow)!important;overflow:hidden;transition:.3s!important
}
.featured-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)!important}
.featured-ai{box-shadow:inset 0 1px rgba(67,232,255,.18),var(--shadow)!important}
.featured-dl{box-shadow:inset 0 1px rgba(255,98,180,.18),var(--shadow)!important}
.featured-card .tool-icon{background:linear-gradient(135deg,rgba(67,232,255,.16),rgba(166,108,255,.16))!important;border:1px solid rgba(255,255,255,.08);border-radius:15px}
.tools-grid{gap:13px!important}
.tool-card{
  position:relative;background:linear-gradient(145deg,rgba(16,21,37,.86),rgba(9,12,22,.72))!important;
  border:1px solid rgba(255,255,255,.085)!important;border-radius:19px!important;box-shadow:0 10px 35px rgba(0,0,0,.16)!important;
  overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s!important
}
.tool-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));opacity:.42}
.tool-card:after{content:"";position:absolute;width:100px;height:100px;right:-55px;top:-55px;border-radius:50%;background:rgba(67,232,255,.10);filter:blur(25px);pointer-events:none}
.tool-card:nth-child(3n):before{background:linear-gradient(90deg,var(--violet),var(--pink))}
.tool-card:nth-child(3n+2):before{background:linear-gradient(90deg,var(--mint),var(--cyan))}
.tool-card:nth-child(5n):before{background:linear-gradient(90deg,var(--gold),var(--pink))}
.tool-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.19)!important;box-shadow:0 20px 55px rgba(0,0,0,.3)!important}
.tool-icon{border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)}
.tool-card h3{font-family:"Space Grotesk",sans-serif!important}
.card-tag{color:#8e99b1!important}
.card-open{border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.045)!important;border-radius:11px!important;transition:.22s!important}
.tool-card:hover .card-open{background:rgba(67,232,255,.12)!important;border-color:rgba(67,232,255,.28)!important;color:#fff!important;transform:translateX(3px)}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 8px}
.quick-stats>div{position:relative;padding:17px 18px;border-radius:18px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.quick-stats>div:after{content:"";position:absolute;inset:auto -20px -40px auto;width:90px;height:90px;border-radius:50%;filter:blur(25px);background:var(--cyan);opacity:.11}
.quick-stats>div:nth-child(2):after{background:var(--pink)}.quick-stats>div:nth-child(3):after{background:var(--gold)}.quick-stats>div:nth-child(4):after{background:var(--mint)}
.quick-stats span{display:block;font-size:1.2rem;margin-bottom:8px}.quick-stats b{display:block;font-size:.82rem;letter-spacing:.12em}.quick-stats small{color:#747e96;font-size:.72rem}
.recent-panel,.status-panel,.cta-panel{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(135deg,rgba(15,20,35,.76),rgba(9,12,22,.65))!important;border-radius:24px!important;box-shadow:var(--shadow)!important}
.recent-panel{margin-top:42px;padding:24px}.recent-panel .status-title{display:flex;gap:14px;align-items:flex-start}
.recent-panel h2{margin:.2rem 0 .35rem;font-family:"Space Grotesk",sans-serif}.recent-panel p{margin:0;color:#7e879c;font-size:.84rem}
.recent-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.recent-item{padding:11px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);cursor:pointer;transition:.2s}.recent-item:hover{border-color:rgba(67,232,255,.3);transform:translateY(-2px)}.recent-item b{display:block;font-size:.82rem}.recent-item small{color:#707b92}.recent-empty{color:#667088;font-size:.82rem}
.status-panel{margin-top:18px!important}
.cta-panel{margin-top:52px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.cta-panel:before{content:"";position:absolute;inset:-60% 35% auto -10%;height:220px;background:linear-gradient(90deg,rgba(67,232,255,.16),rgba(166,108,255,.12),transparent);filter:blur(45px)}
.cta-panel h2{font:700 clamp(1.5rem,3vw,2.4rem) "Space Grotesk",sans-serif;margin:8px 0}.cta-panel p{color:#7f899f;margin:0;max-width:600px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;z-index:1}.cta-actions a{padding:12px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font-weight:700;font-size:.84rem;transition:.2s}.cta-actions a:hover{transform:translateY(-2px);border-color:rgba(67,232,255,.3);background:rgba(67,232,255,.07)}
footer{border-top:1px solid rgba(255,255,255,.08)!important;color:#7e879c!important;margin-top:32px!important}
.info-drawer{z-index:200!important}.drawer-panel{background:linear-gradient(160deg,#0c1020,#080b14 65%,#101326)!important;border-left:1px solid rgba(255,255,255,.10)!important;box-shadow:-25px 0 80px rgba(0,0,0,.45)!important}
.drawer-link{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;transition:.2s!important}
.drawer-link:hover{transform:translateX(-3px);border-color:rgba(67,232,255,.28)!important;background:rgba(67,232,255,.05)!important}
.modal{z-index:300!important}.modal-card{background:linear-gradient(145deg,#101528,#080b14)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 35px 100px rgba(0,0,0,.58)!important;border-radius:24px!important}
.tool-input,.tool-run textarea,.tool-run select{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:13px!important}
.output{background:#050811!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important}
@media(max-width:760px){
  .desktop-nav{display:none!important}.topbar{padding:10px 14px!important}
  .rimuru-hero{min-height:590px!important}.hero-copy{padding:30px 20px!important}.hero-copy h1{font-size:clamp(3.2rem,18vw,5rem)!important}
  .hero-metrics{left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-metrics div{min-width:0;text-align:center;padding:10px 7px}
  .hero-core{opacity:.34;right:-40px!important}.quick-stats{grid-template-columns:repeat(2,1fr)}
  .search-wrap{top:58px}.category-strip{overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.category{flex:0 0 auto}
  .featured-grid{grid-template-columns:1fr!important}.tools-grid{grid-template-columns:1fr!important}
  .cta-panel{display:block;padding:24px}.cta-actions{margin-top:18px}.recent-panel{padding:20px}
}

/* v2.1 — smooth banner playback + premium first-load screen */
.page-loader{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  overflow:hidden;background:
    radial-gradient(circle at 50% 42%,rgba(62,224,255,.12),transparent 25%),
    radial-gradient(circle at 25% 80%,rgba(153,91,255,.11),transparent 30%),
    linear-gradient(145deg,#03070e,#060b15 55%,#080611);
  transition:opacity .55s ease,visibility .55s ease;
}
.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.loader-aura{position:absolute;width:460px;height:460px;border-radius:50%;background:conic-gradient(from 90deg,transparent,#4de7ff,#9d6cff,#ff62b4,#68f7c1,transparent);filter:blur(70px);opacity:.16;animation:loaderSpin 12s linear infinite}
.loader-orbit{position:absolute;border:1px solid rgba(105,230,255,.18);border-radius:50%;transform:rotate(-20deg);animation:loaderOrbit 5s linear infinite}
.loader-orbit-a{width:230px;height:72px}.loader-orbit-b{width:290px;height:96px;border-color:rgba(177,115,255,.15);transform:rotate(55deg);animation-duration:7s;animation-direction:reverse}
.loader-core{position:relative;width:82px;height:82px;border-radius:27px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(86,232,255,.18),rgba(142,91,255,.16));border:1px solid rgba(255,255,255,.15);box-shadow:0 0 50px rgba(67,232,255,.18),inset 0 0 35px rgba(255,255,255,.04);animation:loaderFloat 2.3s ease-in-out infinite}
.loader-core:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(95,229,255,.22);border-radius:31px;animation:loaderPulse 1.8s ease-in-out infinite}
.loader-core span{font:800 2.3rem/1 "Space Grotesk",sans-serif;background:linear-gradient(135deg,#fff,#6deaff,#a778ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.loader-brand{position:absolute;top:calc(50% + 70px);text-align:center;display:flex;flex-direction:column;gap:7px;letter-spacing:.08em}
.loader-brand strong{font:800 1rem/1.2 "Space Grotesk",sans-serif;color:#f7fbff}.loader-brand strong span{color:#68eaff}.loader-brand small{font:600 .58rem/1 Inter,sans-serif;color:#707b91;letter-spacing:.2em}
.loader-progress{position:absolute;top:calc(50% + 126px);width:min(280px,62vw);height:3px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.loader-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55e8ff,#8878ff,#ff6db5);box-shadow:0 0 18px rgba(76,226,255,.55);transition:width .16s ease}
.loader-status{position:absolute;top:calc(50% + 143px);width:min(280px,62vw);display:flex;align-items:center;gap:7px;color:#6f7b91;font-size:.62rem}.loader-status b{margin-left:auto;color:#8792aa;font-weight:700}.loader-dot{width:5px;height:5px;border-radius:50%;background:#65eaff;box-shadow:0 0 10px #65eaff;animation:loaderDot 1s ease-in-out infinite}
@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderOrbit{to{transform:rotate(340deg)}}@keyframes loaderFloat{50%{transform:translateY(-5px) scale(1.02)}}@keyframes loaderPulse{50%{transform:scale(1.08);opacity:.35}}@keyframes loaderDot{50%{opacity:.35;transform:scale(.7)}}

/* Reduce decoding/render pressure on the banner without removing the video. */
.banner-video{will-change:auto;backface-visibility:hidden;transform:translateZ(0);contain:paint;object-position:center center}
@media(max-width:760px){
  .banner-video{object-position:62% center}
  .page-loader .loader-core{width:72px;height:72px}
  .loader-brand{top:calc(50% + 63px)}.loader-progress{top:calc(50% + 116px)}.loader-status{top:calc(50% + 133px)}
}

/* v2.2 — Nexus experience layer */
:root{--cyan:#52e9ff;--violet:#9b7cff;--pink:#ff68b7;--mint:#63f3c2;--gold:#ffd36a;--blue:#5d8dff;--glass:rgba(12,17,30,.72)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(82,233,255,.055),transparent 22%),radial-gradient(circle at 90% 35%,rgba(255,104,183,.045),transparent 25%),radial-gradient(circle at 50% 95%,rgba(99,243,194,.035),transparent 25%)}
.topbar{box-shadow:0 14px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important}
.topbar:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--pink),transparent);opacity:.35}
.music-toggle{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:12px;color:#aab4c8;padding:9px 11px;cursor:pointer;transition:.2s}.music-toggle:hover{color:#fff;border-color:rgba(82,233,255,.3);background:rgba(82,233,255,.06)}
.hero{position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:10% 0 4%;pointer-events:none;border:1px solid rgba(255,255,255,.035);border-radius:34px;box-shadow:inset 0 0 80px rgba(82,233,255,.025)}
.hero-copy{position:relative;z-index:2}.hero-copy h1{filter:drop-shadow(0 10px 35px rgba(92,130,255,.12))}.hero-metrics{position:relative;z-index:3}
.quick-stats>div{transition:.28s transform,.28s border-color,.28s background;cursor:pointer}.quick-stats>div:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.quick-stats>div:nth-child(1){--q:#63eaff}.quick-stats>div:nth-child(2){--q:#ff6db8}.quick-stats>div:nth-child(3){--q:#ffd36a}.quick-stats>div:nth-child(4){--q:#63f3c2}.quick-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--q);opacity:.65;box-shadow:0 0 20px var(--q)}
.search-wrap{position:relative;z-index:10}.search-box{position:relative;overflow:hidden}.search-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(82,233,255,.04),transparent 70%);transform:translateX(-100%);animation:searchSheen 7s ease-in-out infinite}.search-box:focus-within{border-color:rgba(82,233,255,.28);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 4px rgba(82,233,255,.035)}
.category{backdrop-filter:blur(10px)}.category:nth-child(2).active{box-shadow:0 0 25px rgba(155,124,255,.14)}.category:nth-child(3).active{box-shadow:0 0 25px rgba(93,141,255,.14)}.category:nth-child(4).active{box-shadow:0 0 25px rgba(255,104,183,.14)}
.featured-card{min-height:250px!important;overflow:hidden;transition:.3s transform,.3s border-color,.3s box-shadow!important}.featured-card:hover{transform:translateY(-6px)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 25px 70px rgba(0,0,0,.28)!important}.featured-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.035),transparent 65%);transform:translateX(-100%);transition:.6s}.featured-card:hover:after{transform:translateX(100%)}
.feature-orb{transition:.4s transform,.4s opacity}.featured-card:hover .feature-orb{transform:scale(1.08) rotate(-4deg);opacity:.9}
.tool-card{min-height:210px!important}.tool-card .tool-icon{transition:.28s transform,.28s box-shadow}.tool-card:hover .tool-icon{transform:translateY(-3px) rotate(-3deg);box-shadow:0 10px 28px rgba(82,233,255,.1)}
.card-open{width:38px;height:38px!important;display:grid;place-items:center}.card-open:hover{box-shadow:0 0 22px rgba(82,233,255,.12)}
.view-toggle{display:flex;gap:5px}.view{cursor:pointer}
.recent-item{min-width:150px}.recent-item:before{content:"↗";float:right;color:#68758d;font-size:11px}.recent-item:hover:before{color:var(--cyan)}
.status-items>div{position:relative;overflow:hidden}.status-items>div:after{content:"";position:absolute;right:-40px;top:-40px;width:90px;height:90px;border-radius:50%;background:var(--cyan);filter:blur(30px);opacity:.05}.status-items>div:nth-child(2):after{background:var(--violet)}.status-items>div:nth-child(3):after{background:var(--mint)}
.cta-panel{isolation:isolate}.cta-panel:after{content:"R";position:absolute;right:4%;top:-35px;font:900 170px/1 "Space Grotesk";color:rgba(255,255,255,.018);z-index:-1}
footer{padding-top:32px!important;padding-bottom:42px!important}
.info-drawer .drawer-panel{backdrop-filter:blur(24px)}
.drawer-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink),var(--gold));opacity:.65}
.drawer-link:hover .drawer-icon{transform:scale(1.08)}.drawer-icon{transition:.2s}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:9px;pointer-events:none}.toast{min-width:240px;max-width:min(360px,calc(100vw - 36px));padding:13px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(10,14,24,.9);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.38);display:flex;align-items:center;gap:10px;font-size:12px;animation:toastIn .28s ease}.toast .toast-mark{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(99,243,194,.1);color:var(--mint)}
.command-palette{position:fixed;inset:0;z-index:500;display:none;place-items:start center;padding-top:12vh;background:rgba(2,5,10,.62);backdrop-filter:blur(12px)}.command-palette.open{display:grid}.command-card{width:min(680px,calc(100% - 28px));border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(16,22,39,.97),rgba(7,10,18,.97));border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.55);overflow:hidden}.command-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.command-input span{font-size:20px;color:#8994aa}.command-input input{flex:1;border:0;outline:0;background:none;color:#fff;font-size:15px}.command-results{max-height:55vh;overflow:auto;padding:9px}.command-result{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:.18s}.command-result:hover,.command-result.active{background:rgba(82,233,255,.06)}.command-result .cr-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.command-result b{font-size:12px}.command-result small{display:block;color:#707b91;margin-top:3px}.command-hint{padding:10px 15px;border-top:1px solid rgba(255,255,255,.06);color:#657188;font-size:10px;display:flex;justify-content:space-between}.command-hint kbd{font-size:9px}
.favorites-section{margin-top:34px}.favorites-section[hidden]{display:none}.favorites-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.favorites-head h2{margin:4px 0;font:700 1.65rem "Space Grotesk"}.favorite-clear{background:none;border:0;color:#68758d;cursor:pointer;font-size:11px}.favorite-clear:hover{color:#ff7cbf}.favorite-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.favorite-item{padding:13px;border-radius:15px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);cursor:pointer}.favorite-item b{font-size:11px}.favorite-item small{display:block;color:#69758b;margin-top:5px}
.mobile-nav{display:none}.mobile-nav button{border:0;background:none;color:#707b91;display:grid;place-items:center;gap:3px;font-size:9px;cursor:pointer}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:#fff}.mobile-nav:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.35}
.category-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.hub-card{position:relative;min-height:92px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);overflow:hidden;cursor:pointer;transition:.25s}.hub-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15)}.hub-card b{display:block;font:700 14px "Space Grotesk"}.hub-card small{display:block;color:#6f7a90;margin-top:6px}.hub-card i{position:absolute;right:14px;top:12px;font-style:normal;font-size:22px;opacity:.7}.hub-card:after{content:"";position:absolute;width:90px;height:90px;right:-40px;bottom:-45px;border-radius:50%;background:var(--hub);filter:blur(20px);opacity:.22}
@keyframes searchSheen{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes toastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.music-toggle{padding:9px;width:42px}.music-toggle #musicLabel{display:none}.favorite-list{grid-template-columns:repeat(2,1fr)}.category-hub{grid-template-columns:repeat(2,1fr)}.mobile-nav{position:fixed;display:flex;left:10px;right:10px;bottom:10px;height:62px;padding:7px 14px;align-items:center;justify-content:space-around;background:rgba(7,11,19,.88);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(22px);z-index:120;box-shadow:0 20px 50px rgba(0,0,0,.4)}body{padding-bottom:76px}.toast-stack{bottom:82px;right:12px}.hero:after{inset:3% 0 2%;border-radius:25px}.cta-panel:after{font-size:100px}.command-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* =========================================================
   v2.5 — RIMURU AI NEXUS WORKSPACE + THEME STUDIO
   ========================================================= */
:root{--theme:#28e6ff;--theme2:#4f8cff;--theme3:#9a5cff;--theme4:#ff5fc8}
.theme-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:var(--theme);cursor:pointer;box-shadow:0 0 22px color-mix(in srgb,var(--theme) 12%,transparent);transition:.22s}.theme-btn:hover{transform:translateY(-2px);border-color:var(--theme)}
.theme-popover{position:fixed;top:78px;right:24px;width:min(340px,calc(100vw - 30px));padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(150deg,rgba(12,17,30,.97),rgba(8,10,20,.97));backdrop-filter:blur(24px);box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 40px color-mix(in srgb,var(--theme) 8%,transparent);z-index:250;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:.22s}.theme-popover.open{opacity:1;transform:none;pointer-events:auto}.theme-popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.theme-popover-head b{display:block;font:700 14px "Space Grotesk"}.theme-popover-head small{display:block;color:#707b91;font-size:9px;margin-top:3px}.theme-popover-head button{border:0;background:none;color:#8e9ab0;font-size:21px;cursor:pointer}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-grid button{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:13px;padding:9px 5px;color:#8792a8;font-size:9px;cursor:pointer;transition:.2s}.theme-grid button:hover,.theme-grid button.active{border-color:var(--sw);color:#fff;background:color-mix(in srgb,var(--sw) 9%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--sw) 14%,transparent)}.theme-grid i{display:block;width:24px;height:24px;margin:0 auto 6px;border-radius:50%;background:var(--sw);box-shadow:0 0 15px color-mix(in srgb,var(--sw) 50%,transparent)}.custom-theme{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;color:#8e99ad;font-size:10px}.custom-theme input{width:38px;height:25px;border:0;background:none;padding:0;cursor:pointer}
.ai-workspace{position:fixed;inset:0;z-index:600;display:none}.ai-workspace.open{display:block}.ai-backdrop{position:absolute;inset:0;background:rgba(1,3,9,.76);backdrop-filter:blur(10px)}.ai-shell{position:absolute;inset:18px;display:grid;grid-template-columns:292px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:#050811;box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 80px color-mix(in srgb,var(--theme) 8%,transparent)}.ai-sidebar{background:linear-gradient(180deg,#070b16,#060812);border-right:1px solid rgba(255,255,255,.075);padding:17px;display:flex;flex-direction:column;min-width:0}.ai-side-brand{display:flex;align-items:center;gap:10px}.ai-logo,.ai-welcome-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--theme),var(--theme2) 50%,var(--theme3));color:#fff;box-shadow:0 0 28px color-mix(in srgb,var(--theme) 24%,transparent)}.ai-logo{width:42px;height:42px;border-radius:13px;font:800 21px "Space Grotesk"}.ai-side-brand b{display:block;font:800 14px "Space Grotesk";letter-spacing:.04em}.ai-side-brand small{display:block;font-size:7px;letter-spacing:.2em;color:#66728b;margin-top:2px}.ai-side-brand>button{margin-left:auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#c8d0e1;font-size:19px;cursor:pointer}.ai-side-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-top:18px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.025)}.ai-side-tabs button{border:0;border-radius:10px;background:none;color:#69748a;padding:9px 5px;font-size:9px;cursor:pointer}.ai-side-tabs button.active{color:#bcd1ff;background:linear-gradient(100deg,rgba(71,102,255,.18),rgba(99,70,255,.10));box-shadow:0 0 20px rgba(70,100,255,.10)}.multimind{margin-top:9px;border:1px solid rgba(255,184,55,.15);border-radius:12px;background:rgba(255,171,37,.055);color:#e7b44d;padding:10px;text-align:left;font-size:9px;cursor:pointer}.multimind em{float:right;font-style:normal;border:1px solid rgba(255,190,60,.35);border-radius:5px;padding:1px 4px;font-size:6px}.ai-history-title{font-size:7px;letter-spacing:.24em;color:#4e586c;margin:28px 4px 12px}.ai-history{flex:1;color:#4f5a6f;text-align:center;font-size:9px;padding-top:16px}.ai-history-item{display:flex;gap:8px;text-align:left;padding:9px;border-radius:10px;color:#8490a6;cursor:pointer}.ai-history-item:hover{background:rgba(255,255,255,.035);color:#fff}.ai-side-bottom{display:grid;gap:8px}.ai-side-bottom>button{border:0;background:none;color:#657187;text-align:left;font-size:9px;padding:7px;cursor:pointer}.ai-side-bottom>button:first-child{border:1px solid rgba(154,92,255,.16);border-radius:12px;background:rgba(154,92,255,.06);color:#bda9ff}.ai-user{display:grid;grid-template-columns:38px 1fr 32px;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025)}.ai-user>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--theme),var(--theme2));font-weight:800;font-size:10px}.ai-user b{display:block;font-size:10px}.ai-user small{display:block;color:#6c788e;font-size:7px;margin-top:3px}.ai-user small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#39e69b;box-shadow:0 0 8px #39e69b}.ai-user>button{width:30px;height:30px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.03);color:#8e9ab0}.ai-main{position:relative;min-width:0;background:radial-gradient(700px 500px at 55% 35%,color-mix(in srgb,var(--theme3) 7%,transparent),transparent 65%),#040711;display:flex;flex-direction:column}.ai-topbar{height:62px;flex:0 0 62px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(4,7,15,.78);backdrop-filter:blur(18px)}.ai-mobile-menu{display:none}.ai-model{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:11px;padding:9px 11px;color:#bac4d6;font-size:10px;cursor:pointer}.model-dot{width:7px;height:7px;border-radius:50%;background:var(--theme);box-shadow:0 0 10px var(--theme)}.ai-top-actions{display:flex;align-items:center;gap:8px}.ai-mode-pill{font-size:8px;color:#9ba6bb;border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:999px}.ai-top-actions button{width:32px;height:32px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.03);color:#8d98ad;cursor:pointer}.ai-model-menu{position:absolute;left:15px;top:57px;width:250px;z-index:10;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(10,14,25,.97);backdrop-filter:blur(20px);box-shadow:0 25px 70px rgba(0,0,0,.5);display:none}.ai-model-menu.open{display:block}.ai-model-option{display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;cursor:pointer;color:#8f9bb0}.ai-model-option:hover,.ai-model-option.active{background:color-mix(in srgb,var(--theme) 8%,transparent);color:#fff}.ai-model-option i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.045);font-style:normal;font-size:10px}.ai-model-option b{font-size:10px}.ai-model-option small{display:block;color:#667188;font-size:7px;margin-top:2px}.ai-content{flex:1;min-height:0;overflow:auto}.ai-welcome{max-width:780px;margin:0 auto;padding:90px 28px 40px;text-align:center}.ai-welcome-logo{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;font:800 33px "Space Grotesk"}.ai-overline{font-size:7px;letter-spacing:.28em;color:#59647a}.ai-welcome h1{font:800 clamp(42px,7vw,68px)/1 "Space Grotesk";letter-spacing:.04em;margin:14px 0 10px}.ai-welcome h1 span{background:linear-gradient(100deg,var(--theme),var(--theme3),var(--theme4));-webkit-background-clip:text;background-clip:text;color:transparent}.ai-welcome>p{color:#68748a;font-size:12px}.ai-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0}.ai-suggestions button{border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#758198;padding:9px 12px;font-size:9px;cursor:pointer}.ai-suggestions button:hover{border-color:color-mix(in srgb,var(--theme) 30%,transparent);color:#cbd4e5}.ai-name-card{text-align:left;margin:20px auto 0;padding:17px;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.035),color-mix(in srgb,var(--theme3) 5%,transparent));box-shadow:0 25px 70px rgba(0,0,0,.25)}.ai-name-card>span{font-size:7px;letter-spacing:.2em;color:#566177}.ai-name-card h2{font:700 17px "Space Grotesk";margin:7px 0 3px}.ai-name-card p{font-size:8px;color:#667188;margin:0 0 12px}.ai-name-card>div{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-name-card input{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#e8edfa;padding:12px;outline:0}.ai-name-card input:focus{border-color:color-mix(in srgb,var(--theme) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 6%,transparent)}.ai-name-card button{border:0;border-radius:12px;padding:0 17px;background:linear-gradient(100deg,var(--theme),var(--theme2),var(--theme3));color:#fff;font-weight:800;font-size:9px;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--theme2) 18%,transparent)}.ai-chat-view{max-width:900px;margin:0 auto;padding:35px 28px 130px}.ai-chat-head{display:flex;justify-content:space-between;align-items:end}.ai-chat-head h2{font:700 25px "Space Grotesk";margin:7px 0}.ai-chat-head button{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#68748b;padding:7px 9px;font-size:8px;cursor:pointer}.ai-messages{display:grid;gap:13px;margin-top:25px}.ai-msg{display:flex;gap:9px;align-items:flex-start}.ai-msg.user{justify-content:flex-end}.ai-msg .avatar{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--theme),var(--theme2));font-size:9px;font-weight:800}.ai-msg .bubble{max-width:min(680px,78%);padding:12px 14px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.035);color:#aeb8ca;font-size:10px;line-height:1.65}.ai-msg.user .bubble{background:linear-gradient(120deg,color-mix(in srgb,var(--theme2) 16%,transparent),color-mix(in srgb,var(--theme3) 12%,transparent));color:#dce5f5}.ai-composer{padding:10px 28px 16px;background:linear-gradient(180deg,transparent,rgba(4,7,15,.94) 30%);position:relative}.ai-composer-mode{display:flex;gap:4px;margin:0 auto 8px;max-width:900px}.ai-composer-mode button{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:#59657a;border-radius:999px;padding:6px 10px;font-size:8px}.ai-composer-mode button.active{background:linear-gradient(100deg,var(--theme),var(--theme2));color:#fff}.ai-input-wrap{max-width:900px;margin:auto;display:flex;align-items:flex-end;gap:8px;padding:9px;border:1px solid color-mix(in srgb,var(--theme) 50%,rgba(255,255,255,.08));border-radius:19px;background:rgba(10,13,25,.88);box-shadow:0 0 35px color-mix(in srgb,var(--theme) 9%,transparent),inset 0 1px rgba(255,255,255,.04)}.ai-input-wrap textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:none;color:#e8edfa;font-size:11px;line-height:1.45;padding:7px}.ai-input-wrap textarea::placeholder{color:#5e697f}.ai-input-wrap>button{width:38px;height:38px;border:0;border-radius:12px;background:linear-gradient(145deg,var(--theme),var(--theme2));color:#fff;cursor:pointer;box-shadow:0 0 22px color-mix(in srgb,var(--theme) 18%,transparent)}.ai-composer>small{display:block;text-align:center;color:#454f63;font-size:7px;margin-top:7px}
@media(max-width:760px){.theme-popover{top:66px;right:10px}.ai-shell{inset:0;border-radius:0;grid-template-columns:1fr}.ai-sidebar{position:absolute;z-index:20;inset:0 auto 0 0;width:min(310px,88vw);transform:translateX(-102%);transition:.3s;box-shadow:25px 0 70px rgba(0,0,0,.55)}.ai-sidebar.mobile-open{transform:none}.ai-mobile-menu{display:block;border:0;background:none;color:#a4afc2;font-size:18px;margin-right:8px}.ai-topbar{justify-content:flex-start;gap:5px}.ai-top-actions{margin-left:auto}.ai-mode-pill{display:none}.ai-welcome{padding:60px 18px 30px}.ai-name-card>div{grid-template-columns:1fr}.ai-name-card button{min-height:42px}.ai-chat-view{padding:24px 17px 130px}.ai-composer{padding:8px 12px 13px}.ai-welcome h1{font-size:45px}.ai-suggestions{gap:6px}.ai-suggestions button{font-size:8px}.theme-grid{grid-template-columns:repeat(4,1fr)}}


/* =========================================================
   v2.6 — CLEAN AI WORKSPACE + GLOBAL THEME SYSTEM
   ========================================================= */
:root{
  --theme:#28e6ff;
  --theme2:#4f8cff;
  --theme3:#9a5cff;
  --theme4:#ff5fc8;
}

/* The 3 hero metric cards are intentionally removed. Keep the hero clean. */
.hero.rimuru-hero{
  min-height:620px!important;
  padding:78px 58px 78px!important;
}
.hero.rimuru-hero .hero-core{
  z-index:0!important;
  pointer-events:none!important;
}
.hero.rimuru-hero .hero-copy{z-index:2!important}

/* AI workspace: sidebar is a drawer, never a permanent left column. */
.ai-shell{
  display:block!important;
  position:absolute!important;
  inset:18px!important;
}
.ai-main{
  position:absolute!important;
  inset:0!important;
  min-width:0!important;
}
.ai-sidebar{
  position:absolute!important;
  z-index:50!important;
  inset:0 auto 0 0!important;
  width:min(330px,88vw)!important;
  transform:translateX(-105%)!important;
  transition:transform .32s cubic-bezier(.22,.8,.25,1),box-shadow .32s ease!important;
  box-shadow:none!important;
  border-right:1px solid color-mix(in srgb,var(--theme) 18%,rgba(255,255,255,.08))!important;
}
.ai-sidebar.mobile-open{
  transform:translateX(0)!important;
  box-shadow:28px 0 90px rgba(0,0,0,.65),0 0 55px color-mix(in srgb,var(--theme) 10%,transparent)!important;
}
.ai-mobile-menu{
  display:grid!important;
  place-items:center!important;
  width:38px!important;height:38px!important;
  margin:0 5px 0 0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  color:#cbd4e7!important;
  cursor:pointer!important;
}
.ai-side-brand-actions{display:flex;gap:6px;margin-left:auto}
.ai-side-brand-actions button{margin-left:0!important}

/* Theme Studio affects the WHOLE website, not only the AI screen. */
body{
  --global-glow:color-mix(in srgb,var(--accent) 20%,transparent);
  background:
    radial-gradient(900px 520px at 8% -10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),
    radial-gradient(850px 520px at 100% 40%,color-mix(in srgb,var(--accent-3) 12%,transparent),transparent 72%),
    var(--bg)!important;
}
.ambient-a{background:var(--accent)!important}
.ambient-b{background:var(--accent-3)!important}
.brand-mark,.btn-primary,.hero h1 span,.ai-logo,.ai-welcome-logo,.ai-input-wrap>button{
  background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3))!important;
}
.brand-mark{box-shadow:0 0 30px color-mix(in srgb,var(--accent) 24%,transparent)!important}
.hero h1 span{background-size:250% auto!important}
.btn-primary{box-shadow:0 12px 35px color-mix(in srgb,var(--accent-2) 24%,transparent)!important}
.search-accent{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))!important}
.category.active,.view.active,.hub-card:hover,.tool-card:hover,.featured-card:hover{
  border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.08))!important;
}
.category.active,.view.active{color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent-3) 13%,transparent))!important;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 14%,transparent)!important}
.tool-card::before,.featured-card::before{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))!important}
.tool-icon,.feature-orb{color:var(--accent)!important}
.status-panel,.cta-panel,.recent-panel,.search-box,.category-strip,.tool-card,.featured-card,.hub-card{
  box-shadow:0 22px 65px rgba(0,0,0,.20),0 0 35px color-mix(in srgb,var(--accent) 4%,transparent)!important;
}

/* Theme popover itself is a site-wide appearance control. */
.theme-popover{box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 45px color-mix(in srgb,var(--accent) 12%,transparent)!important}

@media(max-width:760px){
  .hero.rimuru-hero{min-height:670px!important;padding:50px 24px 62px!important}
  .hero.rimuru-hero .hero-core{opacity:.22!important;bottom:70px!important;right:50%!important;transform:translateX(50%)!important}
  .ai-shell{inset:0!important;border-radius:0!important}
  .ai-sidebar{width:min(320px,88vw)!important}
}
@media(max-width:560px){
  .hero.rimuru-hero{min-height:700px!important;padding:42px 17px 55px!important}
}

/* =========================================================
   v2.8.0 — CYBER NEXUS GLOBAL THEME + PERFORMANCE
   ========================================================= */
:root{
  --bg:#050b16;
  --panel:#0a1424;
  --panel-2:#0d1a2d;
  --accent:#3d8cff;
  --accent-2:#1769e8;
  --accent-3:#0a3d9b;
  --theme:#3d8cff;
  --theme2:#1769e8;
  --theme3:#0a3d9b;
  --theme4:#9bc7ff;
}
/* Remove the remaining hard-coded multi-hue accents from tool/category UI. */
.tool-card[data-category="ai"] .tool-icon,
.tool-card[data-category="downloader"] .tool-icon,
.tool-card[data-category="anime"] .tool-icon,
.tool-card[data-category="developer"] .tool-icon{color:var(--accent)!important}
.hero h1 span{animation:none!important;background:linear-gradient(100deg,var(--theme4),var(--theme),var(--theme2));background-size:180% auto}
.btn-primary,.category.active,.category:hover{background:linear-gradient(100deg,var(--theme2),var(--theme))!important;box-shadow:0 10px 28px color-mix(in srgb,var(--theme) 18%,transparent)!important}
.ambient-b{background:var(--theme2)!important}
.featured-card:after,.featured-ai:after{background:radial-gradient(circle,color-mix(in srgb,var(--theme) 18%,transparent),transparent 68%)!important}
/* Performance: expensive effects are opt-in/limited rather than continuous. */
.ambient{filter:blur(52px)!important;animation:none!important;opacity:.11!important}
.grid-overlay{opacity:.12!important}
.topbar,.ai-topbar,.info-drawer .drawer-panel{backdrop-filter:blur(10px)!important}
.banner-particles,.noise,.aurora{animation:none!important}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
/* Download All: two-screen workspace, inspired by the AI flow but dedicated to downloads. */
.modal.download-all-mode{padding:0!important;place-items:stretch!important}
.modal.download-all-mode .modal-backdrop{backdrop-filter:none!important;background:rgba(1,5,12,.84)!important}
.modal.download-all-mode .modal-card{width:min(1180px,100%);height:min(92vh,860px);max-height:none!important;padding:0!important;overflow:hidden!important;border-radius:28px!important;background:#050b16!important;border:1px solid color-mix(in srgb,var(--theme) 20%,rgba(255,255,255,.08))!important}
.modal.download-all-mode .modal-card>.section-kicker,.modal.download-all-mode .modal-card>.modal-icon,.modal.download-all-mode .modal-card>h2,.modal.download-all-mode .modal-card>p,.modal.download-all-mode .modal-card>button[data-close]{display:none!important}
.dlall-shell{height:100%;display:flex;flex-direction:column;min-width:0;background:radial-gradient(700px 420px at 70% 25%,color-mix(in srgb,var(--theme) 7%,transparent),transparent 65%),#050b16}
.dlall-top{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(5,11,22,.92)}
.dlall-back,.dlall-reset{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#9aa7bd;border-radius:11px;padding:9px 11px;font-size:10px;cursor:pointer}
.dlall-brand{display:flex;align-items:center;gap:9px}.dlall-brand>span,.dlall-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--theme),var(--theme2));color:#fff;font-weight:900;box-shadow:0 0 24px color-mix(in srgb,var(--theme) 15%,transparent)}
.dlall-brand>span{width:34px;height:34px;border-radius:10px}.dlall-brand b{display:block;font:800 12px "Space Grotesk";letter-spacing:.08em}.dlall-brand small{display:block;font-size:7px;color:#657188;letter-spacing:.18em;margin-top:2px}.dlall-status{margin-left:auto;font-size:8px;color:#8c9ab1;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.dlall-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--theme);box-shadow:0 0 10px var(--theme);margin-right:5px}
.dlall-view{flex:1;min-height:0;overflow:auto}.dlall-hero{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px}.dlall-logo{width:76px;height:76px;border-radius:24px;font-size:34px;margin-bottom:17px}.dlall-overline{font-size:7px;letter-spacing:.27em;color:#5e6a81}.dlall-hero h1{font:800 clamp(40px,7vw,72px)/1 "Space Grotesk";letter-spacing:.02em;margin:14px 0 10px}.dlall-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--theme4),var(--theme));-webkit-background-clip:text;background-clip:text;color:transparent}.dlall-hero p{max-width:620px;color:#68748a;font-size:12px;line-height:1.7}.dlall-platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;max-width:720px;margin:24px auto}.dlall-platforms span,.dlall-chips button{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#77849a;border-radius:999px;padding:8px 11px;font-size:8px}.dlall-start{min-width:190px;margin-top:8px}
.dlall-work-head{max-width:900px;margin:0 auto;padding:38px 28px 15px}.dlall-work-head h2{font:800 28px "Space Grotesk";margin:7px 0}.dlall-work-head p{font-size:11px;color:#68748a;margin:0}.dlall-reset{float:right;margin-top:-52px}.dlall-form{max-width:900px;margin:0 auto;padding:8px 28px;display:grid;grid-template-columns:1fr auto;gap:9px}.dlall-form .tool-input{min-height:50px}.dlall-form .btn{min-width:120px}.dlall-chips{max-width:900px;margin:8px auto 0;padding:0 28px;display:flex;gap:6px;flex-wrap:wrap}.dlall-chips button{cursor:pointer}.dlall-chips button:hover{border-color:color-mix(in srgb,var(--theme) 35%,transparent);color:#dce7f8}.dlall-result{max-width:900px;margin:22px auto;padding:0 28px 40px}.dlall-empty,.dlall-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.018)}.dlall-empty>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme) 9%,transparent);color:var(--theme);font-size:20px;margin-bottom:10px}.dlall-empty b,.dlall-loading b{font:700 14px "Space Grotesk"}.dlall-empty small,.dlall-loading small{color:#66738a;font-size:9px;margin-top:5px}.dlall-loading>span{width:28px;height:28px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--theme);border-radius:50%;animation:dlspin .8s linear infinite;margin-bottom:12px}.dlall-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dlall-result-head h3{font:700 20px "Space Grotesk";margin:5px 0}.dlall-ready{font-size:7px;color:var(--theme4);border:1px solid color-mix(in srgb,var(--theme) 28%,transparent);padding:6px 8px;border-radius:999px}.dlall-result .output{max-height:none}.dlall-result .btn{margin-top:6px}
@keyframes dlspin{to{transform:rotate(360deg)}}
@media(max-width:760px){.modal.download-all-mode .modal-card{width:100%;height:100%;border-radius:0!important}.dlall-top{padding:0 12px}.dlall-back{font-size:9px}.dlall-hero{padding:30px 17px}.dlall-hero h1{font-size:45px}.dlall-work-head{padding:28px 16px 12px}.dlall-form{padding:8px 16px;grid-template-columns:1fr}.dlall-form .btn{width:100%}.dlall-chips,.dlall-result{padding-left:16px;padding-right:16px}.dlall-reset{margin-top:-45px}}
/* Global accent lock: every accent surface follows the selected theme. */
.eyebrow,.section-kicker,.tag,.brand small,.result-count,.card-tag,.section-title p,
.drawer-section-title span,.drawer-footer span,.ai-overline,.dlall-overline{color:color-mix(in srgb,var(--theme) 70%,#d7e7ff)!important}
.pulse,.live-dot{background:var(--theme)!important;box-shadow:0 0 14px var(--theme)!important}
.desktop-nav a:hover,.open-tool span,.card-open,.drawer-link em,.drawer-icon,.project-dot{color:var(--theme)!important}
.category.active,.category:hover,.btn-primary,.brand-mark,.ai-logo,.ai-welcome-logo,.ai-user>span,.ai-input-wrap>button{background:linear-gradient(100deg,var(--theme2),var(--theme))!important}
.order-btn,.music-toggle,.menu-btn{background:color-mix(in srgb,var(--theme) 7%,transparent)!important;border-color:color-mix(in srgb,var(--theme) 24%,var(--line))!important}
.order-btn:hover,.music-toggle:hover,.menu-btn:hover{border-color:color-mix(in srgb,var(--theme) 55%,transparent)!important;box-shadow:0 0 24px color-mix(in srgb,var(--theme) 12%,transparent)!important}
.loader-aura{background:radial-gradient(circle,var(--theme),transparent 65%)!important;filter:blur(60px)!important;opacity:.16!important}
.loader-orbit,.loader-orbit-b{border-color:color-mix(in srgb,var(--theme) 30%,transparent)!important}
.loader-core{background:linear-gradient(145deg,color-mix(in srgb,var(--theme) 20%,transparent),color-mix(in srgb,var(--theme3) 15%,transparent))!important;box-shadow:0 0 50px color-mix(in srgb,var(--theme) 20%,transparent),inset 0 0 35px rgba(255,255,255,.04)!important}
.loader-core span{background:linear-gradient(135deg,#fff,var(--theme4),var(--theme));-webkit-background-clip:text;background-clip:text;color:transparent}
.info-drawer .drawer-link:nth-child(1) .drawer-icon,.info-drawer .drawer-link:nth-child(2) .drawer-icon{color:var(--theme)!important;background:color-mix(in srgb,var(--theme) 10%,transparent)!important}
.info-drawer .drawer-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--theme3) 14%,#07101d),#080b14 65%,color-mix(in srgb,var(--theme2) 9%,#101326))!important}
.status-items b.online{color:var(--theme4)!important}
/* Stop continuous expensive motion on the main page; interaction remains animated. */
.hero-core .slime-orbit{animation:none!important}
.feature-orb{animation:none!important}


/* v2.9.0 — LIGHTWEIGHT CYBER NEXUS POLISH */
:root{--surface-glass:rgba(7,15,28,.82);--border-soft:rgba(143,188,255,.12)}
html{background:var(--bg);scroll-behavior:smooth}
body{background:radial-gradient(900px 500px at 50% -10%,color-mix(in srgb,var(--theme) 8%,transparent),transparent 65%),var(--bg)}
.topbar{border-color:color-mix(in srgb,var(--theme) 13%,rgba(255,255,255,.08));background:rgba(4,10,20,.86)!important;backdrop-filter:blur(8px)!important}
.brand-mark{box-shadow:0 0 26px color-mix(in srgb,var(--theme) 18%,transparent)!important}
.search-box{border-color:color-mix(in srgb,var(--theme) 13%,rgba(255,255,255,.08));box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)}
.tool-card,.featured-card,.hub-card,.favorite-item{border-color:color-mix(in srgb,var(--theme) 9%,rgba(255,255,255,.08));background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));box-shadow:0 12px 35px rgba(0,0,0,.16)}
.tool-card:hover,.hub-card:hover,.favorite-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--theme) 28%,rgba(255,255,255,.1));box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 28px color-mix(in srgb,var(--theme) 7%,transparent)}
.featured-card:before{background:linear-gradient(90deg,var(--theme),transparent)!important}
.category{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.category b{background:color-mix(in srgb,var(--theme) 10%,transparent)!important;color:var(--theme)!important}
.modal-card{border-color:color-mix(in srgb,var(--theme) 15%,rgba(255,255,255,.09));box-shadow:0 35px 100px rgba(0,0,0,.58),0 0 45px color-mix(in srgb,var(--theme) 7%,transparent)}
.ai-backdrop{backdrop-filter:blur(6px)!important}.ai-shell{box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 50px color-mix(in srgb,var(--theme) 6%,transparent)}
/* Eliminate old rainbow-only accents from legacy sections. */
.quick-stats,.hero-metrics{display:none!important}
.quick-stats>div:after,.quick-stats>div:before,.hub-card:after{background:var(--theme)!important}
.mobile-nav:before{background:linear-gradient(90deg,transparent,var(--theme),transparent)!important}
/* Performance mode: no perpetual filters/auroras; hover-only movement. */
.ambient{filter:blur(38px)!important;animation:none!important}.banner-particles,.noise,.aurora{display:none!important}
.hero-core .slime-orbit,.feature-orb{animation:none!important}
@media(max-width:760px){
 .topbar{backdrop-filter:blur(6px)!important}.tool-card:hover,.hub-card:hover,.favorite-item:hover{transform:none;box-shadow:0 12px 35px rgba(0,0,0,.16)}
 .hero-core{display:none!important}.search-box{box-shadow:0 12px 28px rgba(0,0,0,.18)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* =========================================================
   v3.0 — UNIFIED DASHBOARD + DOWNLOAD ALL WORKSPACE
   Lightweight polish: transforms/opacity only, restrained glow.
   ========================================================= */
.category-strip .category[data-category="ai"]{display:none!important}
.featured-ai{cursor:pointer}
.featured-ai .feature-content h3{font-size:clamp(24px,3vw,34px)}
.featured-ai .feature-orb{color:var(--theme)!important}

/* Download All now behaves like a dedicated app/workspace, not a clipped modal. */
.modal.download-all-mode{padding:0!important;display:block!important}
.modal.download-all-mode .modal-backdrop{background:rgba(1,4,10,.88)!important;backdrop-filter:none!important}
.modal.download-all-mode .modal-card{position:absolute!important;inset:14px!important;width:auto!important;height:auto!important;max-height:none!important;padding:0!important;overflow:hidden!important;border-radius:26px!important;background:#050a14!important;border:1px solid color-mix(in srgb,var(--theme) 18%,rgba(255,255,255,.09))!important;box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 70px color-mix(in srgb,var(--theme) 5%,transparent)!important}
.modal.download-all-mode .modal-card>.section-kicker,.modal.download-all-mode .modal-card>.modal-icon,.modal.download-all-mode .modal-card>h2,.modal.download-all-mode .modal-card>p,.modal.download-all-mode .modal-card>button[data-close]{display:none!important}
.dlall-shell{height:100%;display:flex;flex-direction:column;min-height:0;background:radial-gradient(700px 420px at 72% 20%,color-mix(in srgb,var(--theme) 7%,transparent),transparent 68%),#050a14;color:#eaf1ff}
.dlall-top{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.055);background:#070d18}
.dlall-back{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#9ba8bd;border-radius:11px;padding:9px 12px;font-size:10px;cursor:pointer}
.dlall-back:hover{color:#fff;border-color:color-mix(in srgb,var(--theme) 35%,transparent)}
.dlall-brand{display:flex;align-items:center;gap:9px}.dlall-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--theme),var(--theme2));color:#fff;font-weight:900;box-shadow:0 0 22px color-mix(in srgb,var(--theme) 15%,transparent)}.dlall-brand b{display:block;font:800 12px "Space Grotesk";letter-spacing:.08em}.dlall-brand small{display:block;color:#657188;font-size:7px;letter-spacing:.18em;margin-top:2px}.dlall-top-meta{margin-left:auto;display:flex;align-items:center;gap:8px}.dlall-platform-count{font-size:7px;letter-spacing:.16em;color:#67748a}.dlall-status{font-size:8px;color:#9aa7bd;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:7px 10px}.dlall-status i,.dlall-panel-foot i,.dlall-work-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--theme);box-shadow:0 0 9px var(--theme);margin-right:5px}
.dlall-main{flex:1;min-height:0;position:relative;overflow:hidden}.dlall-view{position:absolute;inset:0;overflow:auto}.dlall-view[hidden]{display:none!important}
.dlall-welcome{display:grid;place-items:center;padding:42px clamp(18px,5vw,70px)}.dlall-welcome-grid{width:min(1040px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.dlall-hero-copy{min-width:0}.dlall-overline{font-size:7px;letter-spacing:.28em;color:color-mix(in srgb,var(--theme) 72%,#d7e7ff)}.dlall-hero-title{display:flex;align-items:center;gap:18px;margin-top:16px}.dlall-logo{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,var(--theme),var(--theme2));font:900 31px "Space Grotesk";box-shadow:0 18px 42px color-mix(in srgb,var(--theme) 14%,transparent)}.dlall-hero-title h1{font:800 clamp(38px,6vw,68px)/.95 "Space Grotesk";letter-spacing:.02em;margin:0}.dlall-hero-title h1 em{font-style:normal;color:var(--theme)}.dlall-hero-title p{max-width:560px;color:#68758b;font-size:11px;line-height:1.7;margin:12px 0 0}.dlall-actions{display:flex;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.dlall-start{min-width:175px}.dlall-hint{font-size:8px;color:#59667b}
.dlall-platform-panel{border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:18px;box-shadow:0 22px 65px rgba(0,0,0,.22)}.dlall-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:15px}.dlall-panel-head span{font-size:7px;letter-spacing:.2em;color:#5e6b80}.dlall-panel-head b{font-size:7px;color:#78859a}.dlall-platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dlall-platforms button{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);color:#8a96aa;border-radius:13px;padding:11px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease}.dlall-platforms button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme) 30%,transparent);color:#e9f1ff}.dlall-platforms button b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--theme) 9%,transparent);color:var(--theme);font:800 8px "Space Grotesk"}.dlall-platforms button span{font-size:9px}.dlall-panel-foot{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.055);font-size:7px;color:#58657a}.dlall-panel-foot span:first-child{color:#8390a5}
.dlall-workspace{display:grid;grid-template-columns:220px 1fr}.dlall-sidebar{min-width:0;border-right:1px solid rgba(255,255,255,.055);background:#060b15;padding:18px;display:flex;flex-direction:column}.dlall-side-head span{display:block;font-size:7px;letter-spacing:.2em;color:#5c687d}.dlall-side-head small{display:block;font-size:8px;color:#68758b;margin-top:4px}.dlall-side-list{display:grid;gap:5px;margin-top:18px}.dlall-side-list button{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#718097;border-radius:11px;padding:9px;text-align:left;font-size:9px;cursor:pointer}.dlall-side-list button:hover{background:rgba(255,255,255,.025);color:#dce7f8;border-color:rgba(255,255,255,.055)}.dlall-side-list button b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035);color:var(--theme);font-size:7px}.dlall-side-note{margin-top:auto;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.018)}.dlall-side-note span{font-size:6px;letter-spacing:.18em;color:var(--theme)}.dlall-side-note p{font-size:7px;line-height:1.55;color:#5e6b80;margin:6px 0 0}.dlall-reset{margin-top:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#7b879b;border-radius:11px;padding:10px;font-size:8px;cursor:pointer}.dlall-reset:hover{color:#fff;border-color:color-mix(in srgb,var(--theme) 30%,transparent)}
.dlall-work-main{min-width:0;overflow:auto;padding:30px clamp(18px,4vw,52px)}.dlall-work-head{max-width:880px;margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between;gap:15px}.dlall-work-head h2{font:800 clamp(23px,3vw,32px) "Space Grotesk";margin:7px 0 5px}.dlall-work-head p{font-size:10px;color:#68758b;margin:0;line-height:1.6}.dlall-work-badge{white-space:nowrap;border:1px solid color-mix(in srgb,var(--theme) 18%,transparent);color:#7d8aa0;background:color-mix(in srgb,var(--theme) 4%,transparent);padding:8px 10px;border-radius:999px;font-size:7px}.dlall-form{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:9px}.dlall-input-wrap{position:relative;min-width:0}.dlall-input-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--theme);font-size:14px;pointer-events:none}.dlall-input-wrap .tool-input{padding-left:42px;min-height:50px}.dlall-form .btn{min-width:118px}.dlall-result{max-width:880px;margin:18px auto 0}.dlall-empty,.dlall-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.015)}.dlall-empty>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme) 8%,transparent);color:var(--theme);font-size:20px;margin-bottom:11px}.dlall-empty b,.dlall-loading b{font:700 14px "Space Grotesk"}.dlall-empty small,.dlall-loading small{color:#66738a;font-size:9px;margin-top:5px}.dlall-loading>span{width:28px;height:28px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--theme);border-radius:50%;animation:dlspin .8s linear infinite;margin-bottom:12px}.dlall-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dlall-result-head h3{font:700 20px "Space Grotesk";margin:5px 0}.dlall-ready{font-size:7px;color:var(--theme);border:1px solid color-mix(in srgb,var(--theme) 28%,transparent);padding:6px 8px;border-radius:999px}.dlall-result .output{max-height:none}.dlall-result .btn{margin-top:6px}
@keyframes dlspin{to{transform:rotate(360deg)}}
@media(max-width:760px){.modal.download-all-mode .modal-card{inset:0!important;border-radius:0!important}.dlall-top{height:58px;flex-basis:58px;padding:0 11px}.dlall-platform-count{display:none}.dlall-brand b{font-size:10px}.dlall-welcome{padding:25px 16px}.dlall-welcome-grid{grid-template-columns:1fr;gap:22px}.dlall-hero-title{gap:13px}.dlall-logo{width:56px;height:56px;flex-basis:56px;border-radius:17px;font-size:25px}.dlall-hero-title h1{font-size:38px}.dlall-hero-title p{font-size:10px}.dlall-platform-panel{padding:14px}.dlall-platforms{grid-template-columns:repeat(2,1fr)}.dlall-workspace{grid-template-columns:1fr}.dlall-sidebar{display:none}.dlall-work-main{padding:24px 15px}.dlall-work-head{align-items:start;flex-direction:column}.dlall-work-badge{align-self:flex-start}.dlall-form{grid-template-columns:1fr}.dlall-form .btn{width:100%}.dlall-result{margin-top:14px}.dlall-empty,.dlall-loading{min-height:235px}.dlall-actions{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.dlall-platforms button{transition:none}.dlall-loading>span{animation:none}}

/* v3.1 — Monochrome Blue UI + smoother banner playback */
:root{
  --theme:#3d8cff;
  --theme2:#1769e8;
  --theme3:#0a3d9b;
  --theme4:#b9d6ff;
  --accent:#3d8cff;
  --accent-2:#1769e8;
  --accent-3:#0a3d9b;
  --rimuru-cyan:#3d8cff;
}
/* Keep every visual accent in the same blue hue family. */
.hero.rimuru-hero,
.rimuru-hero{background:
  linear-gradient(90deg,rgba(2,7,15,.96),rgba(3,12,28,.78) 44%,rgba(4,12,28,.24) 78%,rgba(2,8,18,.70)),
  radial-gradient(circle at 78% 32%,color-mix(in srgb,var(--theme) 13%,transparent),transparent 30%),
  #030914!important}
.hero.rimuru-hero:before{background:linear-gradient(120deg,color-mix(in srgb,var(--theme) 18%,transparent),transparent 35%,transparent 70%,color-mix(in srgb,var(--theme) 10%,transparent))!important}
.hero.rimuru-hero:after{background:linear-gradient(90deg,rgba(3,7,15,.94),rgba(3,7,15,.60) 44%,rgba(3,7,15,.12) 100%)!important}
.banner-shade{background:linear-gradient(0deg,rgba(3,7,15,.86),transparent 38%,rgba(3,7,15,.10))!important}
.hero.rimuru-hero h1 span,.hero h1 span{background:linear-gradient(100deg,#fff,var(--theme4),var(--theme),#fff)!important;background-size:220% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}
.ambient-a,.ambient-b,.ambient-c{background:var(--theme)!important}
.ambient-b{background:var(--theme2)!important}
.featured-card:after,.featured-ai:after{background:radial-gradient(circle,color-mix(in srgb,var(--theme) 14%,transparent),transparent 68%)!important}
.btn-primary,.category.active,.category:hover,.brand-mark,.ai-logo,.ai-welcome-logo,.ai-user>span,.ai-input-wrap>button{background:linear-gradient(100deg,var(--theme2),var(--theme))!important}
.tool-card[data-category="ai"] .tool-icon,
.tool-card[data-category="downloader"] .tool-icon,
.tool-card[data-category="music"] .tool-icon,
.tool-card[data-category="anime"] .tool-icon,
.tool-card[data-category="developer"] .tool-icon,
.tool-card[data-category="tools"] .tool-icon{color:var(--theme)!important}
/* The color picker remains global: all major surfaces inherit its blue shade. */
.theme-grid button i{background:var(--sw)!important}
.theme-grid button.active{border-color:var(--theme)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme) 16%,transparent)!important}

/* Video stability: don't force a compositing layer or paint containment on the video. */
.banner-video{will-change:auto!important;transform:none!important;contain:none!important;backface-visibility:visible!important;object-position:center center!important;image-rendering:auto!important}
.banner-video::-webkit-media-controls{display:none!important}
.rimuru-hero{isolation:isolate}
@media(max-width:850px){.banner-video{object-position:62% center!important}}
@media(prefers-reduced-motion:reduce){.banner-video{display:none!important}.rimuru-hero{background:#030914!important}}

/* v3.2 — TRUE GLOBAL COLOR: one hue controls the complete interface. */
:root{
  --global-theme:#3d8cff;
  --theme:#3d8cff;
  --theme2:color-mix(in srgb,var(--theme) 78%,#000);
  --theme3:color-mix(in srgb,var(--theme) 48%,#000);
  --theme4:color-mix(in srgb,var(--theme) 25%,#fff);
  --accent:var(--theme);
  --accent-2:var(--theme2);
  --accent-3:var(--theme3);
  --rimuru-cyan:var(--theme);
}
/* Remove legacy multi-hue accents from the visual layer. */
body{
  background:
    radial-gradient(800px 420px at 50% -8%,color-mix(in srgb,var(--theme) 17%,transparent),transparent 68%),
    radial-gradient(650px 480px at 100% 40%,color-mix(in srgb,var(--theme) 7%,transparent),transparent 70%),
    color-mix(in srgb,var(--theme) 4%,#02060c)!important;
}
body:before{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--theme) 7%,transparent),transparent 24%),radial-gradient(circle at 80% 75%,color-mix(in srgb,var(--theme) 5%,transparent),transparent 26%)!important;animation:none!important}
.topbar{background:color-mix(in srgb,var(--theme) 7%,#050a12)!important;border-color:color-mix(in srgb,var(--theme) 22%,transparent)!important}
.hero.rimuru-hero,.rimuru-hero{background:linear-gradient(90deg,color-mix(in srgb,var(--theme) 5%,#02070e),color-mix(in srgb,var(--theme) 10%,#030b17) 48%,color-mix(in srgb,var(--theme) 8%,#02070e) 100%)!important}
.hero.rimuru-hero:before{background:linear-gradient(120deg,color-mix(in srgb,var(--theme) 18%,transparent),transparent 45%,color-mix(in srgb,var(--theme) 10%,transparent))!important}
.hero.rimuru-hero h1 span,.hero h1 span{background:linear-gradient(100deg,#fff,var(--theme4),var(--theme),#fff)!important}
.featured-card,.tool-card,.hub-card,.favorite-item,.search-box,.status-panel,.modal-card,.ai-shell,.dlall-platform-panel,.dlall-sidebar,.dlall-empty,.dlall-loading,.dlall-result,.ai-name-card,.ai-message,.ai-composer,.ai-input-wrap,.ai-sidebar,.ai-topbar{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme) 8%,#07101b),color-mix(in srgb,var(--theme) 3%,#050a12))!important;
  border-color:color-mix(in srgb,var(--theme) 16%,rgba(255,255,255,.08))!important;
}
.tool-card:before,.featured-card:before{background:linear-gradient(90deg,var(--theme),transparent)!important}
.tool-icon,.modal-icon,.card-tag,.tag,.category,.view,.order-btn,.music-toggle,.menu-btn,.open-tool,.dlall-side-list button,.dlall-reset,.dlall-platforms button,.dlall-work-badge,.dlall-ready,.ai-mode-pill,.ai-model-btn,.ai-mobile-menu{
  background:color-mix(in srgb,var(--theme) 8%,#080e17)!important;
  border-color:color-mix(in srgb,var(--theme) 16%,rgba(255,255,255,.08))!important;
}
.category.active,.category:hover,.btn-primary,.brand-mark,.ai-logo,.ai-welcome-logo,.ai-user>span,.ai-input-wrap>button{background:linear-gradient(100deg,var(--theme3),var(--theme))!important}
.tool-icon,.modal-icon,.card-open,.open-tool span,.drawer-icon,.project-dot,.dlall-platforms button b,.dlall-empty>span,.dlall-ready,.ai-overline,.ai-model-btn,.ai-user small,.theme-popover-head small,.theme-color-hint{color:var(--theme)!important}
.tool-card:hover,.featured-card:hover,.hub-card:hover,.favorite-item:hover{border-color:color-mix(in srgb,var(--theme) 34%,rgba(255,255,255,.08))!important;box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 30px color-mix(in srgb,var(--theme) 9%,transparent)!important}
.featured-card:after,.featured-ai:after{background:radial-gradient(circle,color-mix(in srgb,var(--theme) 14%,transparent),transparent 68%)!important}
/* Theme editor: simple, premium, single-color instead of a grid of blue shades. */
.theme-popover{width:min(360px,calc(100vw - 24px));padding:17px;background:linear-gradient(150deg,color-mix(in srgb,var(--theme) 12%,#070c15),#050912)!important;border-color:color-mix(in srgb,var(--theme) 25%,rgba(255,255,255,.1))!important;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 38px color-mix(in srgb,var(--theme) 10%,transparent)!important}
.theme-color-editor{display:grid;gap:10px}.theme-color-preview{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;border:1px solid color-mix(in srgb,var(--theme) 20%,rgba(255,255,255,.08));background:linear-gradient(120deg,color-mix(in srgb,var(--theme) 13%,#08111e),color-mix(in srgb,var(--theme) 5%,#050a12))}.theme-color-preview>span{width:42px;height:42px;border-radius:13px;background:var(--preview,var(--theme));box-shadow:0 0 24px color-mix(in srgb,var(--theme) 30%,transparent);border:1px solid rgba(255,255,255,.16)}.theme-color-preview b{display:block;color:#edf4ff;font:700 13px "Space Grotesk"}.theme-color-preview small{display:block;margin-top:4px;color:#68758b;font-size:8px}.theme-color-picker{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:13px;border:1px solid color-mix(in srgb,var(--theme) 15%,rgba(255,255,255,.07));background:color-mix(in srgb,var(--theme) 5%,#070c14);color:#8b97ab;font-size:9px}.theme-color-picker input{width:46px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.theme-color-hint{font-size:8px;line-height:1.5;color:#647188!important;padding:0 2px}
.theme-grid{display:none!important}
/* Video: let the browser own the video compositor. No filters, transforms, or animated overlays. */
.banner-video{filter:none!important;transform:none!important;will-change:auto!important;contain:none!important;backface-visibility:visible!important;object-position:center!important;}
.banner-particles{display:none!important}
.banner-shade{background:linear-gradient(90deg,rgba(1,6,12,.86),rgba(1,6,12,.44) 48%,rgba(1,6,12,.12) 100%),linear-gradient(0deg,rgba(1,6,12,.65),transparent 42%)!important}
@media(max-width:760px){.theme-popover{top:66px;right:10px}.banner-video{object-position:58% center!important}}

/* =========================================================
   v3.3.1 — RIMURU HERO TEXT WEBVIEW FIX
   Keep the hero title single-color and avoid gradient-text
   compositing bugs that can render a rectangular background.
   ========================================================= */
.hero.rimuru-hero h1 span,
.hero h1 span{
  background:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:var(--theme,#3d8cff) !important;
  color:var(--theme,#3d8cff) !important;
  animation:none !important;
  text-shadow:0 0 14px color-mix(in srgb,var(--theme,#3d8cff) 22%,transparent) !important;
  filter:none !important;
}

/* v3.4 — Local account gate. Lightweight, mobile-first, no external auth. */
.auth-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:radial-gradient(700px 420px at 50% 35%,color-mix(in srgb,var(--theme,#3d8cff) 12%,transparent),transparent 68%),#03060b;overflow:auto;transition:opacity .28s ease,visibility .28s ease}
.auth-screen.auth-hidden{opacity:0;visibility:hidden;pointer-events:none}
.auth-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(55px);opacity:.18}
.auth-glow-a{width:260px;height:260px;background:var(--theme,#3d8cff);top:8%;left:10%}
.auth-glow-b{width:220px;height:220px;background:var(--theme,#3d8cff);right:8%;bottom:10%}
.auth-card{position:relative;width:min(430px,100%);padding:28px;border:1px solid color-mix(in srgb,var(--theme,#3d8cff) 20%,rgba(255,255,255,.08));border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--theme,#3d8cff) 9%,#09111c),#050a12 72%);box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 36px color-mix(in srgb,var(--theme,#3d8cff) 8%,transparent);backdrop-filter:blur(10px)}
.auth-close{position:absolute;top:13px;right:15px;border:0;background:transparent;color:#6f7c90;font-size:28px;line-height:1;cursor:pointer}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.auth-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--theme,#3d8cff),var(--theme3,#1452a4));color:#fff;font-weight:900;box-shadow:0 8px 25px color-mix(in srgb,var(--theme,#3d8cff) 24%,transparent)}.auth-brand b{display:block;font:800 14px 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#edf5ff}.auth-brand small{display:block;margin-top:2px;color:var(--theme,#3d8cff);font-size:7px;letter-spacing:.22em;font-weight:800}.auth-kicker{font-size:8px;letter-spacing:.2em;color:var(--theme,#3d8cff);font-weight:800;margin-bottom:8px}.auth-card h1{margin:0;color:#f2f7ff;font:700 27px 'Space Grotesk',sans-serif}.auth-card>p{margin:8px 0 18px;color:#7c899c;font-size:12px;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid color-mix(in srgb,var(--theme,#3d8cff) 12%,rgba(255,255,255,.06));background:#070d17;border-radius:13px;margin-bottom:14px}.auth-tabs button{border:0;border-radius:10px;padding:11px;background:transparent;color:#647289;font:700 11px 'Space Grotesk';cursor:pointer;transition:.18s}.auth-tabs button.active{background:linear-gradient(100deg,var(--theme3,#1452a4),var(--theme,#3d8cff));color:#fff;box-shadow:0 7px 20px color-mix(in srgb,var(--theme,#3d8cff) 18%,transparent)}.auth-field{display:grid;gap:6px;margin:11px 0}.auth-field span{font-size:8px;color:#6f7e94;letter-spacing:.14em;font-weight:800}.auth-field input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.07);outline:0;border-radius:13px;padding:13px 14px;background:color-mix(in srgb,var(--theme,#3d8cff) 5%,#080e17);color:#edf5ff;font:500 13px Inter,sans-serif;transition:border-color .18s,box-shadow .18s}.auth-field input:focus{border-color:color-mix(in srgb,var(--theme,#3d8cff) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme,#3d8cff) 9%,transparent)}.auth-submit{width:100%;margin-top:14px;border:0;border-radius:13px;padding:14px 16px;background:linear-gradient(100deg,var(--theme3,#1452a4),var(--theme,#3d8cff));color:#fff;font:800 12px 'Space Grotesk';letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 28px color-mix(in srgb,var(--theme,#3d8cff) 18%,transparent)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-message{min-height:18px;margin-top:10px;color:#7f8ca1;font-size:10px;line-height:1.45}.auth-message.error{color:#ff6d7d}.auth-message.success{color:#69b0ff}.auth-note{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);color:#59677b;font-size:8px;line-height:1.55}.auth-note i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--theme,#3d8cff);box-shadow:0 0 8px var(--theme,#3d8cff)}
@media(max-width:520px){.auth-screen{padding:14px}.auth-card{padding:22px;border-radius:20px}.auth-card h1{font-size:24px}.auth-close{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){.auth-screen,.auth-tabs button,.auth-field input{transition:none}.auth-glow{filter:none}}