/*
 * Authoritative source for every shared colour world.
 * Palette colours and public swatch colours are defined here once.
 * JavaScript may select an ID or read these tokens, but must not duplicate their values.
 */
:root{
  --nyarindo-swatch-forest:#4f7c58;
  --nyarindo-swatch-ocean:#3f8fa8;
  --nyarindo-swatch-amethyst:#8d70bd;
  --nyarindo-swatch-ember:#c66d42;
  --nyarindo-swatch-rose:#c76d87;
  --nyarindo-swatch-slate:#748b94
}

/* Six complete palettes, each with a tuned dark and light counterpart. */
html[data-palette=forest]{
  color-scheme:dark;
  --bg:#10110f;--surface:#161815;--surface2:#1b1e1a;--ink:#eeece5;--muted:#9a9b91;--dim:#62645c;
  --line:rgba(236,235,224,.12);--accent:#d2a36d;--accent-rgb:210,163,109;--green:#8eb5a2;
  --hero-a:#10110f;--hero-b:#141712;--hero-glow:50,59,49;--work-bg:#151713;--approach-bg:#10120f;
  --closing-bg:#171915;--books-bg:#20271f;--books-ink:#e8eadc;--footer-bg:#202d25;--footer-ink:#e5e8d8;
  --playem-bg:#a9d8c5;--playem-ink:#243d34;--soft-a:#20281f;--soft-b:#151a16;--soft-ink:#ececdf;
  --deep-a:#18231c;--deep-b:#101712
}
html[data-theme=light][data-palette=forest]{
  color-scheme:light;
  --bg:#eeeae0;--surface:#f5f2e9;--surface2:#e5e2d8;--ink:#282a24;--muted:#686a60;--dim:#898b81;
  --line:rgba(37,40,32,.16);--accent:#996431;--accent-rgb:153,100,49;--green:#4d7d63;
  --hero-a:#f1eee5;--hero-b:#e6e9df;--hero-glow:150,169,143;--work-bg:#e8e6dc;--approach-bg:#f0ede4;
  --closing-bg:#e5e3d8;--books-bg:#e9e6d9;--books-ink:#2c3329;--footer-bg:#e8ead4;--footer-ink:#293a30;
  --playem-bg:#a9d8c5;--playem-ink:#243d34;--soft-a:#edf1e5;--soft-b:#dbe3d5;--soft-ink:#26392d;
  --deep-a:#18231c;--deep-b:#101712
}
html[data-palette=ocean]{
  color-scheme:dark;
  --bg:#07151c;--surface:#0d2029;--surface2:#112b36;--ink:#edf7f6;--muted:#a1b7bc;--dim:#687f86;
  --line:rgba(219,242,244,.14);--accent:#7ac9d7;--accent-rgb:122,201,215;--green:#72d2b5;
  --hero-a:#07151c;--hero-b:#0d2430;--hero-glow:39,105,122;--work-bg:#0a1a21;--approach-bg:#08151b;
  --closing-bg:#0c1d25;--books-bg:#17262c;--books-ink:#e8f2f2;--footer-bg:#15323b;--footer-ink:#e4f1ef;
  --playem-bg:#a9d4d5;--playem-ink:#18383b;--soft-a:#16282d;--soft-b:#0d1a20;--soft-ink:#e6f0ee;
  --deep-a:#102830;--deep-b:#08151b
}
html[data-theme=light][data-palette=ocean]{
  color-scheme:light;
  --bg:#e8f0f1;--surface:#f6fbfb;--surface2:#d9e8ea;--ink:#20373d;--muted:#60767c;--dim:#82989e;
  --line:rgba(31,66,74,.16);--accent:#246c7d;--accent-rgb:36,108,125;--green:#2e745d;
  --hero-a:#edf4f4;--hero-b:#dcebec;--hero-glow:95,157,170;--work-bg:#e5eef0;--approach-bg:#eef4f4;
  --closing-bg:#e0eaea;--books-bg:#e8efec;--books-ink:#273a38;--footer-bg:#d8e7e8;--footer-ink:#233d42;
  --playem-bg:#b1dad7;--playem-ink:#1e3b3d;--soft-a:#e4efef;--soft-b:#d4e5e8;--soft-ink:#243d42;
  --deep-a:#15313a;--deep-b:#0c2028
}
html[data-palette=amethyst]{
  color-scheme:dark;
  --bg:#130f1b;--surface:#191322;--surface2:#21192d;--ink:#f0ebf7;--muted:#b1a7bf;--dim:#776e84;
  --line:rgba(234,224,246,.14);--accent:#d0a5eb;--accent-rgb:208,165,235;--green:#9bcab8;
  --hero-a:#130f1b;--hero-b:#1c1426;--hero-glow:98,67,125;--work-bg:#171020;--approach-bg:#100c16;
  --closing-bg:#1d1628;--books-bg:#25202d;--books-ink:#f0ebf3;--footer-bg:#241a30;--footer-ink:#eee6f3;
  --playem-bg:#cfc1e5;--playem-ink:#2d2339;--soft-a:#21182c;--soft-b:#171120;--soft-ink:#f0eaf5;
  --deep-a:#21162b;--deep-b:#120d18
}
html[data-theme=light][data-palette=amethyst]{
  color-scheme:light;
  --bg:#f0eaf4;--surface:#faf6fc;--surface2:#e3d7eb;--ink:#372b41;--muted:#71657b;--dim:#94889e;
  --line:rgba(72,49,85,.16);--accent:#81569c;--accent-rgb:129,86,156;--green:#4e7b67;
  --hero-a:#f3edf6;--hero-b:#e6dced;--hero-glow:169,137,188;--work-bg:#eae2ef;--approach-bg:#f2ecf5;
  --closing-bg:#e5ddea;--books-bg:#eee9ef;--books-ink:#352b3c;--footer-bg:#e1d4e9;--footer-ink:#382c41;
  --playem-bg:#cbbdde;--playem-ink:#30263a;--soft-a:#eee5f3;--soft-b:#dfd0e8;--soft-ink:#392c43;
  --deep-a:#2e2039;--deep-b:#1b1322
}
html[data-palette=ember]{
  color-scheme:dark;
  --bg:#180e0b;--surface:#221410;--surface2:#2c1b15;--ink:#f6ece5;--muted:#bfa99d;--dim:#876f64;
  --line:rgba(247,227,213,.14);--accent:#e59c66;--accent-rgb:229,156,102;--green:#9cc7a1;
  --hero-a:#180e0b;--hero-b:#281712;--hero-glow:133,73,45;--work-bg:#1d120e;--approach-bg:#140d0a;
  --closing-bg:#21140f;--books-bg:#2a201b;--books-ink:#f3e9e1;--footer-bg:#2d211a;--footer-ink:#f1e8df;
  --playem-bg:#e6c1a4;--playem-ink:#3d291d;--soft-a:#281812;--soft-b:#1a100d;--soft-ink:#f0e5dc;
  --deep-a:#23160f;--deep-b:#150d09
}
html[data-theme=light][data-palette=ember]{
  color-scheme:light;
  --bg:#f5ebe3;--surface:#fff8f2;--surface2:#ecdccf;--ink:#3d2a20;--muted:#76665c;--dim:#9c8a7d;
  --line:rgba(76,51,37,.16);--accent:#a9582e;--accent-rgb:169,88,46;--green:#56775c;
  --hero-a:#f8f1ea;--hero-b:#eddfd4;--hero-glow:188,136,105;--work-bg:#f0e5dc;--approach-bg:#f7efe8;
  --closing-bg:#e9ddd3;--books-bg:#f1e8de;--books-ink:#3d2c23;--footer-bg:#e6d7ca;--footer-ink:#3d2a21;
  --playem-bg:#e5c2a6;--playem-ink:#442d20;--soft-a:#f6ebe1;--soft-b:#e7d5c7;--soft-ink:#442f24;
  --deep-a:#3b2218;--deep-b:#27160f
}
html[data-palette=rose]{
  color-scheme:dark;
  --bg:#190f14;--surface:#24151d;--surface2:#2d1b25;--ink:#f6eaf0;--muted:#bda7b3;--dim:#856b77;
  --line:rgba(246,225,234,.14);--accent:#e8a2bd;--accent-rgb:232,162,189;--green:#a7c8af;
  --hero-a:#190f14;--hero-b:#291720;--hero-glow:124,65,86;--work-bg:#1d1118;--approach-bg:#150c10;
  --closing-bg:#22131a;--books-bg:#2b2026;--books-ink:#f3e8ed;--footer-bg:#301d27;--footer-ink:#f2e5eb;
  --playem-bg:#e3bfd0;--playem-ink:#422630;--soft-a:#291820;--soft-b:#190f14;--soft-ink:#f1e3e9;
  --deep-a:#27151d;--deep-b:#170c11
}
html[data-theme=light][data-palette=rose]{
  color-scheme:light;
  --bg:#f7eaf0;--surface:#fff7fa;--surface2:#efdae2;--ink:#422b35;--muted:#79636d;--dim:#9a8790;
  --line:rgba(83,49,62,.16);--accent:#a84f70;--accent-rgb:168,79,112;--green:#55755f;
  --hero-a:#f9f0f4;--hero-b:#efdde5;--hero-glow:190,132,151;--work-bg:#f2e5eb;--approach-bg:#f8eff3;
  --closing-bg:#ebdce3;--books-bg:#f1e7eb;--books-ink:#422f37;--footer-bg:#e8d5de;--footer-ink:#442d37;
  --playem-bg:#e3bfd0;--playem-ink:#422630;--soft-a:#f7e8ee;--soft-b:#e8d3dc;--soft-ink:#442c36;
  --deep-a:#412330;--deep-b:#29151e
}
html[data-palette=slate]{
  color-scheme:dark;
  --bg:#0e1418;--surface:#141c21;--surface2:#1a252c;--ink:#eaf1f3;--muted:#a5b3b9;--dim:#6f8088;
  --line:rgba(226,238,241,.14);--accent:#a8c3d3;--accent-rgb:168,195,211;--green:#8dc6ba;
  --hero-a:#0e1418;--hero-b:#151f25;--hero-glow:62,91,105;--work-bg:#11191e;--approach-bg:#0b1115;
  --closing-bg:#111c22;--books-bg:#20292e;--books-ink:#e8eef0;--footer-bg:#1e3037;--footer-ink:#e5edef;
  --playem-bg:#bfd2d5;--playem-ink:#23383c;--soft-a:#17232a;--soft-b:#0e171b;--soft-ink:#e5edef;
  --deep-a:#16252c;--deep-b:#0b1317
}
html[data-theme=light][data-palette=slate]{
  color-scheme:light;
  --bg:#e9eef0;--surface:#f7fafa;--surface2:#dbe5e8;--ink:#26363c;--muted:#61747b;--dim:#87999f;
  --line:rgba(34,56,62,.16);--accent:#376e83;--accent-rgb:55,110,131;--green:#3d7567;
  --hero-a:#edf2f3;--hero-b:#dde7ea;--hero-glow:126,153,163;--work-bg:#e4ebed;--approach-bg:#eef3f4;
  --closing-bg:#dde7e9;--books-bg:#e9edef;--books-ink:#27383e;--footer-bg:#d9e4e7;--footer-ink:#24373d;
  --playem-bg:#bfd2d5;--playem-ink:#23383c;--soft-a:#e9f0f1;--soft-b:#d7e2e5;--soft-ink:#273b40;
  --deep-a:#253b43;--deep-b:#17272d
}

