:root{
      --ui:#7138a8;
      --accent:#ffdf2e;
      --bg:#130f19;
      --panel:#1c1725;
      --panel2:#251d31;
      --soft:#2c2338;
      --ink:#fbf7ff;
      --muted:#c8bdd5;
      --line:#40324f;
      --good:#7be3a0;
      --bad:#ff8585;
      --shadow:0 20px 60px rgba(0,0,0,.35);
      --radius:24px;
      --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    }
    [data-theme="light"]{
      --bg:#fbf8ff;
      --panel:#ffffff;
      --panel2:#f8f2ff;
      --soft:#f3ecf8;
      --ink:#21182d;
      --muted:#74677f;
      --line:#e3d9ed;
      --shadow:0 18px 46px rgba(58,30,82,.10);
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:650;line-height:1.35}
    button,input,select,textarea{font:inherit;color:inherit}
    button{cursor:pointer}
    .wrap{max-width:1460px;margin:0 auto;padding:22px}
    .topbar{position:sticky;top:0;z-index:40;padding:10px 0 16px;background:linear-gradient(180deg,var(--bg) 72%,rgba(0,0,0,0));backdrop-filter:blur(10px)}
    .header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(130deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:24px 28px}
    .brand small,.eyebrow{display:block;text-transform:uppercase;letter-spacing:.24em;color:var(--ui);font-size:13px;font-weight:950;margin-bottom:7px}
    .brand h1{font-size:clamp(30px,4vw,50px);line-height:.96;margin:0}
    .brand p{margin:12px 0 0;color:var(--muted);font-size:18px;max-width:820px}
    .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
    .btn,.chip,.seg button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:none}
    .btn.primary,.chip.active,.seg button.active{background:var(--ui);border-color:var(--ui);color:white;box-shadow:0 14px 32px rgba(113,56,168,.28)}
    .btn.accent{background:var(--accent);border-color:var(--accent);color:#201423}
    .btn.ghost{background:transparent}
    .colorCtl{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
    input[type="color"]{width:34px;height:34px;border:0;padding:0;background:transparent;border-radius:999px;overflow:hidden}
    main{display:grid;gap:22px;padding-bottom:60px}
    .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
    .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
    h2{font-size:clamp(38px,5vw,64px);line-height:.95;margin:0 0 16px}
    h3{font-size:28px;margin:20px 0 12px}
    .muted{color:var(--muted)}
    .bigText{font-size:21px}
    .screen{display:none}.screen.active{display:block}
    .importBox{display:grid;gap:14px;background:var(--soft);border:1px dashed var(--line);border-radius:26px;padding:22px}
    .field{display:grid;gap:8px}
    .field label{font-weight:950;color:var(--muted)}
    .field input,.field textarea,.field select,.toolSelect{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 16px;outline:none;color:var(--ink)}
    .field textarea{min-height:120px;resize:vertical}
    .fileBtn input{display:none}
    .progress{height:12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ui),var(--accent));transition:.25s}
    .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
    .statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}.stat{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:18px}.stat .label{font-size:14px;color:var(--muted);font-weight:850}.stat .value{font-size:clamp(22px,2.4vw,34px);line-height:1.05;margin-top:7px;font-weight:1000;overflow-wrap:anywhere}
    .noteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note{border:1px solid var(--line);background:var(--panel2);border-radius:20px;padding:18px;font-size:20px}.note b{color:var(--accent)}
    .browserTop{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.browserControls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{min-width:120px}.collectionTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}.collectionCard{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:18px;text-align:left;transition:.15s}.collectionCard:hover,.collectionCard.active{border-color:var(--ui);transform:translateY(-2px);box-shadow:0 14px 34px rgba(113,56,168,.18)}.collectionCard .name{font-size:24px;font-weight:1000}.collectionCard .meta{color:var(--muted);margin-top:7px}.collectionCard .value{font-size:30px;font-weight:1000;margin-top:12px}
    details.reportDetails{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}details.reportDetails summary{list-style:none;font-size:28px;font-weight:1000;padding:18px 22px;cursor:pointer}details.reportDetails summary::-webkit-details-marker{display:none}.reportInner{padding:0 22px 22px}.downloadGrid{display:block}.downloadsDrop{border:1px solid var(--line);background:var(--panel2);border-radius:18px;margin-top:8px;overflow:hidden}.downloadsDrop summary{cursor:pointer;padding:14px 16px;font-weight:1000}.downloadsDrop[open] summary{border-bottom:1px solid var(--line)}.downloadsDrop .downloadSelectRow{padding:14px}.downloadSelectRow{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center}.downloadBtn{border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:16px;text-align:left;font-weight:950}.downloadBtn span{display:block;color:var(--muted);font-size:13px;font-weight:750;margin-top:4px}.reportSummaryBar{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:14px}.visibleMini{display:flex;flex-wrap:wrap;gap:10px}.visibleMini span{display:inline-flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--muted)}.visibleMini b{color:var(--ink)}.subsetTitle{text-align:right;font-size:18px}.reportMiniGrid{margin-bottom:18px}
    .matrixTitle{display:grid;grid-template-columns:1fr;gap:12px}.toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-top:10px}.search input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px 16px}.sortBox{display:flex;gap:8px;align-items:center}.sortBox select{min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:13px 14px;color:var(--ink)}
    .tileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}.tile{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:16px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:start;min-height:0}.tile h3{font-size:24px;line-height:1.05;margin:0}.sub{color:var(--muted);font-weight:750}.artistLine{margin-top:8px}.rows{grid-column:1/-1;margin-top:0;padding-top:0}.dataBoxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--line);background:var(--panel2);border-radius:14px;color:var(--muted);min-width:0;align-items:center}.kv span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.kv b{color:var(--ink);overflow-wrap:anywhere;white-space:nowrap}.check{color:var(--good);font-weight:1000}
    .cardFace{width:78px;aspect-ratio:.716;min-height:108px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,var(--panel2),var(--soft));display:grid;place-items:center;overflow:hidden;text-align:center;color:var(--muted);font-size:10px;padding:5px}.cardFace img{width:100%;height:100%;object-fit:cover;display:block}.cardFace.loading{animation:pulse 1.35s infinite}.cardFace.placeholder{background:var(--soft)}.faceText{line-height:1.12}.smallThumb{width:52px;min-height:72px}.largeFace{width:86px;min-height:120px}
    .listWrap{display:none;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin-top:16px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:1180px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{position:sticky;top:0;background:var(--panel2);z-index:3;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:12px;white-space:nowrap;user-select:none}th.sortable{cursor:pointer}.thSortBtn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;font-weight:1000;padding:0;cursor:pointer}.thSortBtn:hover{color:var(--ink)}th.sortable:hover{color:var(--ink)}.sortMark{color:var(--accent);font-size:12px;margin-left:5px}.num{text-align:right}.nameCell{min-width:280px}.activeFilter{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:900}
    .modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:90;display:none;align-items:center;justify-content:center;padding:18px}.modalBackdrop.open{display:flex}.modal{max-width:720px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px;position:relative}.modal h2{font-size:52px}.close{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;width:48px;height:48px;font-size:28px;font-weight:1000}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:14px 18px;display:none}.toast.show{display:block}.landscapeHint{display:none;border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:14px;margin-top:12px}.bottomNav{position:sticky;bottom:12px;display:none;justify-content:center;z-index:50}.bottomNavInner{display:flex;gap:8px;background:rgba(28,23,37,.86);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:8px;box-shadow:var(--shadow)}

    .navBlock{position:relative;align-self:start;justify-self:end}.navToggle{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:13px 16px;font-weight:1000}.navPanel{display:none;position:absolute;top:54px;right:0;min-width:260px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px;z-index:80}.navPanel.open{display:grid;gap:6px}.navPanel button,.navPanel .menuAction{border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:12px;font-weight:950;width:100%}.navPanel button:hover,.navPanel .menuAction:hover{background:var(--panel2)}.navPanel hr{width:100%;border:0;border-top:1px solid var(--line);margin:6px 0}.menuColor{justify-content:space-between;border-radius:12px;background:transparent;width:100%;padding:10px 14px}
    @keyframes pulse{0%,100%{opacity:.68}50%{opacity:1}}
    @media(max-width:980px){.wrap{padding:12px}.topbar{position:relative}.header,.hero{grid-template-columns:1fr}.navBlock{justify-self:start}.navPanel{position:static;margin-top:8px}.controls{justify-content:flex-start}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.noteGrid{grid-template-columns:1fr}.browserTop{grid-template-columns:1fr}.browserControls{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.sortBox{display:grid;grid-template-columns:1fr auto}.tileGrid{grid-template-columns:1fr}.tile{grid-template-columns:110px 1fr}.tile .rows{grid-column:1/-1}.cardFace{width:68px}.largeFace{width:110px;min-height:154px}.downloadSelectRow{grid-template-columns:1fr}.reportSummaryBar{grid-template-columns:1fr}.subsetTitle{text-align:left}.bottomNav{display:flex}.landscapeHint{display:block}}
    @media(max-width:540px){.statGrid{grid-template-columns:1fr}.dataBoxes{grid-template-columns:1fr}h2{font-size:38px}.btn,.chip,.seg button{padding:11px 14px}.modal h2{font-size:40px}.tile h3{font-size:20px}}
    .brandTitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .versionBadge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--accent);color:#201423;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000;letter-spacing:.08em;box-shadow:0 10px 24px rgba(0,0,0,.18)}

