@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Literata:opsz,wght@7..72,600;7..72,700&display=swap');
:root{
  --bg:#080a08;--ink:#f5f0dc;--paper:#171911;--paper2:#202315;--card:#11140d;--line:#3b4129;--line2:#5d673d;--muted:#a7a98d;--soft:#ddd6b2;
  --acid:#d7ff4f;--cyan:#72e7d3;--orange:#ff9b52;--red:#ff5f5a;--green:#94f07a;--chip:#252b17;--shadow:0 28px 80px rgba(0,0,0,.48);--radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--ink);font:14px/1.5 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:
    radial-gradient(circle at 10% -10%,rgba(215,255,79,.18),transparent 28rem),
    radial-gradient(circle at 92% 5%,rgba(114,231,211,.13),transparent 32rem),
    linear-gradient(135deg,rgba(255,155,82,.05),transparent 32%),
    var(--bg);
  overflow-x:hidden;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:-1;background-image:linear-gradient(rgba(245,240,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,240,220,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 15%,black,transparent 78%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.10;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 3px);z-index:10}
.wrap{max-width:1480px;margin:0 auto;padding:32px;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px;align-items:stretch;margin-bottom:18px;position:relative}.title,.drop,.sidebar,.main{position:relative;background:linear-gradient(180deg,rgba(245,240,220,.075),rgba(245,240,220,.026));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.title,.drop{min-width:0}.title{padding:34px;overflow:hidden}.title:before{content:"MRPACK / DIFF / INDEX";position:absolute;right:-38px;top:28px;transform:rotate(10deg);font:700 48px/1 "JetBrains Mono";letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(215,255,79,.16)}
h1{font-family:"Literata",Georgia,serif;font-size:clamp(42px,6.5vw,88px);line-height:.86;margin:0 0 18px;letter-spacing:-.075em;max-width:8ch;text-wrap:balance;text-shadow:0 0 35px rgba(215,255,79,.13)}
h1:after{content:"";display:block;width:118px;height:9px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,var(--acid),var(--cyan));box-shadow:0 0 34px rgba(215,255,79,.32)}
.sub{color:var(--soft);max-width:76ch;font-size:15px}.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.drop{padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-height:230px;transition:.22s cubic-bezier(.2,.8,.2,1);overflow:hidden;cursor:pointer}.drop:before{content:"";position:absolute;inset:auto -20% -35% 20%;height:120px;background:linear-gradient(90deg,transparent,var(--acid),var(--cyan),transparent);filter:blur(35px);opacity:.18}.drop:hover,.drop.drag{border-color:var(--acid);transform:translateY(-2px);box-shadow:0 32px 100px rgba(215,255,79,.12)}.drop strong{font:700 24px/1.05 "Literata",Georgia,serif;letter-spacing:-.03em}.drop p{color:var(--muted);margin:10px 0 20px}.fileInput{display:none}
.btn{appearance:none;border:1px solid var(--line2);background:linear-gradient(180deg,#252a18,#171b10);color:var(--ink);border-radius:999px;padding:10px 15px;cursor:pointer;font:700 12px/1 "JetBrains Mono";letter-spacing:.02em;text-transform:uppercase;transition:.18s;box-shadow:inset 0 1px rgba(255,255,255,.08)}.btn:hover{border-color:var(--acid);transform:translateY(-1px);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--acid),var(--cyan));color:#0a0d07;border:0;box-shadow:0 16px 35px rgba(215,255,79,.20)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.pill,.tag{display:inline-flex;gap:7px;align-items:center;background:rgba(37,43,23,.92);border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--soft);font-size:12px}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.sidebar,.main{padding:18px}.sidebar{align-self:start;position:sticky;top:18px}.main{min-height:590px}.pack{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(215,255,79,.045),rgba(114,231,211,.025));border-radius:18px;padding:14px;margin:12px 0;cursor:pointer;transition:.18s;overflow:hidden}.pack:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line2)}.pack:hover{border-color:var(--acid);transform:translateX(2px)}.pack.active{background:linear-gradient(135deg,rgba(215,255,79,.16),rgba(114,231,211,.08));border-color:var(--acid)}.pack.active:before{background:linear-gradient(var(--acid),var(--cyan))}.name,.packName{font-weight:800;letter-spacing:-.04em}.pack .name{font-size:15px}.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.footer,.muted{color:var(--muted)}.footer{font-size:12px;margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);background:#14180f;color:var(--muted);border-radius:999px;padding:10px 14px;cursor:pointer;font:800 12px/1 "JetBrains Mono";text-transform:uppercase;letter-spacing:.02em;transition:.18s}.tab:hover{color:var(--ink);border-color:var(--line2)}.tab.active{background:var(--acid);border-color:var(--acid);color:#0a0d07;box-shadow:0 14px 30px rgba(215,255,79,.18)}.section{display:none;animation:rise .32s ease both}.section.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
h2{font-family:"Literata",Georgia,serif;font-size:clamp(28px,3vw,44px);line-height:1;margin:12px 0 18px;letter-spacing:-.055em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:18px;padding:15px;overflow:hidden}.card .k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.card .v{font-weight:800;word-break:break-word}.searchbar{display:flex;gap:12px;align-items:center;margin:14px 0}.input{width:100%;border:1px solid var(--line);background:#0c0f09;color:var(--ink);border-radius:999px;padding:12px 15px;font:inherit;outline:none}.input:focus{border-color:var(--acid);box-shadow:0 0 0 4px rgba(215,255,79,.10)}.fileList{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(8,10,8,.34)}
table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(59,65,41,.7);vertical-align:top}th{position:sticky;top:0;background:#171b10;color:var(--acid);font-size:11px;text-transform:uppercase;letter-spacing:.08em;z-index:1}tr:hover td{background:rgba(215,255,79,.035)}details{margin-top:8px}summary{cursor:pointer;color:var(--cyan);font-weight:800}summary:hover{color:var(--acid)}.raw{white-space:pre-wrap;overflow:auto;background:#090b08;border:1px solid var(--line);border-radius:14px;padding:14px;color:#d9ddbd;font-size:12px}.small{font-size:12px}.diffGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}.diffCell{background:rgba(8,10,8,.52);border:1px solid rgba(93,103,61,.75);border-radius:15px;padding:12px}.packName{color:var(--acid);font-size:12px;text-transform:uppercase;margin-bottom:8px}.removed{display:inline-flex;border:1px solid rgba(255,95,90,.55);background:rgba(255,95,90,.12);color:#ffaaa6;border-radius:999px;padding:6px 10px;font-weight:800}.ok{border:1px solid rgba(148,240,122,.35);background:rgba(148,240,122,.08);color:#caffc0;border-radius:14px;padding:12px}.err{border:1px solid rgba(255,95,90,.45);background:rgba(255,95,90,.12);color:#ffd0cd;border-radius:14px;padding:12px;margin-bottom:12px}.empty{border:1px dashed var(--line2);border-radius:18px;padding:28px;color:var(--muted);text-align:center;background:rgba(8,10,8,.25)}.good{color:var(--green);border-color:rgba(148,240,122,.35)}.warn{color:#ffd27a;border-color:rgba(255,210,122,.35)}.bad{color:var(--red);border-color:rgba(255,95,90,.35)}


.metadataTable,.metaDiffTable{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.metadataTable th,.metadataTable td,.metaDiffTable th,.metaDiffTable td{padding:9px 12px;border-bottom:1px solid rgba(59,65,41,.55);vertical-align:middle}.metadataTable th,.metaDiffTable th{position:sticky;top:0;background:#15190f;color:var(--acid);font-size:10px;text-transform:uppercase;letter-spacing:.08em;z-index:1}.metadataTable .metaKey,.metaDiffTable .metaKey{width:190px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;white-space:nowrap}.metadataTable .metaVal,.metaDiffTable .metaVal{font-weight:700;color:var(--ink);white-space:nowrap;max-width:420px;overflow:hidden;text-overflow:ellipsis}.metaDiffTable .packHead{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--acid)}.metaSlimWrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(8,10,8,.34)}.metaDiffTable{min-width:max-content}.metaNote{color:var(--muted);font-size:12px;margin:0 0 10px}.metaVal code{font:inherit;color:inherit;background:transparent}
.modInfo{margin-top:8px;border:1px solid rgba(93,103,61,.55);border-radius:12px;background:rgba(8,10,8,.42);padding:8px;max-width:100%;overflow:hidden}.infoList{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 10px;margin:0;font-size:11px;line-height:1.32}.infoList dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.infoList dd{margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;color:var(--soft)}.infoList a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cyan)}.infoList a:hover{white-space:normal;color:var(--acid)}.envList{display:flex;gap:6px;flex-wrap:wrap}.envItem{color:var(--soft)}.envItem:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);margin:0 5px 1px 0}.diffCell,.card,td{min-width:0}.diffCell details[open]{overflow:hidden}

@media (max-width:900px){.wrap{padding:18px}.hero,.grid{grid-template-columns:1fr}.sidebar{position:relative;top:auto}h1{max-width:100%}.drop{min-height:180px}.main{min-height:unset}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}