/* =========================================================
   AIUR THEME — gold filigree, solar blue, hex tech panels
   An original fan-inspired interface. No game assets are used.
   ========================================================= */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/cinzel-400.ttf") format("truetype");
}
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/cinzel-600.ttf") format("truetype");
}

html[data-theme="aiur"] {
  color-scheme: dark;
  --canvas: #030811;
  --canvas-deep: #06101e;
  --paper: #071321;
  --paper-warm: #0a1a2d;
  --paper-deep: #050d18;
  --ink: #f1f5fc;
  --ink-soft: #d0dce9;
  --muted: #8fa1b7;
  --faint: #5f738b;
  --line: rgba(210, 174, 95, .3);
  --line-strong: rgba(231, 196, 119, .55);
  --accent: #d9b66e;
  --accent-deep: #f5dda0;
  --accent-soft: rgba(217, 182, 110, .13);
  --psi: #67d9ff;
  --psi-soft: rgba(103, 217, 255, .11);
  --gold: #d9b66e;
  --danger: #d47b7b;
  --shadow-sm: 0 0 0 1px rgba(222, 190, 119, .07), 0 12px 28px -20px #000;
  --shadow-md: 0 0 0 1px rgba(222, 190, 119, .08), 0 25px 55px -28px #000;
  --shadow-lg: 0 0 0 1px rgba(222, 190, 119, .1), 0 40px 90px -38px #000;
  --serif: "Cinzel", "Songti SC", "STSong", "SimSun", serif;
  --sans: "Outfit", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --radius: 2px;
  background: #030811;
}