body{background-color:var(--bg);color:var(--ink)}
.hero{background:radial-gradient(ellipse at 74% 49%,rgba(var(--hero-glow),.3),transparent 35%),linear-gradient(120deg,var(--hero-a) 54%,var(--hero-b))}
html[data-palette] .hero{background:radial-gradient(ellipse at 74% 49%,rgba(var(--hero-glow),.3),transparent 35%),linear-gradient(120deg,var(--hero-a) 54%,var(--hero-b))}
html[data-palette] .work{background:var(--work-bg)}html[data-palette] .approach{background:var(--approach-bg)}html[data-palette] .closing{background:var(--closing-bg)}
html[data-palette] .books-section{background:var(--books-bg);color:var(--books-ink)}html[data-palette] .social-footer{background:var(--footer-bg);color:var(--footer-ink)}
html[data-palette] .social-footer :is(.eyebrow,.back-top,.social-footer-bottom){color:var(--footer-ink)}
html[data-palette] .playem-section{background:var(--playem-bg);color:var(--playem-ink)}
html[data-palette] .science-religion{background:radial-gradient(circle at 82% 18%,rgba(var(--accent-rgb),.18),transparent 28%),linear-gradient(145deg,var(--soft-a),var(--soft-b));color:var(--soft-ink)}
html[data-palette] .coherence-theory{background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.13),transparent 30%),linear-gradient(160deg,var(--deep-a),var(--deep-b))}
.theme-wash{background:radial-gradient(ellipse at 50% -16%,rgba(var(--accent-rgb),.28),transparent 66%),linear-gradient(115deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.025) 53%,transparent)}
.hero h1 em,.section-heading h2 em,.approach h2 em,.closing h2 em,.science-religion h2 em,.coherence-theory h2 em,.books-heading .eyebrow,.theme-icon,.nav-contact span,.back-top{color:var(--accent)}
.live-dot,.status i{background:var(--green)}.nav-contact,.book-actions{border-color:var(--line)}
html[data-theme=light] .theme-wash{opacity:.5}

