:root{--cream:#f7f1e7;--paper:#fffdf8;--ink:#213b31;--muted:#6e766f;--green:#315f4e;--line:#ddd7cc;--peach:#e6a56f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}header{max-width:980px;margin:auto;padding:28px 22px;display:flex;justify-content:space-between;align-items:center}.brand,h1,h2{font-family:Georgia,serif}.brand{font-size:32px;font-weight:700}.badge{font-size:12px;letter-spacing:.1em;color:var(--muted)}main{max-width:820px;margin:20px auto 80px;padding:0 20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 12px 35px #0000000d}.center{text-align:center}.spark{font-size:34px}h1{font-size:42px;margin:12px 0}h2{font-size:30px;margin:0 0 8px}.sub{color:var(--muted);line-height:1.5}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.option{padding:18px;border:1px solid var(--line);border-radius:16px;background:white;text-align:left;cursor:pointer;color:var(--ink);font-size:16px}.option:hover,.option.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.emoji{font-size:26px;display:block;margin-bottom:7px}.btn{border:0;border-radius:14px;padding:15px 20px;font-weight:700;font-size:16px;cursor:pointer}.primary{background:var(--green);color:white}.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}.actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.back{background:none;border:0;color:var(--muted);cursor:pointer;margin-bottom:16px}.input{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;font-size:16px;min-height:52px}.story{line-height:1.75;font-family:Georgia,serif;font-size:18px;white-space:pre-line}.meta{font-size:13px;color:var(--muted);margin-bottom:20px}.small{font-size:13px;color:var(--muted);margin-top:18px}.saved{padding:16px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:white}.prompt{background:#fbf4ea}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#edf2ef;margin:4px;font-size:13px}@media(max-width:600px){h1{font-size:34px}.card{padding:24px}.grid{grid-template-columns:1fr}header{padding-top:20px}}
.loading{text-align:center;padding:28px 8px}.loading .spark{font-size:42px;animation:gimagiPulse 1.25s ease-in-out infinite}@keyframes gimagiPulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.14);opacity:1}}

.brand img{display:block;width:180px;max-width:42vw;height:auto;}

.character-img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center;border-radius:12px;display:block;margin-bottom:10px}



.character-choice{display:flex;flex-direction:column}
.character-choice .option{width:100%;height:100%}
.meet-character{background:none;border:0;color:var(--green);font-weight:700;font-size:14px;padding:9px 8px 4px;cursor:pointer;text-align:center}
.meet-character:hover{text-decoration:underline}


/* GiMagi homepage redesign v1 */