html[data-theme="aiur"] body {
  color: var(--ink);
  background:
    radial-gradient(1000px 740px at 83% 4%, rgba(37, 128, 168, .23), transparent 64%),
    radial-gradient(900px 720px at 5% 93%, rgba(159, 116, 43, .1), transparent 62%),
    radial-gradient(700px 500px at 50% 115%, rgba(20, 72, 100, .16), transparent 65%),
    linear-gradient(150deg, #02060d 0%, #06111e 46%, #02060d 100%);
}
html[data-theme="aiur"] body::before {
  opacity: .36;
  background-image:
    radial-gradient(circle, rgba(234, 250, 255, .95) .7px, transparent 1.1px),
    radial-gradient(circle, rgba(105, 216, 255, .8) .55px, transparent 1px),
    radial-gradient(circle, rgba(224, 188, 112, .55) .45px, transparent .9px);
  background-size: 210px 180px, 330px 270px, 480px 390px;
  background-position: 0 0, 64px 110px, 190px 30px;
}
html[data-theme="aiur"] body::after {
  content: "";
  position: fixed;
  inset: 11px;
  z-index: 20;
  pointer-events: none;
  border: 1px solid rgba(215, 178, 97, .32);
  box-shadow: inset 0 0 0 1px rgba(3, 8, 17, .7), inset 0 0 70px rgba(0, 0, 0, .3);
  background:
    linear-gradient(135deg, transparent 0 23px, rgba(240, 211, 139, .85) 23px 24px, transparent 24px) left top / 82px 82px no-repeat,
    linear-gradient(225deg, transparent 0 23px, rgba(240, 211, 139, .85) 23px 24px, transparent 24px) right top / 82px 82px no-repeat,
    linear-gradient(45deg, transparent 0 23px, rgba(240, 211, 139, .85) 23px 24px, transparent 24px) left bottom / 82px 82px no-repeat,
    linear-gradient(315deg, transparent 0 23px, rgba(240, 211, 139, .85) 23px 24px, transparent 24px) right bottom / 82px 82px no-repeat;
  opacity: .8;
}
html[data-theme="aiur"] .app-shell { position: relative; z-index: 1; }
html[data-theme="aiur"] ::selection { color: #050a12; background: #e2c57f; }
html[data-theme="aiur"] :focus-visible { outline-color: var(--psi); }
html[data-theme="aiur"] .skip-link { color: #050a12; background: var(--accent); border-radius: 1px; }

/* ---------- header / resource bar ---------- */

html[data-theme="aiur"] .site-header {
  min-height: 96px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(4, 11, 20, .72), transparent);
}
html[data-theme="aiur"] .brand-mark {
  color: #071321;
  background:
    radial-gradient(circle at 50% 40%, #dffbff 0 7%, #5ed5f3 22%, #1e6785 48%, #081c2c 76%),
    #071321;
  border: 1px solid var(--accent);
  border-radius: 50%;
  clip-path: none;
  box-shadow: 0 0 0 2px rgba(217, 182, 110, .13), 0 0 24px rgba(103, 217, 255, .2), inset 0 0 0 3px rgba(3, 9, 17, .45);
}
html[data-theme="aiur"] .brand:hover .brand-mark { transform: none; background: radial-gradient(circle at 50% 40%, #fff 0 7%, #69e0ff 23%, #23799a 50%, #081c2c 76%); }
html[data-theme="aiur"] .brand-name {
  font-family: var(--serif);
  color: #f5e6be;
  font-weight: 500;
  letter-spacing: .11em;
}
html[data-theme="aiur"] .brand-sub {
  font-family: var(--serif);
  color: var(--accent);
  letter-spacing: .24em;
}
html[data-theme="aiur"] .main-nav {
  padding: 4px;
  background: linear-gradient(180deg, rgba(9, 23, 39, .94), rgba(4, 12, 21, .94));
  border: 1px solid var(--line-strong);
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(103, 217, 255, .025), 0 0 24px rgba(0, 0, 0, .3);
}
html[data-theme="aiur"] .nav-link {
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 0;
  font-family: var(--sans);
  letter-spacing: .07em;
}
html[data-theme="aiur"] .nav-link:hover {
  color: var(--accent-deep);
  background: rgba(217, 182, 110, .07);
  border-color: rgba(217, 182, 110, .18);
}
html[data-theme="aiur"] .nav-link.is-active,
html[data-theme="aiur"] .nav-link.is-active:hover {
  color: #e8fbff;
  background:
    radial-gradient(120% 150% at 50% 120%, rgba(77, 202, 255, .35), transparent 62%),
    linear-gradient(180deg, rgba(15, 46, 69, .96), rgba(8, 22, 37, .96));
  border: 1px solid var(--accent);
  box-shadow: inset 0 0 18px rgba(86, 211, 255, .16), 0 0 18px rgba(72, 192, 237, .15);
}
html[data-theme="aiur"] .avatar-nav {
  background: linear-gradient(145deg, #d8faff, #318dab);
  border-color: var(--accent);
  box-shadow: 0 0 10px rgba(103, 217, 255, .35);
}
html[data-theme="aiur"] .header-right {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-self: end;
  min-width: 0;
}
html[data-theme="aiur"] .aiur-resources {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 6px 10px;
  background: rgba(4, 12, 21, .78);
  border: 1px solid var(--line);
  border-radius: 1px;
}
html[data-theme="aiur"] .aiur-res {
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: var(--serif);
  font-size: 10px;
  color: var(--ink-soft);
  letter-spacing: .03em;
}
html[data-theme="aiur"] .aiur-res b { font-weight: 600; color: #edf9ff; }
html[data-theme="aiur"] .aiur-gem {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(255, 255, 255, .55);
  transform: rotate(45deg);
  box-shadow: 0 0 8px currentColor;
}
html[data-theme="aiur"] .gem-blue { color: #65d9ff; background: #2c9cc0; }
html[data-theme="aiur"] .gem-gold { color: #f3d78f; background: #b88a3b; }
html[data-theme="aiur"] .gem-green { color: #9be4c5; background: #4d9b7c; }
html[data-theme="aiur"] .header-note {
  color: var(--faint);
  background: rgba(4, 12, 21, .72);
  border-color: var(--line);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .header-note::before {
  background: var(--psi);
  box-shadow: 0 0 0 3px rgba(103, 217, 255, .1), 0 0 8px var(--psi);
}

/* ---------- common / buttons ---------- */

html[data-theme="aiur"] .page-footer { color: var(--faint); border-top-color: var(--line); }
html[data-theme="aiur"] .eyebrow {
  font-family: var(--serif);
  color: var(--accent);
  letter-spacing: .22em;
  text-transform: uppercase;
}
html[data-theme="aiur"] .eyebrow::before {
  height: 1px;
  background: linear-gradient(90deg, var(--accent), rgba(103, 217, 255, .2));
  box-shadow: 0 0 8px rgba(217, 182, 110, .45);
}
html[data-theme="aiur"] .btn {
  color: #eefcff;
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: .1em;
  background:
    radial-gradient(80% 160% at 50% 120%, rgba(61, 188, 240, .22), transparent 60%),
    linear-gradient(180deg, #0e2f4a, #071623);
  border: 1px solid var(--accent);
  border-radius: 1px;
  box-shadow: inset 0 0 20px rgba(91, 213, 255, .12), 0 0 20px rgba(66, 185, 235, .12);
  text-transform: uppercase;
}
html[data-theme="aiur"] .btn:hover {
  color: #fff;
  background:
    radial-gradient(80% 160% at 50% 120%, rgba(92, 219, 255, .38), transparent 64%),
    linear-gradient(180deg, #12405f, #081a29);
  border-color: #f0d392;
  box-shadow: inset 0 0 24px rgba(110, 226, 255, .2), 0 0 26px rgba(75, 201, 247, .24);
}
html[data-theme="aiur"] .btn-accent { background: radial-gradient(80% 160% at 50% 120%, rgba(61, 188, 240, .22), transparent 60%), linear-gradient(180deg, #0e2f4a, #071623); }
html[data-theme="aiur"] .btn-accent:hover { background: radial-gradient(80% 160% at 50% 120%, rgba(92, 219, 255, .38), transparent 64%), linear-gradient(180deg, #12405f, #081a29); }
html[data-theme="aiur"] .btn-quiet {
  color: var(--accent-deep);
  background: rgba(5, 14, 24, .72);
  border: 1px solid var(--line);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .btn-quiet:hover { color: #fff4cc; background: rgba(217, 182, 110, .1); border-color: var(--line-strong); }

/* ---------- home ---------- */

html[data-theme="aiur"] .home-hero { border-bottom: 1px solid rgba(217, 182, 110, .12); }
html[data-theme="aiur"] .home-eyebrow {
  font-family: var(--serif);
  color: var(--accent);
  letter-spacing: .12em;
  text-transform: uppercase;
}
html[data-theme="aiur"] .home-eyebrow::before {
  width: 7px;
  height: 7px;
  background: var(--accent);
  border-radius: 0;
  box-shadow: 0 0 0 4px rgba(217, 182, 110, .08), 0 0 12px rgba(217, 182, 110, .6);
  transform: rotate(45deg);
}
html[data-theme="aiur"] .hero-title {
  color: #f2f6fd;
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: .01em;
  text-shadow: 0 0 40px rgba(91, 187, 219, .1);
}
html[data-theme="aiur"] .hero-title em {
  position: relative;
  display: inline-block;
  color: var(--accent-deep);
  background: none;
  -webkit-text-fill-color: var(--accent-deep);
  text-shadow: 0 0 30px rgba(217, 182, 110, .3);
}
html[data-theme="aiur"] .hero-title em::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .55;
}
html[data-theme="aiur"] .hero-lede { color: #9eb0c4; }
html[data-theme="aiur"] .hero-tip { color: var(--faint); }
html[data-theme="aiur"] .hero-tip svg { color: var(--psi); }
html[data-theme="aiur"] .hero-stat {
  background: linear-gradient(145deg, rgba(13, 33, 55, .92), rgba(5, 14, 24, .94));
  border: 1px solid var(--line);
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(103, 217, 255, .025);
}
html[data-theme="aiur"] .hero-stat strong { font-family: var(--serif); color: var(--accent-deep); font-weight: 600; }
html[data-theme="aiur"] .hero-stat span { color: var(--faint); }
html[data-theme="aiur"] .hero-stat + .hero-stat { border-left: 1px solid var(--line); }

/* Aiur hero: cover art inside a gilded command frame */
html[data-theme="aiur"] .aiur-hero-art {
  width: 100%;
  max-width: 500px;
  height: 545px;
  margin-left: auto;
  isolation: isolate;
}
html[data-theme="aiur"] .aiur-art-frame {
  position: absolute;
  inset: 0 0 52px;
  overflow: hidden;
  background: #030811;
  border: 1px solid var(--accent);
  border-radius: 1px;
  box-shadow: 0 0 0 4px rgba(4, 12, 21, .9), 0 0 0 5px rgba(217, 182, 110, .25), 0 30px 60px -30px #000;
}
html[data-theme="aiur"] .aiur-art-frame::before {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 3;
  border: 1px solid rgba(231, 196, 119, .38);
  pointer-events: none;
}
html[data-theme="aiur"] .aiur-art-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(3, 8, 17, .32), transparent 26%, transparent 64%, rgba(3, 8, 17, .86)),
    radial-gradient(120% 90% at 50% 30%, transparent 48%, rgba(2, 7, 13, .35));
}
html[data-theme="aiur"] .aiur-art-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 48%;
  filter: saturate(1.08) contrast(1.02);
}
html[data-theme="aiur"] .aiur-art-overline {
  position: absolute;
  top: 20px;
  left: 21px;
  z-index: 4;
  font-family: var(--serif);
  font-size: 8px;
  letter-spacing: .22em;
  color: var(--accent-deep);
  text-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
html[data-theme="aiur"] .aiur-art-wordmark {
  position: absolute;
  top: 43px;
  left: 20px;
  z-index: 4;
  font-family: var(--serif);
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .16em;
  color: #f2ddac;
  text-shadow: 0 0 24px rgba(217, 182, 110, .28), 0 2px 2px rgba(0, 0, 0, .7);
}
html[data-theme="aiur"] .aiur-art-motto {
  position: absolute;
  top: 84px;
  left: 22px;
  z-index: 4;
  font-family: var(--serif);
  font-size: 6px;
  letter-spacing: .16em;
  color: rgba(211, 226, 239, .62);
}
html[data-theme="aiur"] .aiur-art-readout {
  position: absolute;
  top: 19px;
  right: 20px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
html[data-theme="aiur"] .aiur-art-readout span {
  font-family: var(--serif);
  font-size: 6.5px;
  letter-spacing: .18em;
  color: var(--psi);
}
html[data-theme="aiur"] .aiur-art-readout strong {
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  color: #eafaff;
  text-shadow: 0 0 12px rgba(103, 217, 255, .35);
}
html[data-theme="aiur"] .aiur-art-readout small { font-size: 6.5px; letter-spacing: .12em; color: var(--faint); }
html[data-theme="aiur"] .aiur-mission {
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  z-index: 5;
  display: flex;
  gap: 11px;
  align-items: center;
  min-height: 78px;
  padding: 10px 12px;
  color: var(--ink-soft);
  text-decoration: none;
  cursor: pointer;
  background:
    linear-gradient(90deg, rgba(8, 22, 38, .98), rgba(4, 12, 21, .98));
  border: 1px solid var(--accent);
  border-radius: 1px;
  box-shadow: 0 0 0 3px rgba(4, 12, 21, .9), 0 0 0 4px rgba(217, 182, 110, .2), 0 16px 30px -18px #000;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
html[data-theme="aiur"] .aiur-mission:hover {
  border-color: #f4dda3;
  box-shadow: 0 0 0 3px rgba(4, 12, 21, .9), 0 0 0 4px rgba(217, 182, 110, .34), 0 0 28px rgba(86, 207, 248, .16);
  transform: translateY(-2px);
}
html[data-theme="aiur"] .aiur-mission-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  color: #dffbff;
  background: radial-gradient(circle at 50% 40%, rgba(108, 231, 255, .4), rgba(6, 24, 38, .86));
  border: 1px solid var(--accent);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  box-shadow: inset 0 0 14px rgba(103, 217, 255, .25), 0 0 12px rgba(103, 217, 255, .2);
}
html[data-theme="aiur"] .aiur-mission-icon svg { width: 16px; height: 16px; }
html[data-theme="aiur"] .aiur-mission-copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html[data-theme="aiur"] .aiur-mission-copy small {
  font-family: var(--serif);
  font-size: 6px;
  letter-spacing: .18em;
  color: var(--psi);
}
html[data-theme="aiur"] .aiur-mission-copy strong {
  overflow: hidden;
  font-family: var(--serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  color: #f7ecd0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-theme="aiur"] .aiur-mission-copy span { font-size: 7.5px; color: var(--faint); }
html[data-theme="aiur"] .aiur-mission-go {
  display: grid;
  width: 34px;
  height: 34px;
  margin-left: auto;
  place-items: center;
  color: var(--accent);
  border: 1px solid var(--line);
  background: rgba(4, 12, 21, .7);
}
html[data-theme="aiur"] .aiur-mission-go svg { width: 13px; height: 13px; }

/* ---------- sections / cards ---------- */

html[data-theme="aiur"] .collections,
html[data-theme="aiur"] .public-library { border-top-color: var(--line); }
html[data-theme="aiur"] .section-title {
  font-family: var(--serif);
  color: #f1e8d2;
  font-weight: 500;
  letter-spacing: .015em;
}
html[data-theme="aiur"] .section-title .count {
  color: var(--accent);
  background: rgba(217, 182, 110, .06);
  border: 1px solid var(--line);
  border-radius: 1px;
  box-shadow: none;
  font-family: var(--sans);
}
html[data-theme="aiur"] .list-card {
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .035), transparent 44%),
    linear-gradient(145deg, #0b2035, #061320);
  border: 1px solid var(--line);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .13);
  outline-offset: -5px;
  box-shadow: 0 0 0 1px rgba(103, 217, 255, .02), 0 18px 38px -28px #000;
}
html[data-theme="aiur"] .list-card::before {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), rgba(103, 217, 255, .35), transparent);
  opacity: .9;
}
html[data-theme="aiur"] .list-card::after {
  background:
    radial-gradient(circle at 88% 96%, rgba(103, 217, 255, .1), transparent 44%),
    repeating-linear-gradient(135deg, transparent 0 22px, rgba(103, 217, 255, .022) 22px 23px);
  opacity: .8;
}
html[data-theme="aiur"] .list-card:hover,
html[data-theme="aiur"] .list-card:focus-within {
  border-color: var(--line-strong);
  outline-color: rgba(103, 217, 255, .16);
  box-shadow: 0 0 24px rgba(103, 217, 255, .08), 0 22px 44px -28px #000;
}
html[data-theme="aiur"] .card-number {
  font-family: var(--serif);
  color: var(--accent);
  letter-spacing: .16em;
}
html[data-theme="aiur"] .card-count {
  color: #bcefff;
  background: rgba(103, 217, 255, .07);
  border: 1px solid rgba(103, 217, 255, .24);
  border-radius: 1px;
  box-shadow: inset 0 0 10px rgba(103, 217, 255, .06);
}
html[data-theme="aiur"] .card-title {
  font-family: var(--serif);
  color: #f2ead6;
  font-weight: 500;
  letter-spacing: .01em;
}
html[data-theme="aiur"] .card-meta { color: var(--muted); }
html[data-theme="aiur"] .card-meta::before { background: var(--accent); }
html[data-theme="aiur"] .card-open { color: var(--psi); font-family: var(--serif); letter-spacing: .11em; }
html[data-theme="aiur"] .card-word-dots i { background: rgba(217, 182, 110, .55); }
html[data-theme="aiur"] .card-delete { color: var(--faint); background: rgba(4, 12, 21, .9); border-color: var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .card-delete:hover { color: var(--danger); background: rgba(45, 12, 16, .9); }
html[data-theme="aiur"] .card-add {
  color: var(--muted);
  background: rgba(5, 14, 24, .34);
  border: 1px dashed var(--line-strong);
  border-radius: 1px;
}
html[data-theme="aiur"] .card-add:hover { color: var(--ink-soft); border-color: var(--accent); background: rgba(217, 182, 110, .04); }
html[data-theme="aiur"] .card-add .add-ring { color: var(--accent); background: rgba(7, 19, 32, .9); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .card-add:hover .add-ring { color: #061321; background: var(--accent); }
html[data-theme="aiur"] .card-add strong { color: var(--ink-soft); font-family: var(--serif); font-weight: 500; }
html[data-theme="aiur"] .card-add span:last-child { color: var(--faint); }
html[data-theme="aiur"] .empty-collections { background: rgba(5, 14, 24, .4); border: 1px dashed var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .empty-glyph { color: var(--accent); background: rgba(7, 19, 32, .9); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .empty-collections h3 { font-family: var(--serif); color: var(--ink); font-weight: 500; }
html[data-theme="aiur"] .empty-collections p { color: var(--muted); }
html[data-theme="aiur"] .public-library-note { color: var(--faint); }
html[data-theme="aiur"] .public-library-note svg { color: var(--psi); }
html[data-theme="aiur"] .public-card-desc { color: var(--muted); }
html[data-theme="aiur"] .public-card-source { color: var(--faint); }
html[data-theme="aiur"] .public-card-source svg { color: var(--psi); }
html[data-theme="aiur"] .public-card-stamp { color: var(--faint); font-family: var(--serif); }
html[data-theme="aiur"] .public-empty { background: rgba(5, 14, 24, .42); border-color: var(--line-strong); border-radius: 1px; }
html[data-theme="aiur"] .public-empty-mark { color: var(--accent); background: var(--accent-soft); border-radius: 1px; }
html[data-theme="aiur"] .public-empty strong { color: var(--ink-soft); font-family: var(--serif); font-weight: 500; }
html[data-theme="aiur"] .public-empty span { color: var(--muted); }

/* ---------- cover ---------- */

html[data-theme="aiur"] .cover-frame {
  background: linear-gradient(145deg, #0a1b2d, #040c16);
  border: 1px solid var(--accent);
  border-radius: 1px;
  box-shadow: 0 0 0 5px rgba(4, 12, 21, .9), 0 0 0 6px rgba(217, 182, 110, .25), 0 35px 80px -38px #000;
}
html[data-theme="aiur"] .cover-frame::before {
  content: "";
  position: absolute;
  inset: 19px;
  z-index: 3;
  border: 1px solid rgba(240, 211, 139, .38);
  pointer-events: none;
}
html[data-theme="aiur"] .cover-photo { border-radius: 0; filter: saturate(1.05) contrast(1.02); }
html[data-theme="aiur"] .cover-shade {
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(2, 7, 13, .32), transparent 30%, rgba(2, 7, 13, .76)),
    linear-gradient(110deg, rgba(2, 7, 13, .35), transparent 48%, rgba(2, 7, 13, .3));
}
html[data-theme="aiur"] .cover-edition {
  font-family: var(--serif);
  color: var(--accent-deep);
  background: rgba(3, 11, 20, .78);
  border-color: var(--line-strong);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .cover-change {
  font-family: var(--serif);
  color: var(--accent-deep);
  background: rgba(3, 11, 20, .78);
  border-color: var(--line-strong);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .cover-change:hover { color: #fff4cc; background: rgba(10, 27, 44, .94); }
html[data-theme="aiur"] .cover-content {
  color: var(--ink);
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .035), transparent 42%),
    rgba(3, 10, 18, .9);
  border: 1px solid var(--accent);
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(240, 211, 139, .15), 0 30px 60px -28px #000;
  backdrop-filter: blur(22px);
}
html[data-theme="aiur"] .cover-id { color: var(--psi); font-family: var(--serif); letter-spacing: .18em; }
html[data-theme="aiur"] .avatar-cover { color: #06111e; background: linear-gradient(145deg, #e8faff, #51c8e6); border-color: rgba(240, 211, 139, .65); box-shadow: 0 0 14px rgba(103, 217, 255, .2); }
html[data-theme="aiur"] .cover-name { font-family: var(--serif); font-weight: 500; letter-spacing: .01em; color: #f4ecd8; text-shadow: 0 0 30px rgba(103, 217, 255, .1); }
html[data-theme="aiur"] .cover-tagline { color: #a7b7c9; }
html[data-theme="aiur"] .cover-enter { color: #eefcff; background: radial-gradient(80% 160% at 50% 120%, rgba(61, 188, 240, .26), transparent 60%), linear-gradient(180deg, #0f3552, #071623); border-color: var(--accent); }
html[data-theme="aiur"] .cover-enter:hover { color: #fff; background: radial-gradient(80% 160% at 50% 120%, rgba(92, 219, 255, .4), transparent 64%), linear-gradient(180deg, #154865, #081a29); }
html[data-theme="aiur"] .cover-edit { color: var(--muted); border-bottom-color: var(--line); }
html[data-theme="aiur"] .cover-edit:hover { color: var(--psi); border-bottom-color: rgba(103, 217, 255, .55); }
html[data-theme="aiur"] .cover-bottom {
  color: var(--muted);
  background: rgba(3, 10, 18, .84);
  border: 1px solid var(--line-strong);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .cover-counts strong { color: var(--accent-deep); font-family: var(--serif); }
html[data-theme="aiur"] .cover-counts i { background: var(--line-strong); }
html[data-theme="aiur"] .cover-page { color: var(--faint); font-family: var(--serif); }
html[data-theme="aiur"] .cover-vertical { color: rgba(217, 182, 110, .2); }

/* ---------- profile ---------- */

html[data-theme="aiur"] .profile-hero {
  background:
    radial-gradient(70% 130% at 100% 0%, rgba(103, 217, 255, .09), transparent 54%),
    linear-gradient(145deg, #0b2035, #06121f);
  border: 1px solid var(--line);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .14);
  outline-offset: -6px;
  box-shadow: var(--shadow-lg);
}
html[data-theme="aiur"] .profile-hero::before {
  background:
    radial-gradient(circle at 35% 35%, rgba(103, 217, 255, .09), transparent 55%),
    radial-gradient(circle at 68% 62%, rgba(217, 182, 110, .09), transparent 56%);
  opacity: .6;
}
html[data-theme="aiur"] .profile-hero::after { background: radial-gradient(circle at center, rgba(103, 217, 255, .06), transparent 65%); }
html[data-theme="aiur"] .avatar-profile { color: #06111e; background: linear-gradient(145deg, #e8faff, #44b9d7); border-color: rgba(240, 211, 139, .65); box-shadow: 0 0 0 1px rgba(103, 217, 255, .22), 0 14px 28px -18px #000; }
html[data-theme="aiur"] .avatar-camera { color: #06111e; background: linear-gradient(140deg, #f0d28c, #b88a3d); border-color: #071321; box-shadow: 0 0 12px rgba(217, 182, 110, .3); }
html[data-theme="aiur"] .profile-identity h1 { font-family: var(--serif); font-weight: 500; color: #f3ead6; letter-spacing: .02em; }
html[data-theme="aiur"] .profile-identity > p { color: var(--muted); }
html[data-theme="aiur"] .profile-local { color: var(--faint); }
html[data-theme="aiur"] .profile-local svg { color: var(--psi); }
html[data-theme="aiur"] .profile-stat { background: rgba(5, 15, 26, .72); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .profile-stat strong { font-family: var(--serif); color: var(--accent-deep); }
html[data-theme="aiur"] .profile-stat span { color: var(--faint); }
html[data-theme="aiur"] .profile-card {
  background: linear-gradient(145deg, #0b2035, #06121f);
  border: 1px solid var(--line);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .12);
  outline-offset: -5px;
  box-shadow: var(--shadow-md);
}
html[data-theme="aiur"] .profile-card-head { border-bottom-color: var(--line); }
html[data-theme="aiur"] .profile-card-no { font-family: var(--serif); color: var(--accent); }
html[data-theme="aiur"] .profile-card-head h2 { font-family: var(--serif); color: #f1e8d2; font-weight: 500; }
html[data-theme="aiur"] .profile-card-head p { color: var(--faint); }
html[data-theme="aiur"] .text-input { color: var(--ink); background: rgba(3, 11, 20, .8); border: 1px solid var(--line); border-radius: 1px; box-shadow: inset 0 0 16px rgba(0, 0, 0, .28); }
html[data-theme="aiur"] .text-input::placeholder { color: var(--faint); }
html[data-theme="aiur"] .text-input:focus { background: rgba(7, 20, 33, .95); border-color: rgba(103, 217, 255, .55); box-shadow: 0 0 0 3px rgba(103, 217, 255, .08), inset 0 0 16px rgba(0, 0, 0, .25); }
html[data-theme="aiur"] .field-hint { color: var(--faint); }
html[data-theme="aiur"] .profile-save-row { border-top-color: var(--line); color: var(--faint); }
html[data-theme="aiur"] .profile-save-row svg { color: var(--psi); }
html[data-theme="aiur"] .avatar-preview .avatar { color: #06111e; background: linear-gradient(145deg, #e8faff, #44b9d7); border-color: rgba(240, 211, 139, .65); }
html[data-theme="aiur"] .media-copy h3 { font-family: var(--serif); color: #f1e8d2; font-weight: 500; }
html[data-theme="aiur"] .media-copy p { color: var(--muted); }
html[data-theme="aiur"] .text-button { color: var(--faint); }
html[data-theme="aiur"] .text-button:hover { color: var(--psi); border-bottom-color: rgba(103, 217, 255, .35); }
html[data-theme="aiur"] .media-divider { background: var(--line); }
html[data-theme="aiur"] .cover-thumb { border-color: var(--line-strong); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .profile-note { border-top-color: var(--line); color: var(--faint); }
html[data-theme="aiur"] .profile-note svg { color: var(--psi); }
html[data-theme="aiur"] .theme-card {
  background: linear-gradient(145deg, #0b2035, #06121f);
  border-color: var(--line);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .12);
  outline-offset: -5px;
  box-shadow: var(--shadow-md);
}
html[data-theme="aiur"] .theme-mark { color: var(--accent); background: var(--accent-soft); border-color: var(--line); border-radius: 1px; }
html[data-theme="aiur"] .theme-setting-copy h2 { font-family: var(--serif); color: #f1e8d2; font-weight: 500; }
html[data-theme="aiur"] .theme-setting-copy > p:last-child { color: var(--muted); }
html[data-theme="aiur"] .theme-setting-copy strong { color: var(--accent); }

/* ---------- list page ---------- */

html[data-theme="aiur"] .back-link { color: var(--muted); }
html[data-theme="aiur"] .back-link svg { color: var(--psi); }
html[data-theme="aiur"] .topbar-note { color: var(--faint); }
html[data-theme="aiur"] .topbar-note svg { color: var(--psi); }
html[data-theme="aiur"] .list-title { font-family: var(--serif); color: #f3ead6; font-weight: 500; letter-spacing: .01em; }
html[data-theme="aiur"] .list-sub { color: var(--muted); }
html[data-theme="aiur"] .list-sub kbd { color: var(--psi); background: rgba(103, 217, 255, .06); border-color: var(--line); }
html[data-theme="aiur"] .list-stat { background: rgba(5, 15, 26, .72); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .list-stat strong { font-family: var(--serif); color: var(--accent-deep); }
html[data-theme="aiur"] .list-stat span { color: var(--faint); }
html[data-theme="aiur"] .workspace-toolbar { background: rgba(5, 14, 24, .7); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .toolbar-left .btn-quiet { background: rgba(5, 15, 26, .8); border: 1px solid var(--line); border-radius: 1px; }
html[data-theme="aiur"] .toolbar-hint { color: var(--faint); }
html[data-theme="aiur"] .paper-sheet {
  background: linear-gradient(145deg, #0b2035, #05101c);
  border: 1px solid var(--line-strong);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .14);
  outline-offset: -6px;
  box-shadow: var(--shadow-lg);
}
html[data-theme="aiur"] .sheet-kicker { color: var(--psi); font-family: var(--serif); }
html[data-theme="aiur"] .sheet-title { font-family: var(--serif); color: var(--accent); font-weight: 500; }
html[data-theme="aiur"] .sheet-rule { background: var(--line); }
html[data-theme="aiur"] .sheet-rule i { background: var(--accent); }
html[data-theme="aiur"] .sheet-sub { color: var(--faint); }
html[data-theme="aiur"] .table-scroll-hint { color: var(--psi); }
html[data-theme="aiur"] .table-viewport { background: rgba(3, 10, 18, .8); border-color: var(--line); border-radius: 1px; box-shadow: inset 0 1px 0 rgba(103, 217, 255, .03); }
html[data-theme="aiur"] .word-table th,
html[data-theme="aiur"] .word-table td { border-color: rgba(217, 182, 110, .2); }
html[data-theme="aiur"] .th-main { color: #b9c9da; background: #10243a !important; }
html[data-theme="aiur"] .th-main .th-en { color: var(--faint); }
html[data-theme="aiur"] .th-group { color: var(--faint) !important; background: #0a1a2b !important; }
html[data-theme="aiur"] .th-sub { color: #a7b9cc; background: #0d2033 !important; }
html[data-theme="aiur"] .col-toggle { color: var(--psi); background: rgba(4, 12, 21, .9); border-color: var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .col-toggle:hover { color: var(--accent); background: rgba(15, 34, 54, .95); border-color: var(--line-strong); }
html[data-theme="aiur"] .col-toggle[aria-pressed="true"] { color: #061321; background: var(--accent); border-color: var(--accent); box-shadow: 0 0 12px rgba(217, 182, 110, .25); }
html[data-theme="aiur"] .th.is-col-hidden { background: #172638 !important; }
html[data-theme="aiur"] .word-table tbody td { color: var(--ink-soft); background: #071422; }
html[data-theme="aiur"] .word-table tbody tr:nth-child(even) td { background: #0a1a2a; }
html[data-theme="aiur"] .word-table tbody tr:hover td { background: #102b43; }
html[data-theme="aiur"] .index-cell { color: var(--faint); font-family: var(--serif); }
html[data-theme="aiur"] .row-delete { color: var(--faint); background: rgba(4, 12, 21, .9); border-color: var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .row-delete:hover { color: var(--danger); background: rgba(40, 12, 16, .9); }
html[data-theme="aiur"] .cell-word .cell-value { color: #f1f8ff; font-size: 14.5px; }
html[data-theme="aiur"] .cell-meaning .cell-value { color: var(--ink-soft); }
html[data-theme="aiur"] .cell-record .cell-value { color: var(--muted); }
html[data-theme="aiur"] .cell-edit { color: var(--psi); background: rgba(4, 12, 21, .92); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .cell-edit:hover { color: var(--accent); background: #102b43; border-color: var(--line-strong); }
html[data-theme="aiur"] .cell.is-editing { background: #0d2238 !important; box-shadow: inset 0 0 0 1px var(--psi); }
html[data-theme="aiur"] .cell.is-editing .cell-value { color: var(--ink); }
html[data-theme="aiur"] .cell.is-editing .cell-value:empty::before { color: var(--faint); }
html[data-theme="aiur"] .cell-mask { color: var(--accent); background-color: #10243a; background-image: repeating-linear-gradient(135deg, transparent 0 8px, rgba(103, 217, 255, .035) 8px 9px); box-shadow: inset 0 0 18px rgba(0, 0, 0, .28); }
html[data-theme="aiur"] .cell.is-col-hidden .cell-mask { background-color: #162c43; }
html[data-theme="aiur"] .cell-mask svg { color: var(--accent); }
html[data-theme="aiur"] .sheet-foot { color: var(--faint); }
html[data-theme="aiur"] .sheet-foot .foot-left::before { background: var(--line-strong); }
html[data-theme="aiur"] .sheet-foot .foot-right svg { color: var(--psi); }
html[data-theme="aiur"] .add-row-bar { background: rgba(5, 14, 24, .58); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .btn-add-row { color: var(--muted); background: rgba(5, 15, 26, .82); border: 1px solid var(--line); border-radius: 1px; box-shadow: none; }
html[data-theme="aiur"] .btn-add-row:hover { color: #061321; background: var(--accent); border-color: var(--accent); }
html[data-theme="aiur"] .btn-add-row.subtle { color: var(--faint); background: transparent; border-color: transparent; }
html[data-theme="aiur"] .btn-add-row.subtle:hover { color: var(--psi); background: rgba(103, 217, 255, .05); }
html[data-theme="aiur"] .add-row-note { color: var(--faint); }
html[data-theme="aiur"] .add-row-note svg { color: var(--psi); }

/* ---------- public list ---------- */

html[data-theme="aiur"] .public-reviewed { color: var(--psi); background: rgba(103, 217, 255, .06); border-color: rgba(103, 217, 255, .24); border-radius: 1px; }
html[data-theme="aiur"] .public-credit { color: var(--faint); }
html[data-theme="aiur"] .public-credit svg { color: var(--psi); }
html[data-theme="aiur"] .public-table th { color: var(--faint); background: #10243a; }
html[data-theme="aiur"] .public-table .public-th-index { color: var(--muted); }
html[data-theme="aiur"] .public-table tbody td { color: var(--ink-soft); background: #071422; }
html[data-theme="aiur"] .public-table tbody tr:nth-child(even) td { background: #0a1a2a; }
html[data-theme="aiur"] .public-table tbody tr:hover td { background: #102b43; }
html[data-theme="aiur"] .public-index { color: var(--faint); }
html[data-theme="aiur"] .public-word { color: var(--ink); font-family: var(--sans); font-size: 13px !important; }
html[data-theme="aiur"] .public-meaning-cell { color: var(--ink-soft); }
html[data-theme="aiur"] .public-mask { color: var(--accent); background: #10243a; }
html[data-theme="aiur"] .public-mask svg { color: var(--accent); }
html[data-theme="aiur"] .public-pager .btn-quiet { border-radius: 1px; }
html[data-theme="aiur"] .public-page-label { color: var(--faint); }
html[data-theme="aiur"] .public-loading strong { color: var(--ink-soft); }
html[data-theme="aiur"] .public-loading span:last-child { color: var(--faint); }
html[data-theme="aiur"] .public-loading-mark,
html[data-theme="aiur"] .public-error-mark { color: var(--accent); background: var(--accent-soft); border-color: var(--line); border-radius: 1px; }
html[data-theme="aiur"] .public-error h1 { color: var(--ink); font-family: var(--serif); font-weight: 500; }
html[data-theme="aiur"] .public-error p { color: var(--muted); }

/* ---------- modal / theme switcher ---------- */

html[data-theme="aiur"] .modal::backdrop { background: rgba(1, 4, 8, .76); backdrop-filter: blur(10px); }
html[data-theme="aiur"] .modal-card {
  color: var(--ink);
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .035), transparent 42%),
    linear-gradient(145deg, #0b2035, #050e19);
  border: 1px solid var(--accent);
  border-radius: 1px;
  outline: 1px solid rgba(217, 182, 110, .18);
  outline-offset: -6px;
  box-shadow: 0 0 0 1px rgba(103, 217, 255, .04), 0 40px 100px -45px #000;
}
html[data-theme="aiur"] .modal-card::before { height: 1px; background: linear-gradient(90deg, var(--accent), rgba(103, 217, 255, .4), transparent); }
html[data-theme="aiur"] .modal-close { color: var(--faint); }
html[data-theme="aiur"] .modal-kicker { color: var(--accent); font-family: var(--serif); }
html[data-theme="aiur"] .modal-title { color: #f3ead6; font-family: var(--serif); font-weight: 500; letter-spacing: .01em; }
html[data-theme="aiur"] .modal-desc { color: var(--muted); }
html[data-theme="aiur"] .modal-label { color: var(--muted); }
html[data-theme="aiur"] .modal-actions { border-top-color: var(--line); }
html[data-theme="aiur"] .theme-option {
  background: linear-gradient(145deg, #0a1b2d, #06121f);
  border: 1px solid var(--line);
  border-radius: 1px;
  box-shadow: none;
}
html[data-theme="aiur"] .theme-option:hover { border-color: var(--line-strong); }
html[data-theme="aiur"] .theme-option.is-selected {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgba(217, 182, 110, .28), 0 0 22px rgba(103, 217, 255, .12);
}
html[data-theme="aiur"] .theme-option-copy strong { font-family: var(--serif); color: #f3ead6; font-weight: 500; }
html[data-theme="aiur"] .theme-option-copy small { color: var(--muted); }
html[data-theme="aiur"] .theme-check { color: #061321; background: var(--accent); border-color: #071321; }
html[data-theme="aiur"] .theme-hint { color: var(--faint); }
html[data-theme="aiur"] .theme-hint svg { color: var(--psi); }
html[data-theme="aiur"] .delete-summary { background: rgba(45, 12, 16, .5); border-color: rgba(212, 123, 123, .2); border-radius: 1px; }
html[data-theme="aiur"] .toast {
  color: var(--ink-soft);
  background: rgba(4, 12, 21, .95);
  border: 1px solid var(--line-strong);
  border-radius: 1px;
  box-shadow: 0 20px 46px -28px #000;
}
html[data-theme="aiur"] .toast-message svg { color: var(--accent); }
html[data-theme="aiur"] .toast-action { color: var(--psi); }
html[data-theme="aiur"] .toast-action:hover { color: var(--accent); }

/* upload */
html[data-theme="aiur"] .upload-file-box { background: rgba(3, 11, 20, .72); border-color: var(--line-strong); border-radius: 1px; }
html[data-theme="aiur"] .upload-pick { color: var(--accent); background: rgba(6, 17, 29, .92); border-color: var(--line); border-radius: 1px; }
html[data-theme="aiur"] .upload-pick:hover { background: var(--accent-soft); }
html[data-theme="aiur"] .upload-file-name { color: var(--muted); }
html[data-theme="aiur"] .upload-file-hint { color: var(--faint); }
html[data-theme="aiur"] .upload-file-hint strong { color: var(--muted); }
html[data-theme="aiur"] .upload-preview { background: rgba(3, 11, 20, .7); border-color: var(--line); border-radius: 1px; }
html[data-theme="aiur"] .upload-preview-head { color: var(--muted); }
html[data-theme="aiur"] .upload-preview-head strong { color: var(--psi); }
html[data-theme="aiur"] .upload-preview-table th { color: var(--faint); border-bottom-color: var(--line); }
html[data-theme="aiur"] .upload-preview-table td { color: var(--ink-soft); border-bottom-color: var(--line); }
html[data-theme="aiur"] .upload-preview-table td:first-child { color: var(--ink); }
html[data-theme="aiur"] .upload-review-note { color: var(--faint); }
html[data-theme="aiur"] .upload-review-note svg { color: var(--accent); }

/* ---------- responsive ---------- */

@media (max-width: 1080px) {
  html[data-theme="aiur"] .aiur-hero-art { max-width: 430px; height: 500px; }
}
@media (max-width: 860px) {
  html[data-theme="aiur"] .aiur-hero-art { max-width: 390px; height: 450px; margin: 0 auto; }
  html[data-theme="aiur"] .aiur-resources { display: none; }
  html[data-theme="aiur"] .header-right { gap: 0; }
}
@media (max-width: 640px) {
  html[data-theme="aiur"] .aiur-hero-art { display: none; }
  html[data-theme="aiur"] body::after { inset: 6px; opacity: .6; }
  html[data-theme="aiur"] .profile-card,
  html[data-theme="aiur"] .paper-sheet,
  html[data-theme="aiur"] .list-card { outline-offset: -4px; }
  html[data-theme="aiur"] .cover-frame { box-shadow: 0 0 0 3px rgba(4, 12, 21, .9), 0 0 0 4px rgba(217, 182, 110, .22); }
  html[data-theme="aiur"] .hero-title { font-size: clamp(32px, 8.8vw, 46px); }
}