/* Footer palette picker. */
.footer-themes{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.footer-themes-title{margin-right:2px;color:var(--accent);font:8px var(--mono);letter-spacing:.13em}
.theme-swatch{width:27px;height:27px;padding:0;border:3px solid var(--footer-bg);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,255,255,.35);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.theme-swatch:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ink),0 5px 12px rgba(0,0,0,.18)}
.theme-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--bg)}
.theme-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body,.playem-section,.playem-copy,.social-footer,.books-section{transition:none}
@media(max-width:620px){.footer-themes{order:3;flex-basis:100%;justify-content:flex-start}.theme-swatch{width:25px;height:25px}}

/* Shared colour-world control, generated once and reused across the mother app and child apps. */
.nyarindo-palette-nav{
  position:relative;
  flex:none;
  color:inherit;
}

.nyarindo-palette-nav>summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid currentColor;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:inherit;
  font:8px/1 var(--mono,monospace);
  letter-spacing:.08em;
  cursor:pointer;
  list-style:none;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.nyarindo-palette-nav>summary::-webkit-details-marker{display:none}
.nyarindo-palette-nav[open]>summary{background:rgba(255,255,255,.18)}
.nyarindo-palette-nav>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.nyarindo-palette-orbit{
  position:relative;
  display:block;
  width:18px;
  height:18px;
}

