:root{color-scheme:dark;--bg:#050915;--panel:#0c1424;--panel2:#111c30;--line:#263751;--text:#f7fbff;--muted:#9fb0c7;--cyan:#63e6ff;--gold:#f7c76b;--danger:#ff6677;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:Consolas,monospace}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(53,124,255,.17),transparent 34rem),radial-gradient(circle at 90% 20%,rgba(158,74,255,.13),transparent 30rem),var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit}.stars{position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:44px 44px}.stars-b{background-size:73px 73px;opacity:.18}.app-shell{position:relative;width:min(1540px,calc(100% - 24px));margin:12px auto 38px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(5,10,21,.92);box-shadow:0 28px 80px rgba(0,0,0,.38)}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(8,15,28,.96)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(99,230,255,.4);border-radius:12px;color:var(--cyan);font-weight:900}.brand-kicker,.brand-title{display:block}.brand-kicker{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-title{font-size:18px;font-weight:850}.primary-tabs{display:flex;justify-content:flex-start;gap:2px}.primary-tabs a{padding:8px 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:750}.primary-tabs a:hover,.primary-tabs a.active{color:var(--text);background:rgba(99,230,255,.1)}.primary-tabs a.active{box-shadow:inset 0 -2px var(--cyan)}.all-tools{color:var(--muted);text-decoration:none;font-size:12px}.account-strip{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 18px;border-bottom:1px solid var(--line);background:rgba(8,15,28,.72)}.account-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}.account-tab{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.account-tab.active{color:#04111b;border-color:var(--cyan);background:linear-gradient(135deg,var(--cyan),#82f2d2)}.add-account-form{display:flex;gap:5px;margin-left:auto}.add-account-form input{width:132px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#07101f}.add-account-form button,.remove-account{padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#132038;cursor:pointer}.remove-account{color:#ffb5bd}.account-message{position:absolute;right:20px;top:102px;margin:0;color:var(--danger);font-size:11px}.workspace{min-height:620px;padding:0}.workspace-loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:420px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid rgba(99,230,255,.17);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:780px){.topbar{grid-template-columns:1fr auto}.primary-tabs{grid-column:1/-1;order:3;overflow-x:auto}.account-strip{flex-wrap:wrap}.add-account-form{margin-left:0}.app-shell{width:calc(100% - 10px);margin:5px auto}.all-tools{align-self:start}}

/* v15 unified workspace states and richer application framing */
.workspace{position:relative;min-height:620px;background:radial-gradient(circle at 10% 0,rgba(99,230,255,.045),transparent 28rem),radial-gradient(circle at 90% 12%,rgba(139,92,246,.055),transparent 30rem)}
.workspace-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:430px;padding:28px;color:var(--muted);text-align:left}.workspace-state strong{display:block;color:var(--text);font-size:18px}.workspace-state p{max-width:620px;margin:5px 0 0;color:var(--muted)}.workspace-state-error{margin:24px;min-height:180px;border:1px solid #a93648;border-radius:16px;background:linear-gradient(145deg,rgba(100,10,26,.62),rgba(42,5,14,.78))}.workspace-state-empty{min-height:360px}.app-shell{background:linear-gradient(180deg,rgba(6,12,24,.97),rgba(4,8,17,.98));box-shadow:0 32px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.02) inset}.topbar{background:linear-gradient(90deg,rgba(10,19,35,.98),rgba(7,14,27,.98));box-shadow:0 12px 34px rgba(0,0,0,.22)}.brand-mark{background:radial-gradient(circle,rgba(99,230,255,.16),rgba(99,230,255,.02));box-shadow:0 0 22px rgba(99,230,255,.1)}.account-strip{background:linear-gradient(90deg,rgba(8,16,30,.9),rgba(10,18,33,.78))}.primary-tabs a{border:1px solid transparent}.primary-tabs a:hover{border-color:rgba(99,230,255,.16)}.primary-tabs a.active{border-color:rgba(99,230,255,.22);background:linear-gradient(145deg,rgba(99,230,255,.13),rgba(99,230,255,.045))}

/* v15.11 account and guild selectors */
.account-strip.guild-selector-mode{min-height:46px;padding-block:6px}.account-strip.guild-selector-mode .account-tabs{width:100%;gap:8px}.guild-icon-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(14,25,44,.8);color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.guild-icon-tab.active{border-color:var(--cyan);color:var(--text);box-shadow:0 0 18px rgba(99,230,255,.12)}.guild-icon-mark{color:var(--gold);font-size:11px}.account-strip.guild-selector-mode .account-message{display:none}


/* v15.14 combined multi-account exports */
.all-account-exports {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  margin-left: auto;
}
.all-account-exports button {
  min-height: 38px;
  padding: .55rem .75rem;
  border: 1px solid rgba(124, 190, 255, .34);
  border-radius: .65rem;
  background: linear-gradient(180deg, rgba(34, 70, 112, .9), rgba(17, 38, 68, .96));
  color: #eef7ff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .22);
}
.all-account-exports button:hover,
.all-account-exports button:focus-visible {
  border-color: rgba(116, 211, 255, .85);
  transform: translateY(-1px);
}
.all-account-exports button:disabled {
  opacity: .55;
  cursor: wait;
  transform: none;
}
@media (max-width: 760px) {
  .all-account-exports {
    width: 100%;
    margin-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .all-account-exports button {
    min-height: 44px;
    white-space: nowrap;
  }
}
@media (max-width: 420px) {
  .all-account-exports {
    grid-template-columns: 1fr;
  }
}


/* v15.17 split player-account and active-guild exports */
@media (max-width: 980px) and (min-width: 421px) {
  .all-account-exports {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .all-account-exports button {
    white-space: normal;
    line-height: 1.2;
  }
}