/* v1.33.11 requested adjustments */
.screen,.panel{scroll-margin-top:140px}
.matrixHeadingLine{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.matrixHeadingLine h2{margin-bottom:0}
.matrixMetrics{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.matrixMetrics span{display:inline-flex;gap:6px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--muted);font-size:14px;font-weight:950}
.matrixMetrics b{color:var(--ink)}
.tileCard{cursor:pointer;transition:.15s}
.tileCard:hover{border-color:var(--ui);transform:translateY(-2px);box-shadow:0 14px 34px rgba(113,56,168,.18)}
.listWrap tbody tr{cursor:pointer}
.listWrap tbody tr:hover{background:var(--panel2)}
.cardDetailModal{max-width:1040px}
.cardDetailGrid{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:24px;align-items:start}
.detailImage{display:grid;justify-items:center}
.detailFace{width:min(320px,100%);min-height:448px;border-radius:18px;font-size:14px}
.detailData h2{font-size:clamp(34px,4vw,58px);margin-right:54px}
.detailBoxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:780px){.cardDetailGrid{grid-template-columns:1fr}.detailFace{width:min(280px,90vw);min-height:390px}.detailBoxes{grid-template-columns:1fr}.matrixHeadingLine{display:grid}.screen,.panel{scroll-margin-top:20px}}