.nyarindo-palette-orbit i{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--dot);
  box-shadow:0 0 5px color-mix(in srgb,var(--dot) 55%,transparent);
}

.nyarindo-palette-orbit i:nth-child(1){top:0;left:5px}
.nyarindo-palette-orbit i:nth-child(2){top:6px;left:0}
.nyarindo-palette-orbit i:nth-child(3){top:6px;right:0}
.nyarindo-palette-orbit i:nth-child(4){bottom:0;left:5px}

.nyarindo-palette-popover{
  position:absolute;
  z-index:100;
  top:calc(100% + 8px);
  right:0;
  width:min(270px,calc(100vw - 24px));
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface,#111) 94%,transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  backdrop-filter:blur(18px) saturate(1.12);
}

.nyarindo-palette-nav>.nyarindo-palette-popover{display:none}
.nyarindo-palette-nav[open]>.nyarindo-palette-popover{display:block}

.nyarindo-palette-popover p{
  margin:0 0 10px;
  color:var(--accent);
  font:8px/1.4 var(--mono,monospace);
  letter-spacing:.12em;
}

.nyarindo-palette-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}

.nyarindo-palette-grid button{
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  max-width:26px;
  max-height:26px;
  flex:0 0 26px;
  align-self:center;
  aspect-ratio:1 / 1;
  padding:0;
  border:2px solid transparent;
  border-radius:50%;
  background:var(--swatch);
  box-shadow:0 0 0 1px rgba(255,255,255,.32),0 4px 10px rgba(0,0,0,.16);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}

button[data-palette=forest]{--swatch:var(--nyarindo-swatch-forest)}
button[data-palette=ocean]{--swatch:var(--nyarindo-swatch-ocean)}
button[data-palette=amethyst]{--swatch:var(--nyarindo-swatch-amethyst)}
button[data-palette=ember]{--swatch:var(--nyarindo-swatch-ember)}
button[data-palette=rose]{--swatch:var(--nyarindo-swatch-rose)}
button[data-palette=slate]{--swatch:var(--nyarindo-swatch-slate)}

.nyarindo-palette-orbit i[data-palette-dot=forest]{--dot:var(--nyarindo-swatch-forest)}
.nyarindo-palette-orbit i[data-palette-dot=ocean]{--dot:var(--nyarindo-swatch-ocean)}
.nyarindo-palette-orbit i[data-palette-dot=amethyst]{--dot:var(--nyarindo-swatch-amethyst)}
.nyarindo-palette-orbit i[data-palette-dot=ember]{--dot:var(--nyarindo-swatch-ember)}
.nyarindo-palette-orbit i[data-palette-dot=rose]{--dot:var(--nyarindo-swatch-rose)}
.nyarindo-palette-orbit i[data-palette-dot=slate]{--dot:var(--nyarindo-swatch-slate)}

