/* Chapter colors + Contents glass cards. Generated by /root/es/toc-glass/build.py. New icons: Lucide (ISC). */
:root{
  --ic-ch-lens:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 7V5a2 2 0 0 1 2-2h2%22 /%3E %3Cpath d=%22M17 3h2a2 2 0 0 1 2 2v2%22 /%3E %3Cpath d=%22M21 17v2a2 2 0 0 1-2 2h-2%22 /%3E %3Cpath d=%22M7 21H5a2 2 0 0 1-2-2v-2%22 /%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22 /%3E %3Cpath d=%22m16 16-1.9-1.9%22 /%3E %3C/svg%3E");
  --ic-ch-studio:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Ccircle cx=%2213.5%22 cy=%226.5%22 r=%22.5%22 fill=%22currentColor%22 /%3E %3Ccircle cx=%2217.5%22 cy=%2210.5%22 r=%22.5%22 fill=%22currentColor%22 /%3E %3Ccircle cx=%228.5%22 cy=%227.5%22 r=%22.5%22 fill=%22currentColor%22 /%3E %3Ccircle cx=%226.5%22 cy=%2212.5%22 r=%22.5%22 fill=%22currentColor%22 /%3E %3Cpath d=%22M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z%22 /%3E %3C/svg%3E");
  --ic-ch-fromx:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22 /%3E %3Cpath d=%22M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8%22 /%3E %3C/svg%3E");
  --ic-ch-eyethespy:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%22 /%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22 /%3E %3C/svg%3E");
  --ic-ch-pressure:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3%22 /%3E %3Cpath d=%22M12 9v4%22 /%3E %3Cpath d=%22M12 17h.01%22 /%3E %3C/svg%3E");
  --ic-ch-frame:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22m10.065 12.493-6.18 1.318a.934.934 0 0 1-1.108-.702l-.537-2.15a1.07 1.07 0 0 1 .691-1.265l13.504-4.44%22 /%3E %3Cpath d=%22m13.56 11.747 4.332-.924%22 /%3E %3Cpath d=%22m16 21-3.105-6.21%22 /%3E %3Cpath d=%22M16.485 5.94a2 2 0 0 1 1.455-2.425l1.09-.272a1 1 0 0 1 1.212.727l1.515 6.06a1 1 0 0 1-.727 1.213l-1.09.272a2 2 0 0 1-2.425-1.455z%22 /%3E %3Cpath d=%22m6.158 8.633 1.114 4.456%22 /%3E %3Cpath d=%22m8 21 3.105-6.21%22 /%3E %3Ccircle cx=%2212%22 cy=%2213%22 r=%222%22 /%3E %3C/svg%3E");
  --ic-ch-standingrock:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3.5 21 14 3%22 /%3E %3Cpath d=%22M20.5 21 10 3%22 /%3E %3Cpath d=%22M15.5 21 12 15l-3.5 6%22 /%3E %3Cpath d=%22M2 21h20%22 /%3E %3C/svg%3E");
  --ic-ch-machine:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z%22 /%3E %3Cpath d=%22M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z%22 /%3E %3Cpath d=%22M12 2v2%22 /%3E %3Cpath d=%22M12 22v-2%22 /%3E %3Cpath d=%22m17 20.66-1-1.73%22 /%3E %3Cpath d=%22M11 10.27 7 3.34%22 /%3E %3Cpath d=%22m20.66 17-1.73-1%22 /%3E %3Cpath d=%22m3.34 7 1.73 1%22 /%3E %3Cpath d=%22M14 12h8%22 /%3E %3Cpath d=%22M2 12h2%22 /%3E %3Cpath d=%22m20.66 7-1.73 1%22 /%3E %3Cpath d=%22m3.34 17 1.73-1%22 /%3E %3Cpath d=%22m17 3.34-1 1.73%22 /%3E %3Cpath d=%22m11 13.73-4 6.93%22 /%3E %3C/svg%3E");
  --ic-ch-paxton:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2%22 /%3E %3Cpath d=%22M7 2v20%22 /%3E %3Cpath d=%22M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7%22 /%3E %3C/svg%3E");
  --ic-ch-signedq:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z%22 /%3E %3Cpath d=%22m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18%22 /%3E %3Cpath d=%22m2.3 2.3 7.286 7.286%22 /%3E %3Ccircle cx=%2211%22 cy=%2211%22 r=%222%22 /%3E %3C/svg%3E");
  --ic-ch-continued:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Ccircle cx=%226%22 cy=%2219%22 r=%223%22 /%3E %3Cpath d=%22M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15%22 /%3E %3Ccircle cx=%2218%22 cy=%225%22 r=%223%22 /%3E %3C/svg%3E");
  --cc-map:#89f0de;
  --cc-origins:#f089e5;
  --cc-converge:#c7f089;
  --cc-deposition:#89a8f0;
  --cc-files:#f0898a;
  --cc-money:#89f0a6;
  --cc-election:#c489f0;
  --cc-tower:#f0e289;
  --cc-cicada:#89e0f0;
  --cc-inside:#f089c2;
  --cc-noetic:#a4f089;
  --cc-defcon:#8c89f0;
  --cc-rauhauser:#f0aa89;
  --cc-farallon:#89f0c8;
  --cc-laundering:#e789f0;
  --cc-puppet:#dcf089;
  --cc-mirror:#89bef0;
  --cc-eyethespy:#f089a0;
  --cc-method:#89f090;
  --cc-defango:#af89f0;
  --cc-trueblood:#f0cd89;
  --cc-attribution:#89f0eb;
  --cc-pressure:#f089d8;
  --cc-frame:#b9f089;
  --cc-lens:#899bf0;
  --cc-standingrock:#f09589;
  --cc-machine:#89f0b3;
  --cc-paxton:#d189f0;
  --cc-signedq:#f0ef89;
  --cc-continued:#89d3f0;
  --cc-studio:#f089b5;
  --cc-fromx:#97f089;
  --cc-library:#9989f0;
}
#map,.toc a[href$="#map"]{--cc:var(--cc-map);--icx:var(--ic-ch-map,var(--ic-link))}
#origins,.toc a[href$="#origins"]{--cc:var(--cc-origins);--icx:var(--ic-ch-origins,var(--ic-link))}
#converge,.toc a[href$="#converge"]{--cc:var(--cc-converge);--icx:var(--ic-ch-converge,var(--ic-link))}
#deposition,.toc a[href$="#deposition"]{--cc:var(--cc-deposition);--icx:var(--ic-ch-deposition,var(--ic-link))}
#files,.toc a[href$="#files"]{--cc:var(--cc-files);--icx:var(--ic-ch-files,var(--ic-link))}
#money,.toc a[href$="#money"]{--cc:var(--cc-money);--icx:var(--ic-ch-money,var(--ic-link))}
#election,.toc a[href$="#election"]{--cc:var(--cc-election);--icx:var(--ic-ch-election,var(--ic-link))}
#tower,.toc a[href$="#tower"]{--cc:var(--cc-tower);--icx:var(--ic-ch-tower,var(--ic-link))}
#cicada,.toc a[href$="#cicada"]{--cc:var(--cc-cicada);--icx:var(--ic-ch-cicada,var(--ic-link))}
#inside,.toc a[href$="#inside"]{--cc:var(--cc-inside);--icx:var(--ic-ch-inside,var(--ic-link))}
#noetic,.toc a[href$="#noetic"]{--cc:var(--cc-noetic);--icx:var(--ic-ch-noetic,var(--ic-link))}
#defcon,.toc a[href$="#defcon"]{--cc:var(--cc-defcon);--icx:var(--ic-ch-defcon,var(--ic-link))}
#rauhauser,.toc a[href$="#rauhauser"]{--cc:var(--cc-rauhauser);--icx:var(--ic-ch-rauhauser,var(--ic-link))}
#farallon,.toc a[href$="#farallon"]{--cc:var(--cc-farallon);--icx:var(--ic-ch-farallon,var(--ic-link))}
#laundering,.toc a[href$="#laundering"]{--cc:var(--cc-laundering);--icx:var(--ic-ch-laundering,var(--ic-link))}
#puppet,.toc a[href$="#puppet"]{--cc:var(--cc-puppet);--icx:var(--ic-ch-puppet,var(--ic-link))}
#mirror,.toc a[href$="#mirror"]{--cc:var(--cc-mirror);--icx:var(--ic-ch-mirror,var(--ic-link))}
#eyethespy,.toc a[href$="#eyethespy"]{--cc:var(--cc-eyethespy);--icx:var(--ic-ch-eyethespy,var(--ic-link))}
#method,.toc a[href$="#method"]{--cc:var(--cc-method);--icx:var(--ic-ch-method,var(--ic-link))}
#defango,.toc a[href$="#defango"]{--cc:var(--cc-defango);--icx:var(--ic-ch-defango,var(--ic-link))}
#trueblood,.toc a[href$="#trueblood"]{--cc:var(--cc-trueblood);--icx:var(--ic-ch-trueblood,var(--ic-link))}
#attribution,.toc a[href$="#attribution"]{--cc:var(--cc-attribution);--icx:var(--ic-ch-attribution,var(--ic-link))}
#pressure,.toc a[href$="#pressure"]{--cc:var(--cc-pressure);--icx:var(--ic-ch-pressure,var(--ic-link))}
#frame,.toc a[href$="#frame"]{--cc:var(--cc-frame);--icx:var(--ic-ch-frame,var(--ic-link))}
#lens,.toc a[href$="#lens"]{--cc:var(--cc-lens);--icx:var(--ic-ch-lens,var(--ic-link))}
#standingrock,.toc a[href$="#standingrock"]{--cc:var(--cc-standingrock);--icx:var(--ic-ch-standingrock,var(--ic-link))}
#machine,.toc a[href$="#machine"]{--cc:var(--cc-machine);--icx:var(--ic-ch-machine,var(--ic-link))}
#paxton,.toc a[href$="#paxton"]{--cc:var(--cc-paxton);--icx:var(--ic-ch-paxton,var(--ic-link))}
#signedq,.toc a[href$="#signedq"]{--cc:var(--cc-signedq);--icx:var(--ic-ch-signedq,var(--ic-link))}
#continued,.toc a[href$="#continued"]{--cc:var(--cc-continued);--icx:var(--ic-ch-continued,var(--ic-link))}
#studio,.toc a[href$="#studio"]{--cc:var(--cc-studio);--icx:var(--ic-ch-studio,var(--ic-link))}
#fromx,.toc a[href$="#fromx"]{--cc:var(--cc-fromx);--icx:var(--ic-ch-fromx,var(--ic-link))}
#library,.toc a[href$="#library"]{--cc:var(--cc-library);--icx:var(--ic-ch-library,var(--ic-link))}