:root {
  --cream: #f5eaf9;
  --paper: rgba(255,255,255,.94);
  --ink: #46345e;
  --muted: #716580;
  --green: #8055bb;
  --line: #e5d8ef;
  --peach: #f3bd91;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 5% 5%, #ead8ff 0%, transparent 48%),
    radial-gradient(ellipse at 95% 20%, #f9dbea 0%, transparent 48%),
    radial-gradient(ellipse at 15% 65%, #dcecff 0%, transparent 48%),
    radial-gradient(ellipse at 90% 90%, #fff0d1 0%, transparent 52%),
    #faf5ff;
  background-attachment: fixed;
}

main { max-width: 1080px; }

.card {
  background: rgba(255,255,255,.92);
  border-color: var(--line);
}

.option, .saved { background: rgba(255,255,255,.94); }
.pill { background: #f1e8fb; }

.btn.primary {
  background: linear-gradient(135deg,#9262d2,#7451b8);
  color: white;
  box-shadow: 0 6px 16px rgba(115,75,174,.18);
}

.btn.primary:hover { filter: brightness(1.06); }

.btn.secondary {
  background: rgba(255,255,255,.7);
}

.gimagi-home { display: flex; flex-direction: column; gap: 30px; }

.home-hero, .home-section, .home-finale {
  border: 1px solid rgba(221,204,238,.85);
  border-radius: 28px;
  padding: 38px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 35px rgba(87,57,121,.06);
}

.home-hero {
  text-align: center;
  padding: 54px 32px;
  background: linear-gradient(135deg,
    rgba(235,216,255,.9),
    rgba(255,230,241,.85) 48%,
    rgba(255,242,210,.85));
}

.home-magic-m {
  display: block;
  width: 115px;
  height: auto;
  margin: 0 auto 18px;
}

.home-eyebrow {
  color: #8055bb;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.home-hero h1 {
  font-size: clamp(34px,5vw,55px);
  line-height: 1.13;
  color: #503577;
  margin: 14px 0;
}

.home-intro {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 18px;
  color: #675577;
}

.home-section h2 {
  color: #503577;
  margin-bottom: 12px;
}

.home-friends {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 13px;
  margin-top: 26px;
}

.home-friend, .home-mode {
  background: rgba(255,255,255,.9);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
}

.home-friend {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.home-friend img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
}

.home-friend h3, .home-mode h3 {
  color: #503577;
  margin: 12px 0 6px;
}

.home-friend p, .home-mode p {
  color: var(--muted);
  line-height: 1.5;
  font-size: 14px;
}

.home-friend p { flex: 1; }

.home-meet {
  margin-top: 10px;
  border: 0;
  border-radius: 12px;
  padding: 12px 6px;
  background: #f0e5fb;
  color: #67419d;
  font-weight: 700;
  cursor: pointer;
}

.home-meet:hover { background: #e5d3f8; }

.home-modes {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  margin-top: 22px;
}

.home-mode img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 12px;
}

.home-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  margin-top: 25px;
}

.home-steps > div { text-align: center; }

.home-steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #eaddfa;
  color: #664099;
  font-weight: 800;
  font-size: 20px;
}

.home-steps h3 { margin: 12px 0 6px; }
.home-steps p, .home-parent p { color: var(--muted); line-height: 1.7; }

.home-finale {
  text-align: center;
  background: linear-gradient(115deg,#e7dcfb,#fce3ee,#fff0d4);
}

.home-finale h2 { color: #503577; }
.home-finale p { color: #675577; }

@media(max-width:800px) {
  .home-friends { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media(max-width:600px) {
  .home-hero, .home-section, .home-finale { padding: 25px 18px; }
  .home-friends { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-modes { grid-template-columns: 1fr; }
  .home-steps { grid-template-columns: 1fr; }
  .home-intro { font-size: 16px; }
  .gimagi-home { gap: 18px; }
}

@media(prefers-reduced-motion:reduce) {
  .loading .spark { animation: none; }
}


/* GiMagi homepage gradient */
.gimagi-home .home-section {
  background: linear-gradient(
    135deg,
    rgba(235,216,255,.9) 0%,
    rgba(255,230,241,.85) 48%,
    rgba(255,242,210,.85) 100%
  );
}


/* GiMagi soft pastel cards */
.gimagi-home .home-friend,
.gimagi-home .home-mode {
  background: #f5edff;
  border-color: #e5d5f5;
}

.gimagi-home .home-meet {
  background: #e9d9fb;
}

.gimagi-home .home-meet:hover {
  background: #dec5f7;
}

/* GiMagi soft lavender story and creation pages */
main > .card {
  background: #f5edff;
  border-color: #e5d5f5;
}

main > .card .option,
main > .card .saved {
  background: #faf6ff;
  border-color: #e5d5f5;
}

main > .card .option:hover,
main > .card .option.selected {
  background: #f0e3ff;
}


/* GiMagi lavender selection buttons */
main > .card .option {
  background: #eadcfb;
  border-color: #dcc5f4;
}

main > .card .option:hover,
main > .card .option.selected {
  background: #dfc9f7;
  border-color: #a97bd8;
}


/* gimagi-full-site-v1 */
header { max-width: 1180px; flex-wrap: wrap; gap: 16px; }
.site-nav { display:flex; gap:9px; flex-wrap:wrap; align-items:center; justify-content:center; }
.site-nav a { text-decoration:none; color:#62468a; font-weight:700; font-size:14px; padding:10px 12px; border-radius:12px; }
.site-nav a:hover, .site-nav a:focus-visible { background:#eadcfb; }
.site-nav .nav-account { background:#eadcfb; border:1px solid #dac5f2; }
.site-footer { max-width:1180px; margin:70px auto 0; padding:32px 22px 45px; border-top:1px solid #ddc9f1; color:#614d77; }
.footer-inner { display:flex; justify-content:space-between; align-items:start; gap:25px; }
.footer-inner p { margin:7px 0; }
.footer-links { display:flex; gap:10px 18px; flex-wrap:wrap; justify-content:flex-end; max-width:620px; }
.footer-links a,.text-link { color:#7049ac; font-weight:700; }
.tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:26px; }
.tier { background:#f5edff; border:1px solid #e0cdf4; border-radius:20px; padding:22px; display:flex; flex-direction:column; min-width:0; }
.tier.featured { border:2px solid #9061cb; background:#f0e3ff; }
.tier h3 { font-size:23px; margin:8px 0 4px; color:#503577; }
.tier p { color:#695a78; line-height:1.5; }
.tier-price { font-size:32px; font-weight:800; color:#503577; margin:14px 0; }
.tier-price small { font-size:14px; font-weight:400; }
.tier ul { padding-left:21px; line-height:1.7; flex:1; color:#574768; }
.tier li { margin-bottom:9px; }
.tier .btn, .tier-link { display:block; text-align:center; text-decoration:none; margin-top:14px; }
.tier-tag { align-self:flex-start; padding:6px 10px; border-radius:99px; background:#dfc9f7; color:#58368b; font-size:12px; font-weight:700; }
.faq-items { margin-top:20px; }
.faq-items details { border-bottom:1px solid #ddc9ed; padding:17px 2px; }
.faq-items summary { font-size:17px; font-weight:700; cursor:pointer; color:#503577; }
.faq-items details p { line-height:1.7; color:#63536f; }
.page-shell { max-width:1080px; margin:24px auto 80px; padding:0 20px; }
.page-panel { border-radius:26px; padding:38px; border:1px solid #e0cdf4; background:linear-gradient(135deg,#eadcfb,#fbe5ef 55%,#fff0d5); }
.page-panel h1 { color:#503577; font-size:clamp(32px,4vw,48px); }
.page-panel .lead { font-size:18px; line-height:1.65; color:#645374; max-width:780px; }
.page-content { margin-top:22px; border-radius:24px; padding:32px; background:#f5edff; border:1px solid #e0cdf4; line-height:1.75; }
.page-content h2,.page-content h3 { color:#503577; }
.page-content a { color:#7049ac; }
.notice { padding:16px 20px; border:1px solid #d9c5ed; border-radius:14px; background:#eee0fb; color:#533e6c; }
.auth-box { max-width:480px; margin:0 auto; }
.auth-box label { display:block; margin-top:18px; font-weight:700; color:#503577; }
.auth-box input { display:block; width:100%; padding:13px 15px; margin-top:6px; border:1px solid #d8c1ef; border-radius:12px; font:inherit; background:#fffafd; }
.auth-box button { width:100%; margin-top:18px; }
.auth-box button:disabled { opacity:.6; cursor:not-allowed; }
.auth-switch { display:flex; gap:12px; margin-bottom:15px; }
.auth-switch button { margin:0; width:auto; flex:1; }
.auth-switch button[aria-selected="true"] { background:#dfc9f7; }
.auth-box .small { line-height:1.5; }
@media(max-width:850px) { .tier-grid { grid-template-columns:1fr; } header { justify-content:center; } .footer-inner { flex-direction:column; } .footer-links { justify-content:flex-start; } }
@media(max-width:600px) { .page-panel,.page-content { padding:23px 19px; } .site-nav { gap:2px; } .site-nav a { padding:8px; font-size:13px; } }

/* GiMagi illustrated worlds v1 */
.world-selection-grid, .home-worlds {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px;
}
.world-art-choice {
  padding:12px; display:flex; flex-direction:column; gap:8px;
  background:#eadcfb; border:1px solid #dcc5f4; text-align:left;
  transition:transform .15s ease, box-shadow .15s ease;
}
.world-art-choice:hover, .world-art-choice:focus-visible {
  background:#dfc9f7; border-color:#a97bd8; transform:translateY(-2px);
}
.world-art-choice img, .home-world-card img {
  display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px;
}
.world-art-title {font-size:19px; font-weight:700; color:#503577;}
.world-art-sub {font-size:14px; color:#716580; line-height:1.45;}
.home-world-card {
  padding:12px; background:#f5edff; border:1px solid #e5d5f5; border-radius:18px;
}
.home-world-card h3 {color:#503577; margin:13px 4px 6px;}
.home-world-card p {color:#716580; margin:0 4px 8px; font-size:14px;}
.home-world-card:last-child:nth-child(odd) {grid-column:1 / -1; width:calc(50% - 9px); justify-self:center;}
@media(max-width:600px) {
  .world-selection-grid, .home-worlds {grid-template-columns:1fr; gap:14px;}
  .home-world-card:last-child:nth-child(odd) {grid-column:auto; width:100%;}
}
@media(prefers-reduced-motion:reduce) {.world-art-choice {transition:none;} .world-art-choice:hover {transform:none;}}

/* GiMagi homepage image layout refinements */

/* Five evenly sized founding friends */
.gimagi-home .home-friends {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.gimagi-home .home-friend img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Three worlds across, with two centered below */
.gimagi-home .home-worlds {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.gimagi-home .home-world-card {
  grid-column: span 2;
  min-width: 0;
  width: auto;
}

.gimagi-home .home-world-card:nth-child(4) {
  grid-column: 2 / span 2;
}

.gimagi-home .home-world-card:nth-child(5) {
  grid-column: 4 / span 2;
}

/* Override the previous fifth-card sizing rule */
.gimagi-home .home-world-card:last-child:nth-child(odd) {
  width: auto;
  justify-self: stretch;
}

.gimagi-home .home-world-card img,
.gimagi-home .home-mode img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Tablet */
@media (max-width: 850px) {
  .gimagi-home .home-friends {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gimagi-home .home-worlds {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gimagi-home .home-world-card,
  .gimagi-home .home-world-card:nth-child(4),
  .gimagi-home .home-world-card:nth-child(5) {
    grid-column: auto;
  }

  .gimagi-home .home-world-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc(50% - 9px);
    justify-self: center;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .gimagi-home .home-friends {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gimagi-home .home-worlds {
    grid-template-columns: 1fr;
  }

  .gimagi-home .home-world-card:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  .gimagi-home .home-modes {
    grid-template-columns: 1fr;
  }
}


/* Imagination creation v2 */
.idea-toggle{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#faf6ff}
.idea-toggle summary{cursor:pointer;font-weight:700;color:#62468a;font-size:17px}
.idea-toggle .grid{margin:15px 0}
.idea-toggle #refresh-ideas{margin-top:4px}
textarea.input{display:block;margin-top:12px;resize:vertical;min-height:115px;font-family:inherit;line-height:1.5}

/* GiMagi story styles — October 2026 */
.gimagi-home .home-style-intro{max-width:none;margin:12px 0 25px;text-align:left}
.gimagi-home .home-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 16px}
.gimagi-home .home-style-card{min-width:0;padding:28px 23px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 10px 28px #00000008;text-align:center}
.gimagi-home .home-style-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 14px;width:66px;height:66px;border-radius:22px;background:#f7f0e8;font-size:34px}
.gimagi-home .home-style-card:nth-child(2) .home-style-icon{background:#f0edfa}
.gimagi-home .home-style-card:nth-child(3) .home-style-icon{background:#eaf2ee}
.gimagi-home .home-style-card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}
.gimagi-home .home-style-tagline{font-weight:700;margin:0 0 12px}
.gimagi-home .home-style-card p{line-height:1.55}
.gimagi-home .home-style-features{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:17px}
.gimagi-home .home-style-note{text-align:center;color:var(--muted);font-size:14px;line-height:1.5;max-width:650px;margin:16px auto}
.story-style-options{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0}
.story-style-option{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:19px 21px}
.story-style-option .story-style-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:16px;background:#f5efe7;font-size:27px}
.story-style-option strong{display:block;font-size:20px;margin-bottom:5px}
.story-style-option .sub{display:block;font-size:14px;line-height:1.45}
@media(max-width:800px){.gimagi-home .home-style-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.gimagi-home .home-style-card{padding:23px}}

/* Story style illustrations: display the complete artwork without blurring or cropping. */
.gimagi-home .home-style-art{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:16px;margin:0 auto 18px}
.story-style-option .story-style-art{display:block;flex:none;width:112px;height:112px;object-fit:contain;border-radius:14px}
@media(max-width:520px){.story-style-option{gap:12px;padding:12px}.story-style-option .story-style-art{width:88px;height:88px}}


/* GiMagi homepage heading alignment */
.home-world-card h3,
.home-mode h3 {
    text-align: center;
}

/* Center descriptions beneath Worlds and Story Moments */
.home-world-card p,
.home-mode p {
    text-align: center;
}

/* GiMagi homepage — Friends and Worlds visual balance */

/* Give the five friends more visual presence */
.gimagi-home .home-friend {
  padding: 15px;
}

.gimagi-home .home-friend img {
  aspect-ratio: 1 / 1;
}

.gimagi-home .home-friend h3 {
  font-size: 20px;
}

/* Give the world illustrations more height */
.gimagi-home .home-world-card {
  padding: 15px;
}

.gimagi-home .home-world-card img {
  aspect-ratio: 3 / 2;
}

.gimagi-home .home-world-card h3 {
  font-size: 20px;
}

/* Preserve comfortable spacing on phones */
@media (max-width: 600px) {
  .gimagi-home .home-friend,
  .gimagi-home .home-world-card {
    padding: 10px;
  }

  .gimagi-home .home-friend h3,
  .gimagi-home .home-world-card h3 {
    font-size: 17px;
  }
}

/* Restore cinematic 16:9 artwork for Worlds */
.gimagi-home .home-world-card img {
  aspect-ratio: 16 / 9;
}

/* Mobile-only swipe galleries; desktop and tablet retain their grids. */
.home-swipe-footer { display: none; }
@media (max-width: 600px) {
  .gimagi-home .home-friends,
  .gimagi-home .home-worlds,
  .gimagi-home .home-modes,
  .gimagi-home .home-style-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 2px 1px 10px;
  }
  .gimagi-home .home-friends::-webkit-scrollbar,
  .gimagi-home .home-worlds::-webkit-scrollbar,
  .gimagi-home .home-modes::-webkit-scrollbar,
  .gimagi-home .home-style-grid::-webkit-scrollbar { display: none; }

  .gimagi-home .home-friends > .home-friend,
  .gimagi-home .home-worlds > .home-world-card,
  .gimagi-home .home-modes > .home-mode,
  .gimagi-home .home-style-grid > .home-style-card,
  .gimagi-home .home-worlds > .home-world-card:nth-child(4),
  .gimagi-home .home-worlds > .home-world-card:nth-child(5),
  .gimagi-home .home-worlds > .home-world-card:last-child:nth-child(odd) {
    flex: 0 0 85%;
    width: 85%;
    min-width: 0;
    max-width: none;
    margin: 0;
    grid-column: auto;
    justify-self: auto;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .gimagi-home .home-style-grid > .home-style-card { padding: 18px 15px; }
  .home-swipe-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 5px 0 13px;
  }
  .home-swipe-hint { font-size: 13px; font-weight: 700; color: #76549e; }
  .home-swipe-dots { display: flex; justify-content: center; align-items: center; gap: 9px; }
  .home-swipe-dot {
    width: 9px; height: 9px; padding: 0; border: 0;
    border-radius: 50%; background: #d2bce7; cursor: pointer;
  }
  .home-swipe-dot.is-active { background: #8055bb; width: 20px; border-radius: 8px; }
  .home-swipe-dot:focus-visible { outline: 2px solid #503577; outline-offset: 3px; }
}

/* Story creation selections: consistent centered labels, no decorative icons. */
main > .card .character-select,
main > .card .world-art-choice,
main > .card .story-style-option {
  text-align: center;
}
main > .card .world-art-title,
main > .card .world-art-sub {
  display: block;
  width: 100%;
  text-align: center;
}
main > .card .character-select .sub,
main > .card .story-style-option .sub {
  display: inline-block;
  text-align: center;
}

main > .card .story-moment-options .option,
main > .card .adventure-options .option {
  text-align: center;
}


/* Story style selection: image-first tiles, matching Story Moment cards. */
main > .card .story-style-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
main > .card .story-style-option {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 16px;
  text-align: center;
  height: 100%;
}
main > .card .story-style-option .story-style-art {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 14px;
}
main > .card .story-style-option > span { display: block; width: 100%; }
main > .card .story-style-option strong { text-align: center; }
main > .card .story-style-option .sub { display: block; text-align: center; }
@media (max-width: 700px) {
  main > .card .story-style-options { grid-template-columns: 1fr; }
  main > .card .story-style-option { max-width: 520px; margin-inline: auto; }
}


/* Character profile sample adventures: centered moments and visible selections. */
#profile-sample-prompt { text-align: center; }
#profile-sample-moments {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 14px;
  margin: 16px auto 0;
}
#profile-sample-moments .option {
  flex: 0 1 255px;
  min-height: 68px;
  text-align: center;
}
#profile-sample-styles .story-style-option { position: relative; }
#profile-sample-styles .profile-selected-indicator {
  display: none;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 800;
  color: #62408f;
}
main > .card #profile-sample-styles .story-style-option[aria-pressed="true"] {
  background: #dfc9f7;
  border: 3px solid #8651c3;
  padding: 14px;
  box-shadow: 0 0 0 3px rgba(134,81,195,.13), 0 8px 20px rgba(103,65,157,.13);
}
#profile-sample-styles .story-style-option[aria-pressed="true"] .profile-selected-indicator { display: block; }
main > .card #profile-sample-moments .option[aria-pressed="true"] {
  background: #dfc9f7;
  border: 2px solid #8651c3;
  box-shadow: 0 0 0 3px rgba(134,81,195,.12);
}
@media (max-width: 600px) {
  #profile-sample-moments .option { flex-basis: 100%; }
}

/* GiMagi friend profiles: welcoming hero layout */
main > .card .profile-title { display:block; text-align:center; }
main > .card .profile-hero { text-align:center; }
main > .card .profile-hero-image { display:block; width:100%; max-width:540px; height:auto; object-fit:contain; margin:0 auto 28px; }
main > .card .profile-hero + .saved { margin-top:34px !important; }

/* Character profile hero: intentional, even vertical rhythm. */
main > .card h2:has(.profile-title) { margin-bottom: 18px; }
main > .card .profile-hero-image { margin-bottom: 18px; }
main > .card .profile-hero > .sub { margin: 0; line-height: 1.5; }
main > .card .profile-hero + .saved { margin-top: 30px !important; }

/* Four-tier membership layout — responsive */
.tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tier{padding:18px}
.tier-price{font-size:29px;margin:12px 0 3px}
.tier-annual{font-size:13px;margin:0 0 10px;color:#6b527f;font-weight:700}
@media(max-width:1000px){.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tier-grid{grid-template-columns:1fr}}

/* Membership card alignment and legibility — October 2026 */
.page-shell .tier-grid{align-items:stretch;gap:14px}
.page-shell .tier{position:relative;padding:22px 18px 20px;display:flex;flex-direction:column}
.page-shell .tier h3{font-size:clamp(18px,1.7vw,22px);line-height:1.2;margin:16px 0 8px;min-height:2.4em}
.page-shell .tier > p:not(.tier-annual){font-size:14px;line-height:1.4;margin:0 0 12px;min-height:2.8em}
.page-shell .tier-price{font-size:clamp(26px,2.2vw,32px);line-height:1.15;margin:0 0 10px;white-space:nowrap}
.page-shell .tier-price small{font-size:13px}
.page-shell .tier-annual{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.35;min-height:32px;margin:0 0 12px;color:#63477c;font-weight:700}
.page-shell .tier-annual-placeholder{visibility:hidden}
.page-shell .annual-saving{display:inline-block;white-space:nowrap;padding:3px 7px;border-radius:99px;background:#e2d1f7;color:#62408f;font-size:11px}
.page-shell .tier ul{font-size:13.5px;line-height:1.5;padding-left:18px;margin:0 0 12px;flex:1}
.page-shell .tier li{margin-bottom:10px}
.page-shell .tier-tag{position:absolute;right:12px;top:-13px;font-size:11px;padding:5px 9px;white-space:nowrap;box-shadow:0 2px 8px #0000000a}
.page-shell .tier .tier-link{font-size:14px;padding:13px 10px;line-height:1.3;margin-top:auto}
@media(max-width:1000px){.page-shell .tier h3{font-size:22px;min-height:0}.page-shell .tier > p:not(.tier-annual){min-height:0}.page-shell .tier ul{font-size:14px}}
@media(max-width:600px){.page-shell .tier{padding:22px}.page-shell .tier h3{margin-top:10px}}

/* Membership parity: same alignment on homepage and Membership page */
.gimagi-home .home-pricing-preview .tier {position:relative;min-width:0;}
.gimagi-home .home-pricing-preview .tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.gimagi-home .home-pricing-preview .tier h3{font-size:clamp(18px,1.8vw,23px);line-height:1.15;min-height:2.3em;margin:6px 0 12px;}
.gimagi-home .home-pricing-preview .tier > p:not(.tier-annual){font-size:14px;line-height:1.4;min-height:2.8em;margin:0 0 12px;}
.gimagi-home .home-pricing-preview .tier ul{font-size:13px;line-height:1.55;padding-left:18px;}
.gimagi-home .home-pricing-preview .tier li{margin-bottom:8px;}
.gimagi-home .home-pricing-preview .tier-annual{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.35;min-height:32px;margin:0 0 12px;font-weight:700;}
.gimagi-home .home-pricing-preview .tier-annual-placeholder{visibility:hidden;}
.gimagi-home .home-pricing-preview .tier-tag{position:absolute;right:12px;top:-13px;font-size:11px;padding:5px 9px;white-space:nowrap;}
.gimagi-home .home-pricing-preview .tier .btn{font-size:13px;padding:12px 8px;}
.story-ai-note{margin:20px 0;text-align:center;line-height:1.5;}
@media(max-width:850px){.gimagi-home .home-pricing-preview .tier-grid{grid-template-columns:1fr 1fr;}.gimagi-home .home-pricing-preview .tier h3{min-height:0;}}
@media(max-width:600px){.gimagi-home .home-pricing-preview .tier-grid{grid-template-columns:1fr;}.gimagi-home .home-pricing-preview .tier > p:not(.tier-annual){min-height:0;}}

/* Illustrated Anytime / Bedtime choices on all five character profiles. */
#profile-sample-moments .profile-moment-card {display:flex;flex-direction:column;align-items:center;gap:9px;flex:1 1 240px;max-width:330px;min-width:0;padding:13px;text-align:center;}
#profile-sample-moments .profile-moment-art {display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;}
#profile-sample-moments .profile-moment-card strong {font-size:17px;color:#503577;}
#profile-sample-moments .profile-moment-card .sub {font-size:13px;line-height:1.45;}
#profile-sample-moments .profile-moment-selected {display:none;font-size:13px;font-weight:800;color:#62408f;}
#profile-sample-moments .profile-moment-card[aria-pressed="true"] .profile-moment-selected {display:block;}
@media(max-width:600px) {#profile-sample-moments .profile-moment-card {flex:1 1 100%;max-width:520px;}}

/* October 2026 membership and story-length frontend refresh */
.membership-block{margin-top:30px}
.membership-group-title{font-family:Georgia,serif;font-size:25px;color:#503577;margin:0 0 7px}
.membership-block>.sub{margin:0 0 16px;line-height:1.55}
.page-shell .membership-monthly,.gimagi-home .home-pricing-preview .membership-monthly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-shell .membership-packs,.gimagi-home .home-pricing-preview .membership-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.membership-block .tier{min-height:100%;position:relative}
.membership-block .tier h3{min-height:0;margin:12px 0 7px;font-size:22px}
.membership-block .tier>p:not(.tier-annual){min-height:0;margin:0 0 13px}
.membership-block .tier-price{margin:2px 0 16px;white-space:normal}
.membership-block .tier ul{margin:0 0 14px;flex:1}
.membership-credit-guide{margin-top:28px;padding:20px;border:1px solid #d9c5ed;background:#eee0fb;border-radius:16px;color:#503577}
.membership-credit-guide p{margin:9px 0 0;line-height:1.6}
.tier-preview-label{display:block;text-align:center;border:1px solid #dac5f2;background:#f7efff;border-radius:12px;padding:12px;font-size:13px;font-weight:700;color:#62468a;margin-top:auto}
.story-length-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
main>.card .story-length-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:160px;padding:22px 12px}
.story-length-option strong{font-size:22px;color:#503577}
.story-length-time{font-size:17px;color:#62468a}
.story-length-credit{font-size:14px;font-weight:700;background:#f7f0ff;border:1px solid #d9c5ed;padding:7px 12px;border-radius:99px;color:#62408f}
@media(max-width:760px){.page-shell .membership-monthly,.gimagi-home .home-pricing-preview .membership-monthly,.page-shell .membership-packs,.gimagi-home .home-pricing-preview .membership-packs{grid-template-columns:1fr}.story-length-options{grid-template-columns:1fr}main>.card .story-length-option{min-height:110px}}

/* Free trial invitation on homepage and Membership page */
.membership-trial{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:26px 0 12px;padding:24px 27px;border-radius:22px;border:1px solid #d5b9f0;background:linear-gradient(115deg,#ead8ff,#fbe3ef 62%,#fff1d9);box-shadow:0 8px 24px rgba(110,68,157,.08)}
.membership-trial-copy{flex:1;min-width:0}
.membership-trial-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#7650ac}
.membership-trial h3{font-family:Georgia,serif;color:#503577;font-size:clamp(23px,2.8vw,29px);margin:8px 0 9px}
.membership-trial p{font-size:15px;line-height:1.55;color:#604c76;margin:0 0 8px}
.membership-trial .membership-trial-detail{font-size:13px;margin-bottom:0}
.membership-trial-side{flex:0 0 145px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 12px;border-radius:17px;background:rgba(255,255,255,.75);border:1px solid #dcc7ee;color:#503577}
.membership-trial-side strong{font-size:28px;line-height:1.15}
.membership-trial-side span{font-size:14px;font-weight:700;margin:7px 0}
.membership-trial-side small{font-size:11px;color:#725e86}
@media(max-width:600px){.membership-trial{flex-direction:column;align-items:stretch;padding:20px}.membership-trial-side{flex:initial;width:100%}}
/* Center the fifth adventure location on desktop */
@media (min-width: 601px) {
  .adventure-options > .grid > .option:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc(50% - 6px);
    justify-self: center;
  }
}

/* GiMagi illustrated adventure locations — five cards on desktop, stacked on mobile. */
main > .card .adventure-art-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
}
main > .card .adventure-art-choice {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding: 12px;
  min-width: 0;
  text-align: center;
}
main > .card .adventure-art-choice:nth-child(4) { grid-column: 2 / span 2; }
main > .card .adventure-art-choice:nth-child(5) { grid-column: 4 / span 2; }
main > .card .adventure-art-choice img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  border-radius: 12px;
}
main > .card .adventure-art-choice strong {
  color: #503577;
  font-size: 16px;
  line-height: 1.3;
}
@media (max-width: 700px) {
  main > .card .adventure-art-grid { grid-template-columns: 1fr; gap: 14px; }
  main > .card .adventure-art-choice,
  main > .card .adventure-art-choice:nth-child(4),
  main > .card .adventure-art-choice:nth-child(5) { grid-column: auto; }
}

/* Unified five-option selection layout: Friends, Worlds, Adventures. */
@media (min-width: 701px) {
  main:has(> .card .five-option-grid) { max-width: 1120px; }
  main > .card .five-option-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
  }
  main > .card .five-option-grid > * { grid-column: span 2; min-width: 0; width: 100%; }
  main > .card .five-option-grid > :nth-child(4) { grid-column: 2 / span 2; }
  main > .card .five-option-grid > :nth-child(5) { grid-column: 4 / span 2; }
  main > .card .five-option-grid > :last-child:nth-child(odd) { justify-self: stretch; }
}
main > .card .character-five-grid .character-choice { align-items: stretch; }
main > .card .character-five-grid .character-select { width: 100%; }
main > .card .five-option-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; }
@media (max-width: 700px) {
  main > .card .five-option-grid {
    display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px;
  }
  main > .card .five-option-grid > *,
  main > .card .five-option-grid > :nth-child(4),
  main > .card .five-option-grid > :nth-child(5) { grid-column: auto; width: 100%; }
}

/* GiMagi illustration galleries and story artwork */
.gimagi-art-gallery {display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr));}
.gimagi-art-tile {display:block; width:100%; min-width:0; padding:0; border:0; background:transparent; border-radius:14px; overflow:hidden; cursor:zoom-in;}
.gimagi-art-tile img {display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform .2s ease;}
.gimagi-art-tile:hover img {transform:scale(1.025);}
.gimagi-home-art {grid-template-columns:repeat(5,minmax(0,1fr));}
.gimagi-profile-gallery {margin:28px 0; text-align:center;}
.gimagi-profile-gallery .sub {margin-bottom:16px;}
.gimagi-story-illustration {display:block; width:100%; height:auto; object-fit:contain; border-radius:18px; margin:18px 0 24px;}
.gimagi-art-lightbox {position:fixed; inset:0; z-index:9999; background:rgba(16,10,29,.93); display:flex; justify-content:center; align-items:center; padding:60px 18px 22px;}
.gimagi-art-lightbox img {max-width:100%; max-height:100%; object-fit:contain; border-radius:12px;}
.gimagi-art-close {position:absolute; top:12px; right:18px; color:white; background:rgba(255,255,255,.15); border:0; border-radius:50%; width:42px; height:42px; font-size:30px; cursor:pointer;}
@media(max-width:650px) {
  .gimagi-profile-art,.gimagi-home-art {display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding:4px 14% 14px 2px; -webkit-overflow-scrolling:touch;}
  .gimagi-profile-art .gimagi-art-tile,.gimagi-home-art .gimagi-art-tile {flex:0 0 82%; scroll-snap-align:start;}
}
@media(prefers-reduced-motion:reduce){.gimagi-art-tile img{transition:none;}}

/* Enlarged gallery: carousel controls */
.gimagi-art-lightbox {touch-action:pan-y;}
.gimagi-art-lightbox .gimagi-lightbox-image {max-width:min(100%,1200px); max-height:calc(100dvh - 125px); width:auto; height:auto; object-fit:contain;}
.gimagi-art-nav {position:absolute; top:50%; transform:translateY(-50%); width:48px; height:56px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.35); border-radius:14px; color:#fff; background:rgba(20,15,35,.6); font-size:44px; line-height:1; cursor:pointer; z-index:1;}
.gimagi-art-prev {left:clamp(8px,2vw,30px);}
.gimagi-art-next {right:clamp(8px,2vw,30px);}
.gimagi-art-close {z-index:2;}
.gimagi-art-counter {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:white; background:rgba(20,15,35,.65); padding:6px 16px; border-radius:100px; font:600 14px system-ui,sans-serif;}
@media(max-width:650px) {.gimagi-art-nav {width:36px;height:48px;font-size:34px;background:rgba(20,15,35,.5);} .gimagi-art-lightbox {padding:65px 12px 65px;} }

/* GiMagi light/dark theme — added October 2026 */
.gimagi-theme-toggle { appearance:none; border:1px solid var(--line); border-radius:999px; padding:9px 13px; background:var(--paper); color:var(--ink); font:700 13px Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.gimagi-theme-toggle:hover,.gimagi-theme-toggle:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) { color-scheme:dark; } }
:root[data-theme="dark"] {
  color-scheme:dark;
  --cream:#181427;
  --paper:#302841;
  --ink:#f1eafa;
  --muted:#c8bad8;
  --green:#c7a4ff;
  --line:#544568;
  --peach:#dfae91;
}
:root[data-theme="dark"] body {
  background:radial-gradient(ellipse at 10% 5%,#322448 0%,transparent 45%),radial-gradient(ellipse at 90% 40%,#28213e 0%,transparent 50%),#171425;
  color:var(--ink);
}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .page-panel,
:root[data-theme="dark"] .page-content,
:root[data-theme="dark"] .home-hero,
:root[data-theme="dark"] .home-section,
:root[data-theme="dark"] .home-finale,
:root[data-theme="dark"] .gimagi-home .home-section {
  background:linear-gradient(145deg,#322841,#261f36) !important;
  border-color:var(--line);
  color:var(--ink);
  box-shadow:0 12px 35px rgba(0,0,0,.12);
}
:root[data-theme="dark"] .option,
:root[data-theme="dark"] .saved,
:root[data-theme="dark"] .prompt,
:root[data-theme="dark"] .gimagi-home .home-friend,
:root[data-theme="dark"] .gimagi-home .home-mode,
:root[data-theme="dark"] .home-world-card,
:root[data-theme="dark"] .gimagi-home .home-style-card,
:root[data-theme="dark"] .tier,
:root[data-theme="dark"] .profile-moment-card,
:root[data-theme="dark"] .story-length-option,
:root[data-theme="dark"] .idea-toggle,
:root[data-theme="dark"] .membership-credit-guide,
:root[data-theme="dark"] .membership-trial,
:root[data-theme="dark"] .membership-trial-side,
:root[data-theme="dark"] .tier-preview-label {
  background:#392e4d !important;
  border-color:var(--line) !important;
  color:var(--ink) !important;
}
:root[data-theme="dark"] .home-hero h1,
:root[data-theme="dark"] .home-section h2,
:root[data-theme="dark"] .home-finale h2,
:root[data-theme="dark"] .home-friend h3,
:root[data-theme="dark"] .home-mode h3,
:root[data-theme="dark"] .home-world-card h3,
:root[data-theme="dark"] .membership-group-title,
:root[data-theme="dark"] .membership-trial h3,
:root[data-theme="dark"] .story-length-option strong,
:root[data-theme="dark"] #profile-sample-moments .profile-moment-card strong,
:root[data-theme="dark"] .idea-toggle summary { color:#f1dfff !important; }
:root[data-theme="dark"] .home-intro,
:root[data-theme="dark"] .home-finale p,
:root[data-theme="dark"] .membership-trial p,
:root[data-theme="dark"] .membership-trial-side small,
:root[data-theme="dark"] .tier-annual,
:root[data-theme="dark"] .story-length-time,
:root[data-theme="dark"] .story-length-credit,
:root[data-theme="dark"] .home-swipe-hint { color:var(--muted) !important; }
:root[data-theme="dark"] .home-eyebrow,
:root[data-theme="dark"] .site-nav a,
:root[data-theme="dark"] .meet-character,
:root[data-theme="dark"] .back { color:#d9b9ff; }
:root[data-theme="dark"] .site-nav a:hover,
:root[data-theme="dark"] .site-nav .nav-account,
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .home-steps span,
:root[data-theme="dark"] .annual-saving,
:root[data-theme="dark"] .story-length-credit,
:root[data-theme="dark"] .tier-preview-label { background:#4b3b64 !important; color:#f0dfff !important; }
:root[data-theme="dark"] .input,
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select { background:#251f34; border-color:var(--line); color:var(--ink); }
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color:#b2a3c3; }
:root[data-theme="dark"] .btn.secondary { background:#3c3051; color:#e6ceff; border-color:#9475c0; }
:root[data-theme="dark"] .btn.primary { background:linear-gradient(135deg,#8053c0,#69409f); color:white; }
:root[data-theme="dark"] .gimagi-theme-toggle { background:#49365f; color:#f5eaff; border-color:#8063a0; }
:root[data-theme="dark"] .gimagi-home .home-style-icon { background:#4a3a5e; }
:root[data-theme="dark"] a { color:#d6b4ff; }
:root[data-theme="dark"] .gimagi-art-lightbox { background:rgba(9,7,17,.96); }
@media(max-width:600px) { .gimagi-theme-toggle { padding:8px 10px; font-size:12px; } }

/* Midnight theme: correct contrast for text with fixed light-theme colors */
:root[data-theme="dark"] .option,
:root[data-theme="dark"] .option strong,
:root[data-theme="dark"] .option h3,
:root[data-theme="dark"] .option p,
:root[data-theme="dark"] .option span:not(.emoji),
:root[data-theme="dark"] .home-world-card h3,
:root[data-theme="dark"] .tier h3,
:root[data-theme="dark"] .tier-price,
:root[data-theme="dark"] .tier-price small,
:root[data-theme="dark"] .membership-credit-guide,
:root[data-theme="dark"] .membership-trial-side,
:root[data-theme="dark"] .membership-trial-kicker,
:root[data-theme="dark"] .faq-items summary { color:#f0ddff !important; }
:root[data-theme="dark"] .option .sub,
:root[data-theme="dark"] .option small,
:root[data-theme="dark"] .home-world-card p,
:root[data-theme="dark"] .tier p,
:root[data-theme="dark"] .tier ul,
:root[data-theme="dark"] .tier li,
:root[data-theme="dark"] .tier-annual,
:root[data-theme="dark"] .membership-trial-detail { color:#cfc0df !important; }
:root[data-theme="dark"] .option.selected,
:root[data-theme="dark"] .option:hover { border-color:#c7a4ff !important; box-shadow:inset 0 0 0 1px #c7a4ff; }
:root[data-theme="dark"] .faq-items details { border-color:#655477; }
:root[data-theme="dark"] .faq-items summary:hover { color:#ffffff !important; }

/* Shared static-page dark-mode refinements */
:root[data-theme="dark"] .page-shell, :root[data-theme="dark"] .page-content, :root[data-theme="dark"] .page-panel {color:var(--ink);}
:root[data-theme="dark"] .page-content h1, :root[data-theme="dark"] .page-content h2, :root[data-theme="dark"] .page-content h3, :root[data-theme="dark"] .page-panel h1, :root[data-theme="dark"] .page-panel h2, :root[data-theme="dark"] .auth-box h2 {color:#f1dfff;}
:root[data-theme="dark"] .page-content p, :root[data-theme="dark"] .page-panel p, :root[data-theme="dark"] .page-content label, :root[data-theme="dark"] .auth-box .small, :root[data-theme="dark"] .notice {color:#d6c9e5;}
:root[data-theme="dark"] .auth-box, :root[data-theme="dark"] .notice, :root[data-theme="dark"] .faq-items details {background:#392e4d; border-color:#665477; color:#f1eafa;}
:root[data-theme="dark"] .auth-box input:disabled {opacity:.8;}
:root[data-theme="dark"] .site-footer, :root[data-theme="dark"] .site-footer a, :root[data-theme="dark"] .site-footer strong {color:#d9c7ed;}
:root[data-theme="dark"] .site-footer {border-color:#665477;}
:root[data-theme="dark"] .membership-trial-copy, :root[data-theme="dark"] .membership-trial-copy strong {color:#f1eafa;}
:root[data-theme="dark"] .tier-preview-label {color:#f1dfff !important;}