.io-people-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 16px;
  margin: 24px 0;
}
.io-person-card {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 20px;
  background: var(--bg-card, #202027);
  border: 1px solid #ffffff20;
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.io-person-card img,
.io-person-heading img {
  border-radius: 50%;
}
.io-person-card span {
  opacity: 0.6;
}
.io-person-card p {
  white-space: pre-wrap;
}
.io-person-heading {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
}
.io-person-heading h2 {
  margin: 0;
}
.io-person-title {
  display: block;
  padding: 10px 0;
}
.io-person-bio,
.io-people-review p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.io-settings-card fieldset {
  border: 1px solid #ffffff20;
  border-radius: 10px;
  padding: 16px;
  margin: 20px 0;
}
.io-settings-card label:not(.io-checkbox-row) {
  display: grid;
  gap: 8px;
  margin: 14px 0;
}
.io-settings-card input:not([type="checkbox"]):not([type="range"]),
.io-settings-card select,
.io-settings-card textarea {
  max-width: 100%;
  min-width: 0;
  padding: 10px;
  background: #16161e;
  color: #eee;
  border: 1px solid #ffffff30;
  border-radius: 7px;
}
.io-settings-card textarea {
  min-height: 90px;
}
.io-checkbox-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0;
}
.io-person-card:focus-visible {
  outline: 2px solid #ab97ff;
  outline-offset: 3px;
}
.io-onboard-notice {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 24px 4vw;
  padding: 24px;
  border: 1px solid #ab97ff55;
  border-radius: 16px;
  background: #8471db16;
}
.io-mature-blur img {
  filter: blur(18px);
  transition: filter 0.2s;
}
.io-mature-blur:hover img,
.io-mature-blur:focus-within img,
.io-mature-blur:focus img {
  filter: none;
}
.io-popular-hero {
  padding: 72px 5vw;
  background:
    radial-gradient(ellipse at top right, #6355ac55, transparent 65%), #17151f;
}
.io-popular-hero h1 {
  font-size: clamp(36px, 6vw, 72px);
  margin: 12px 0;
}
.io-popular-hero > span {
  letter-spacing: 0.2em;
  color: #b5a2ff;
}
.io-popular-section {
  padding: 24px 5vw;
}
.io-popular-section h2 {
  margin-bottom: 12px;
}
.io-popular-cards {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 10px 0 24px;
}
.io-popular-cards > .card {
  flex: 0 0 192px;
}
.io-ranked-card {
  display: flex;
  align-items: flex-end;
  flex: 0 0 230px;
  position: relative;
}
.io-ranked-card > .card {
  width: 170px;
  flex: none;
}
.io-rank {
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
  color: #15131e;
  -webkit-text-stroke: 2px #b3a1ef;
  margin-right: -12px;
  z-index: 1;
}
.io-book-metadata {
  padding: 20px 0;
}
.io-book-metadata dl {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.io-book-metadata dt {
  color: #aaa;
  font-size: 13px;
}
.io-book-metadata dd {
  margin: 8px 0;
}
.io-volume {
  border: 1px solid #ffffff20;
  border-radius: 10px;
  margin: 16px 0;
  padding: 16px;
}
.io-volume summary {
  cursor: pointer;
  font-weight: 600;
  padding: 8px;
}
.io-volume form {
  display: grid;
  gap: 12px;
}
.io-volume label {
  display: grid;
  gap: 8px;
}
.io-volume input,
.io-volume textarea {
  max-width: 100%;
  background: #17151f;
  color: #eee;
  padding: 10px;
  border: 1px solid #ffffff30;
  border-radius: 7px;
}
.io-tv-device {
  padding: 20px 0;
  border-bottom: 1px solid #ffffff20;
}
@media (max-width: 500px) {
  .io-popular-cards > .card {
    flex-basis: 160px;
  }
  .io-popular-hero {
    padding-top: 45px;
  }
}
.io-notification-matrix {
  overflow: auto;
}
.io-notification-matrix table {
  width: 100%;
  border-collapse: collapse;
}
.io-notification-matrix th,
.io-notification-matrix td {
  padding: 14px 8px;
  border-bottom: 1px solid #ffffff20;
}
.io-notification-matrix td {
  text-align: center;
}
.io-notification-matrix th {
  text-align: left;
}
.io-sync-plan {
  padding: 20px;
  background: #b39aff12;
  border: 1px solid #b39aff66;
  border-radius: 12px;
  margin-top: 20px;
}
.io-rich-toolbar {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}
.io-rich-toolbar button {
  background: #272231;
  color: #eee;
  border: 1px solid #ffffff30;
  border-radius: 6px;
  padding: 7px 14px;
}
.io-discussion code {
  padding: 2px 5px;
  background: #0004;
  border-radius: 4px;
}
.avatar-grid{max-height:360px;overflow-y:auto;padding:4px;overscroll-behavior:contain}.avatar-grid button{aspect-ratio:1;min-width:0}.avatar-grid button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.avatar-count{color:var(--text-faint);font-size:12px;margin:8px 0}.avatar-grid img{display:block}.avatar-grid img[src$="/anime-1.png"],.avatar-grid img[src$="/anime-2.png"],.avatar-grid img[src$="/anime.png"]{object-position:left center}
.io-novel{min-height:100vh;padding:30px 5vw;background:#14121a;color:#e8e3ee}.io-novel[data-theme=light]{background:#fff;color:#222}.io-novel[data-theme=sepia]{background:#eee2c7;color:#392b1b}.io-novel>header{max-width:1100px;margin:0 auto 40px}.io-novel-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:18px 0}.io-novel-controls label{display:grid;gap:6px;min-width:0}.io-novel-controls select{max-width:min(90vw,400px);padding:10px}.io-novel article{margin:auto;font-family:Georgia,serif;overflow-wrap:anywhere}.io-novel article img{max-width:100%;height:auto;display:block;margin:24px auto}.io-novel article p{margin:1em 0}.io-novel article table{display:block;max-width:100%;overflow-x:auto}.io-novel>footer{text-align:center;padding:40px 0}.io-novel a{color:inherit}

.io-comment-editor .tiptap{min-height:140px;border:1px solid #555;border-radius:8px;padding:14px;background:var(--bg-card,#17171f);overflow-wrap:anywhere;outline-offset:3px}.io-rich-toolbar{display:flex;flex-wrap:wrap;gap:5px}.io-rich-toolbar button{padding:6px 10px}.io-comment-gif,.io-comment-attachment img{display:block;max-width:min(100%,320px);max-height:260px;object-fit:contain;border-radius:8px;margin:10px 0}.io-rich-body{overflow-wrap:anywhere}.io-rich-body pre{white-space:pre-wrap}.io-rich-body blockquote{border-left:3px solid #8585f5;padding-left:14px}.io-comment-attachment{margin:12px 0}

.io-search-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:24px 0}.io-search-filters label{display:flex;flex-direction:column;gap:6px}.io-search-filters input,.io-search-filters select{min-width:0;width:100%;padding:10px;background:#17171f;color:#eee;border:1px solid #555;border-radius:6px}.io-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:20px}.io-search-grid .anime-card{width:100%}

.io-advanced-page{padding:100px 5vw 60px;max-width:1600px;margin:auto}.io-novel{padding-top:100px}
#ioDiscussionForm .io-rich-toolbar,#ioDiscussionForm .io-comment-editor,#ioDiscussionForm>small,#ioDiscussionForm .io-comment-attachment,#ioDiscussionForm .io-discussion-status{flex:0 0 100%;width:100%;min-width:0}#ioDiscussionForm .io-comment-editor .tiptap{width:100%}#ioDiscussionForm>.btn{align-self:flex-start}