@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap');
.tol-page h1,.tol-page h2{font-family:Cinzel,serif;letter-spacing:.04em}
.tol-page{--tg:#D4AF37;background:radial-gradient(ellipse at 50% 0,#1c1830,#121217 60%,#0d0d10)}
.tol-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
@media(max-width:820px){.tol-layout{grid-template-columns:1fr}}
.tol-svgwrap{background:radial-gradient(circle at 50% 40%,rgba(155,111,209,.22),rgba(18,18,23,.9) 70%);border-radius:16px}
#tol-svg{width:100%;height:auto;display:block;max-height:86vh}
.tol-pillar{stroke:rgba(212,175,55,.12);stroke-width:14;stroke-linecap:round}
.tol-hit{stroke:transparent;stroke-width:16;cursor:pointer}
.tol-line{stroke:var(--tg);stroke-width:1.1;opacity:.55}
.tol-flow{stroke:#9ff3ff;stroke-width:2;stroke-dasharray:3 22;opacity:.65;animation:tolFlow 3s linear infinite;filter:drop-shadow(0 0 3px #4eb9dc)}
@keyframes tolFlow{to{stroke-dashoffset:-50}}
.tol-path{cursor:pointer;outline:none}
.tol-lbg{fill:#121217;stroke:rgba(212,175,55,.6);stroke-width:.8}
.tol-let{fill:#f7d573;font:700 10px 'Noto Serif Hebrew',serif;text-anchor:middle;pointer-events:none}
.tol-path.on .tol-line{stroke:#f7d573;stroke-width:2.4;opacity:1;filter:drop-shadow(0 0 4px #D4AF37)}
.tol-path.on .tol-flow{stroke:#fff;opacity:1}
.tol-path.dim{opacity:.3}
.tol-path:focus-visible .tol-lbg,.tol-node:focus-visible .tol-halo{stroke:#fff;stroke-width:2.5}
.tol-node{cursor:pointer;outline:none;transition:opacity .3s}
.tol-node.dim{opacity:.4}
.tol-halo{fill:var(--c);fill-opacity:.12;stroke:var(--c);stroke-opacity:.35;stroke-width:1;filter:drop-shadow(0 0 8px var(--c))}
.tol-ring{fill:#121217;fill-opacity:.7;stroke:var(--c);stroke-width:1.2;stroke-dasharray:2 4}
.tol-r2{fill:none;stroke:#D4AF37;stroke-dasharray:none;stroke-opacity:.8}
.tol-spiro{fill:none;stroke:var(--c);stroke-width:.5;opacity:.65}
.tol-star{fill:none;stroke:#f7d573;stroke-width:.9;opacity:.9}
.tol-core{fill:#fff;filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 3px var(--c))}
.tol-name{fill:#efeaff;font:600 11px Cinzel,serif;letter-spacing:.05em;pointer-events:none;paint-order:stroke;stroke:#121217;stroke-width:3}
.tol-spin{animation:tolSpin 24s linear infinite}.tol-spin.rev{animation-duration:36s;animation-direction:reverse}
@keyframes tolSpin{to{transform:rotate(360deg)}}
.tol-node.on .tol-halo{fill-opacity:.3;stroke-opacity:.9}
.tol-node.on .tol-spin{animation-duration:8s}
.tol-hidden .tol-ring,.tol-hidden .tol-r2,.tol-hidden .tol-halo{stroke-dasharray:3 3;fill-opacity:.05}
.tol-hidden .tol-spiro,.tol-hidden .tol-star{opacity:.35}
.tol-he{font:700 2.4rem 'Noto Serif Hebrew',serif;color:#D4AF37;margin:.2rem 0;text-shadow:0 0 14px rgba(212,175,55,.5)}.tol-he.big{font-size:3.6rem}
.tol-en{color:#83d3e0;font-style:italic}
.tol-chips,.tol-letters{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.tol-chips button,.tol-letters button{background:rgba(30,22,64,.6);color:#efeaff;border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:.35rem .7rem;cursor:pointer;font:inherit;min-height:36px}
.tol-letters button{display:flex;flex-direction:column;align-items:center;min-width:44px;border-radius:10px}
.tol-letters span{font:700 1.3rem 'Noto Serif Hebrew',serif;color:#D4AF37}.tol-letters small{color:#b3abd6;font-size:.7rem}
.tol-chips button:hover,.tol-letters button:hover,.tol-chips button:focus-visible,.tol-letters button:focus-visible{border-color:#83d3e0;box-shadow:0 0 10px rgba(78,185,220,.5);outline:none}
.tol-grid3{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.tol-grid3>div{border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:.8rem;background:rgba(18,18,23,.5)}
.tol-grid3 h3{font-family:Cinzel,serif;color:#D4AF37;margin:.2rem 0}
.tol-art{background:radial-gradient(circle at 50% 45%,rgba(212,175,55,.35),rgba(18,18,23,.95) 65%,#121217),#121217}
.tol-art svg{position:relative;width:62%;height:auto}
@media(prefers-reduced-motion:reduce){.tol-flow,.tol-spin{animation:none}.tol-node{transition:none}}
.tol-sound{border-top:1px solid rgba(212,175,55,.35);margin-top:1rem;padding-top:.6rem}.tol-sound h3{font-family:Cinzel,serif;color:#D4AF37;margin:.2rem 0}.tol-aff{color:#f2a7d8;font-style:italic}.tol-tone{background:rgba(30,22,64,.6);color:#efeaff;border:1px solid #4eb9dc;border-radius:999px;padding:.4rem .9rem;cursor:pointer;font:inherit;min-height:40px}.tol-tone:focus-visible{outline:2px solid #fff}