/* v1.33.12 listed-only adjustments */
#importScreen .bigText{font-size:18px;line-height:1.3}
#importScreen .stat{padding:14px}
#importScreen .stat .label{font-size:13px}
#importScreen .stat .value{font-size:clamp(20px,1.75vw,26px);line-height:1.08}
.cardModalControls{position:absolute;right:18px;top:18px;display:flex;gap:8px;z-index:5}
.cardModalControls .close{position:static}
.modalArrow{border:1px solid var(--line);background:var(--panel2);border-radius:999px;width:48px;height:48px;font-size:34px;font-weight:1000;line-height:1}
.modalArrow:hover,.cardModalControls .close:hover{border-color:var(--ui)}
.cardDetailModal .detailData h2{margin-right:170px}
@media(max-width:980px){.tileGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tile{grid-template-columns:86px minmax(0,1fr)}.tile .rows{grid-column:1/-1}}
@media(max-width:540px){.tileGrid{grid-template-columns:1fr}.cardDetailModal .detailData h2{margin-right:0;padding-top:56px}}


/* v1.33.13 mobile-only fixes requested: keep footer actions in Menu, keep menu available, fit card detail on iOS */
.bottomNav{display:none !important}
.navBlock{z-index:120}

@media(max-width:980px){
  .wrap{width:100%;max-width:none;padding:8px}
  .topbar{position:sticky;top:0;width:100%;z-index:120;padding:6px 0 8px}
  .header{width:100%;grid-template-columns:1fr;padding:16px;border-radius:20px}
  .brand h1{font-size:clamp(24px,8vw,36px)}
  .brand p{font-size:15px;line-height:1.3}
  .brand small,.eyebrow{font-size:10px;letter-spacing:.18em}
  .versionBadge{font-size:10px;padding:5px 8px}
  .navBlock{position:fixed;right:10px;top:calc(env(safe-area-inset-top,0px) + 10px);justify-self:end}
  .navToggle{padding:10px 13px;background:var(--panel2);box-shadow:var(--shadow)}
  .navPanel{position:absolute;top:48px;right:0;margin-top:0;max-width:calc(100vw - 20px);max-height:calc(100dvh - 84px);overflow:auto}
  .panel{padding:16px;border-radius:18px}
  main{gap:12px;padding-bottom:20px}
  h2{font-size:clamp(28px,8vw,38px)}
  .bigText{font-size:16px}
  .statGrid{grid-template-columns:1fr;gap:8px}
  .stat{padding:12px;border-radius:14px}
  .stat .value{font-size:22px}
  .note{font-size:16px;padding:13px;border-radius:14px}
  .browserControls{gap:8px}
  .matrixHeadingLine{display:grid;gap:8px}
  .matrixMetrics span{font-size:12px;padding:7px 9px}
  .toolbar{gap:8px}
  .tileGrid{grid-template-columns:1fr;gap:10px}
  .tile{grid-template-columns:76px minmax(0,1fr);padding:12px;border-radius:16px}
  .dataBoxes{gap:7px}
  .kv{padding:8px;border-radius:10px;font-size:13px}
  .listWrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:780px){
  .modalBackdrop.open{align-items:flex-start;justify-content:center;overflow-y:auto;padding:10px;padding-top:calc(env(safe-area-inset-top,0px) + 10px)}
  .modal{max-width:calc(100vw - 20px);padding:16px;border-radius:20px}
  .cardDetailModal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto}
  .cardModalControls{right:10px;top:10px;gap:6px;position:sticky;float:right;margin-bottom:8px}
  .modalArrow,.cardModalControls .close{width:38px;height:38px;font-size:24px}
  .cardDetailGrid{grid-template-columns:1fr;gap:12px;clear:both}
  .detailImage{justify-items:center}
  .detailFace{width:min(220px,70vw);min-height:auto;aspect-ratio:.716}
  .detailData h2{font-size:28px;margin-right:0;padding-top:0}
  .detailBoxes{grid-template-columns:1fr;gap:7px}
}

@media(max-width:540px){
  .header{padding-right:82px}
  .seg button{min-width:auto;flex:1}
  .btn,.chip,.seg button{font-size:14px;padding:10px 12px}
}