@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";.icon-button,.color-button{place-items:center;padding:0;display:inline-grid}.ui-icon{flex:none;width:16px;height:16px;display:block}main{font-size:var(--font-px,16px)}main header>b{font-size:.94em}main nav,main .controls{font-size:.82em}main .topic-node{cursor:pointer;font-size:.94em}main .central small{font-size:.82em}main article>p{font-size:1.06em}main blockquote{font-size:1em}main h1{font-size:clamp(2em,5vw,2.5em)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.topic-node{cursor:pointer}*{box-sizing:border-box}body{color:#181818;background:#fafaf7;margin:0;font-family:Manrope,sans-serif}main{flex-direction:column;height:100dvh;display:flex;overflow:hidden}button{font:inherit;cursor:pointer;background:0 0;border:0}header{z-index:5;align-items:center;gap:22px;min-height:66px;padding:18px 24px;display:flex}header>b{white-space:nowrap;font-size:15px}nav{white-space:nowrap;flex:1;gap:6px;min-width:0;font-size:13px;display:flex;overflow:auto}nav span{gap:6px;display:inline-flex}nav button{color:#6b6b68}nav span:last-child button{color:#181818;font-weight:800}nav i{color:#d8d8d2;font-style:normal}.controls{align-items:center;gap:7px;font-size:13px;display:flex}.controls .active{font-weight:800}.divider{background:#deded8;width:1px;height:18px;margin:0 3px}.icon-button,.color-button{color:#555;background:#f1f0ec;border-radius:8px;place-items:center;width:29px;height:29px;font-size:17px;line-height:1;display:grid}.icon-button:hover,.color-button:hover,.active-control{background:color-mix(in srgb,var(--accent) 18%,white);color:var(--accent)}.danger:hover{color:#bb3f3f;background:#fbe8e8}.color-button{color:var(--accent);font-size:18px;position:relative}.color-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.stage{flex:1;position:relative;overflow:hidden}.stage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage path{fill:none;stroke-width:.36px;stroke-linecap:round}.rope-0{stroke:#78a78a}.rope-1{stroke:#7396be}.rope-2{stroke:#c37d6e}.rope-3{stroke:#a57dbe}.rope-4{stroke:#c3a05a}.rope-5{stroke:#64a0b4}.rope-6{stroke:#cd789b}.central,.topic-node{touch-action:none;cursor:default;border:1.5px solid #171717;border-radius:999px;position:absolute;box-shadow:5px 7px #202020}.physical{transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px));will-change:transform;transition:left 1.35s cubic-bezier(.22,1,.36,1),top 1.35s cubic-bezier(.22,1,.36,1),box-shadow .2s}.physical:active{cursor:grabbing}.central{background:#fff;flex-direction:column;align-items:center;gap:8px;max-width:min(340px,70vw);padding:30px 46px;display:flex;top:52%;left:50%}.central strong{letter-spacing:-.04em;font-size:clamp(1.55rem,3vw,2rem);line-height:1}.central small{color:#686868;font-size:13px;font-weight:500;line-height:1.35}.topic-node{white-space:nowrap;padding:14px 22px;font-size:15px;font-weight:700}.topic-node.physical:hover{transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px)) scale(1.06)}.check{background:var(--accent);color:#fff;z-index:3;border:2px solid #171717;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;font-weight:900;display:grid;position:absolute;top:-10px;right:-9px;box-shadow:2px 3px #171717}.atomic{background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%);flex:1;padding:34px 24px 56px;overflow:auto}article{text-align:center;max-width:560px;margin:auto}.badge{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background:#f1f0ec;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}h1{letter-spacing:-.04em;margin:18px 0 12px;font-size:clamp(2rem,5vw,2.5rem)}article>p{color:#686868;margin:0;font-size:17px;line-height:1.55}label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 8px;font-size:11px;font-weight:800;display:block}blockquote{border:1px solid #d8d8d2;border-left:3px solid var(--accent);background:#fff;border-radius:14px;margin:0;padding:18px 22px;font-size:16px;font-style:italic;line-height:1.5}.code{text-align:left;background:#20252d;border-radius:14px;margin-top:22px;overflow:hidden;box-shadow:0 24px 48px -28px #0008}.code>div{color:#ffffff80;letter-spacing:.05em;background:#ffffff0d;justify-content:space-between;padding:11px 16px;font:700 11px ui-monospace,monospace;display:flex}.code span{gap:7px;display:flex}.code i{background:#ee6a5f;border-radius:50%;width:10px;height:10px;display:block}.code i:nth-child(2){background:#f5bd4f}.code i:nth-child(3){background:#61c454}.code pre{color:#e8ecf1;margin:0;padding:20px;font:14px/1.7 ui-monospace,monospace;overflow:auto}.learned-button{background:var(--accent);color:#fff;border-radius:12px;margin-top:24px;padding:12px 18px;font-weight:800;box-shadow:3px 4px #312b36}.learned-button.done{background:#477e5a}.related{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.related button{border:1px solid color-mix(in srgb,var(--accent) 44%,white);background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .2s}.related button:hover{transform:scale(1.06)}@media (width<=640px){header{flex-wrap:wrap;gap:12px;padding:14px 16px}header>b{font-size:14px}nav{flex-basis:100%;order:3}.controls{gap:4px;margin-left:auto}.controls>button:not(.active),.divider{display:none}.central{padding:16px 24px;top:26%}.central small{max-width:220px}.topic-node{padding:10px 16px;font-size:13px}.stage path{stroke-width:.48px}.atomic{padding:28px 16px}}@media (prefers-reduced-motion:reduce){.physical{transition:none}.stage path{display:none}}