.nyarindo-palette-grid button:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 0 0 2px var(--ink),0 7px 16px rgba(0,0,0,.24)}
.nyarindo-palette-grid button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent),0 0 15px color-mix(in srgb,var(--swatch) 50%,transparent)}
.nyarindo-palette-grid button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.nyarindo-palette-strip{
  position:relative;
  z-index:36;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:7px clamp(16px,4vw,58px);
  border-bottom:1px solid rgba(255,255,255,.16);
  background:linear-gradient(90deg,rgba(2,14,24,.92),rgba(3,31,27,.7),rgba(2,14,24,.92));
  box-shadow:0 8px 24px rgba(0,0,0,.13);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  backdrop-filter:blur(16px) saturate(1.1);
}

html[data-page=home] .nyarindo-palette-strip{display:none}

html[data-theme=light] .nyarindo-palette-strip{
  border-bottom-color:rgba(23,72,58,.2);
  background:linear-gradient(90deg,rgba(12,97,134,.9),rgba(62,153,174,.62),rgba(12,97,134,.88));
}

.nyarindo-palette-strip[hidden]{display:none}

.nyarindo-palette-strip .nyarindo-palette-nav.is-below-header>summary{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.13);
  color:#fff;
}

.nyarindo-palette-strip .nyarindo-palette-popover{
  top:calc(100% + 6px);
  right:0;
}

.nyarindo-palette-footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.nyarindo-palette-footer-label{
  color:var(--accent);
  font:8px/1.4 var(--mono,monospace);
  letter-spacing:.12em;
}

.nyarindo-palette-grid.is-footer{
  display:flex;
  gap:6px;
}

.nyarindo-palette-grid.is-footer button{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  max-width:24px;
  max-height:24px;
  flex-basis:24px;
}

.nyarindo-thread-footer .nyarindo-palette-footer{
  order:4;
  margin-left:auto;
}

@media(max-width:1100px){
  .nyarindo-palette-label{display:none}
  .nyarindo-palette-nav>summary{min-width:38px;padding-inline:8px}
}