/* glass cards */
.toc a{position:relative;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--cc,#2dd4bf) 14%,transparent),rgba(255,255,255,.025) 55%,rgba(255,255,255,.01));
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border:1px solid color-mix(in srgb,var(--cc,#2dd4bf) 32%,rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.28);
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}
.toc a::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--cc,#2dd4bf),transparent 80%);opacity:.85}
.toc a:hover,.toc a:focus-visible{border-color:var(--cc,#2dd4bf);transform:translateY(-2px);
  background:linear-gradient(135deg,color-mix(in srgb,var(--cc,#2dd4bf) 24%,transparent),rgba(255,255,255,.04) 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.35),0 0 22px color-mix(in srgb,var(--cc,#2dd4bf) 25%,transparent)}
.toc a:focus-visible{outline-color:var(--cc,#2dd4bf)}
.toc .n{color:var(--cc,var(--teal));display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
.toc .ic{display:block;width:1.35rem;height:1.35rem;background:var(--cc,var(--teal));
  -webkit-mask:var(--icx) center/contain no-repeat;mask:var(--icx) center/contain no-repeat;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--cc,#2dd4bf) 45%,transparent))}
@supports not (background:color-mix(in srgb,red 50%,blue)){.toc a{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}}
@media (prefers-reduced-motion:reduce){.toc a,.toc a:hover{transition:none;transform:none}}

/* the chapter itself carries its card color */
:is(#map,
#origins,
#converge,
#deposition,
#files,
#money,
#election,
#tower,
#cicada,
#inside,
#noetic,
#defcon,
#rauhauser,
#farallon,
#laundering,
#puppet,
#mirror,
#eyethespy,
#method,
#defango,
#trueblood,
#attribution,
#pressure,
#frame,
#lens,
#standingrock,
#machine,
#paxton,
#signedq,
#continued,
#studio,
#fromx,
#library)>.wrap>.kicker{color:var(--cc)!important;border-color:color-mix(in srgb,var(--cc) 45%,transparent)!important;background:color-mix(in srgb,var(--cc) 9%,transparent)!important}
:is(#map,
#origins,
#converge,
#deposition,
#files,
#money,
#election,
#tower,
#cicada,
#inside,
#noetic,
#defcon,
#rauhauser,
#farallon,
#laundering,
#puppet,
#mirror,
#eyethespy,
#method,
#defango,
#trueblood,
#attribution,
#pressure,
#frame,
#lens,
#standingrock,
#machine,
#paxton,
#signedq,
#continued,
#studio,
#fromx,
#library)>.wrap>.kicker::before{background:var(--cc)!important}
:is(#map,
#origins,
#converge,
#deposition,
#files,
#money,
#election,
#tower,
#cicada,
#inside,
#noetic,
#defcon,
#rauhauser,
#farallon,
#laundering,
#puppet,
#mirror,
#eyethespy,
#method,
#defango,
#trueblood,
#attribution,
#pressure,
#frame,
#lens,
#standingrock,
#machine,
#paxton,
#signedq,
#continued,
#studio,
#fromx,
#library)>.wrap>h2.sec{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cc) 55%,transparent);text-decoration-thickness:2px;text-underline-offset:.35em}
:is(#map,
#origins,
#converge,
#deposition,
#files,
#money,
#election,
#tower,
#cicada,
#inside,
#noetic,
#defcon,
#rauhauser,
#farallon,
#laundering,
#puppet,
#mirror,
#eyethespy,
#method,
#defango,
#trueblood,
#attribution,
#pressure,
#frame,
#lens,
#standingrock,
#machine,
#paxton,
#signedq,
#continued,
#studio,
#fromx,
#library){box-shadow:inset 3px 0 0 color-mix(in srgb,var(--cc) 70%,transparent)}


/* appendix cards: the Sakura lyrics guide and its method page (EN + ES) */
:root{
  --cc-sakura:#f9a8d4; --cc-sakmethod:#f0c989;
  --ic-ch-sakura:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5%22/%3E%3Cpath d=%22M12 7.5V9%22/%3E%3Cpath d=%22M7.5 12H9%22/%3E%3Cpath d=%22M16.5 12H15%22/%3E%3Cpath d=%22M12 16.5V15%22/%3E%3Cpath d=%22m8 8 1.88 1.88%22/%3E%3Cpath d=%22M14.12 9.88 16 8%22/%3E%3Cpath d=%22m8 16 1.88-1.88%22/%3E%3Cpath d=%22M14.12 14.12 16 16%22/%3E%3C/svg%3E");
  --ic-ch-sakmethod:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 7v14%22/%3E%3Cpath d=%22M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z%22/%3E%3C/svg%3E");
}
.toc a[href="/sakura/guide/"],.toc a[href="/es/sakura/guia/"]{--cc:var(--cc-sakura);--icx:var(--ic-ch-sakura)}
.toc a[href="/sakura/guide/#the-method"],.toc a[href^="/es/sakura/guia/#"]{--cc:var(--cc-sakmethod);--icx:var(--ic-ch-sakmethod)}