@media(max-width:650px){
  .nyarindo-palette-strip{justify-content:center;padding:6px 12px}
  .nyarindo-palette-popover{right:50%;transform:translateX(50%)}
  .nyarindo-thread-footer .nyarindo-palette-footer{width:100%;margin-left:0}
  .nyarindo-palette-footer{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .nyarindo-palette-grid button{transition:none}
}

button[data-palette]{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
  align-self:center!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:50%!important;
}

.nyarindo-palette-grid.is-footer button[data-palette],
.footer-themes button[data-palette]{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  flex-basis:24px!important;
}

/* One vivid system-wide colour portal: day/night and colour worlds share a single playful control. */
button[data-nyarindo-legacy-theme]{display:none!important}
.palette-switch[hidden],.footer-themes[hidden]{display:none!important}

.nyarindo-palette-nav>summary{
  position:relative;
  min-height:42px;
  gap:9px;
  padding:7px 13px 7px 9px;
  border:2px solid transparent;
  background:
    linear-gradient(color-mix(in srgb,var(--surface,#151713) 88%,transparent),color-mix(in srgb,var(--surface,#151713) 88%,transparent)) padding-box,
    conic-gradient(from 20deg,#ff5f9e,#ffb74d,#ffe86b,#58e59b,#42c9ff,#a88cff,#ff5f9e) border-box;
  box-shadow:0 0 0 4px rgba(255,255,255,.035),0 9px 25px rgba(0,0,0,.18);
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
}

.nyarindo-palette-nav>summary::after{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  border-radius:inherit;
  background:conic-gradient(from 40deg,rgba(255,95,158,.45),rgba(66,201,255,.38),rgba(88,229,155,.42),rgba(255,232,107,.42),rgba(255,95,158,.45));
  filter:blur(10px);
  opacity:.38;
  transition:opacity .24s ease,filter .24s ease;
}

.nyarindo-palette-nav>summary:is(:hover,:focus-visible),.nyarindo-palette-nav[open]>summary{
  background:
    linear-gradient(color-mix(in srgb,var(--surface,#151713) 76%,#ff7fbd 24%),color-mix(in srgb,var(--surface,#151713) 76%,#55cfff 24%)) padding-box,
    conic-gradient(from 20deg,#ff5f9e,#ffb74d,#ffe86b,#58e59b,#42c9ff,#a88cff,#ff5f9e) border-box;
  box-shadow:0 0 0 5px rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.22);
  transform:translateY(-1px) rotate(-1deg);
}

.nyarindo-palette-nav>summary:is(:hover,:focus-visible)::after,.nyarindo-palette-nav[open]>summary::after{
  filter:blur(13px);
  opacity:.68;
}

.nyarindo-palette-orbit{
  width:28px;
  height:21px;
  animation:nyarindo-colour-orbit 12s linear infinite;
}

.nyarindo-palette-orbit i{
  width:8px;
  height:8px;
  box-shadow:0 0 7px color-mix(in srgb,var(--dot) 72%,transparent);
}

.nyarindo-palette-orbit i:nth-child(1){top:0;left:4px}
.nyarindo-palette-orbit i:nth-child(2){top:0;right:4px}
.nyarindo-palette-orbit i:nth-child(3){top:7px;left:0}
.nyarindo-palette-orbit i:nth-child(4){top:7px;right:0}
.nyarindo-palette-orbit i:nth-child(5){bottom:0;left:4px}
.nyarindo-palette-orbit i:nth-child(6){bottom:0;right:4px}

.nyarindo-palette-label{
  color:var(--ink);
  text-shadow:0 0 12px rgba(255,255,255,.16);
}

.nyarindo-palette-popover{
  width:min(320px,calc(100vw - 20px));
  padding:17px;
  border:2px solid transparent;
  background:
    radial-gradient(circle at 8% 0,rgba(255,95,158,.2),transparent 37%),
    radial-gradient(circle at 94% 16%,rgba(66,201,255,.2),transparent 34%),
    linear-gradient(color-mix(in srgb,var(--surface,#151713) 92%,transparent),color-mix(in srgb,var(--surface,#151713) 92%,transparent)) padding-box,
    linear-gradient(135deg,#ff5f9e,#ffe86b,#58e59b,#42c9ff,#a88cff) border-box;
  box-shadow:0 22px 58px rgba(0,0,0,.38),0 0 34px rgba(66,201,255,.13);
}

.nyarindo-palette-popover>p{
  margin-bottom:12px;
  color:var(--ink);
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
}

.nyarindo-mode-toggle{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%!important;
  max-width:none!important;
  min-height:40px!important;
  margin:0 0 14px;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:10px!important;
  background:linear-gradient(120deg,#ff8ec4,#ffd36c 42%,#65d8ff 78%,#a98cff)!important;
  color:#17151c!important;
  font:700 9px/1 var(--mono,monospace)!important;
  letter-spacing:.08em;
  cursor:pointer;
}

.nyarindo-mode-toggle .theme-icon{
  color:#261b31;
  font-size:17px;
}

.nyarindo-mode-toggle:is(:hover,:focus-visible){
  box-shadow:0 0 0 4px rgba(255,255,255,.09),0 9px 23px rgba(0,0,0,.22)!important;
  filter:saturate(1.18) brightness(1.05);
}

.nyarindo-palette-grid{
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}

.nyarindo-palette-grid button{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  flex-basis:32px!important;
  border-width:3px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.55),0 6px 14px rgba(0,0,0,.22)!important;
}

.nyarindo-palette-grid button[aria-pressed=true]{
  transform:translateY(-2px) scale(1.08);
  box-shadow:0 0 0 3px var(--ink),0 0 18px color-mix(in srgb,var(--swatch) 74%,transparent)!important;
}

html[data-theme=light] .nyarindo-palette-nav>summary{
  background:
    linear-gradient(rgba(255,252,240,.94),rgba(245,250,235,.9)) padding-box,
    conic-gradient(from 20deg,#ff4f91,#ff9f43,#f4d94e,#32c982,#28b8f2,#8b70ee,#ff4f91) border-box;
}

html[data-theme=light] .nyarindo-palette-popover{
  background:
    radial-gradient(circle at 8% 0,rgba(255,79,145,.15),transparent 37%),
    radial-gradient(circle at 94% 16%,rgba(40,184,242,.17),transparent 34%),
    linear-gradient(rgba(255,252,243,.97),rgba(247,251,238,.97)) padding-box,
    linear-gradient(135deg,#ff4f91,#f4d94e,#32c982,#28b8f2,#8b70ee) border-box;
}

@keyframes nyarindo-colour-orbit{
  to{transform:rotate(360deg)}
}

@media(max-width:1100px){
  .nyarindo-palette-nav>summary{min-width:42px;min-height:42px;padding:7px}
  .nyarindo-palette-orbit{width:25px;height:20px}
}

@media(prefers-reduced-motion:reduce){
  .nyarindo-palette-orbit{animation:none}
  .nyarindo-palette-nav>summary{transform:none!important}
}