*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#050816 0,#020617,#000);color:#e5e7eb}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;padding:1.25rem 2rem 5.5rem}.app-header{text-align:center}.cube-section{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.cube-section--layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:flex-start;justify-content:stretch;gap:2rem;width:100%;max-width:none;margin:0;padding-right:0}@media(max-width:768px){.app{padding:1.25rem 1rem 5.5rem;align-items:stretch}.cube-section--layout{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;padding-right:0}.cube-layout-main{align-items:center;transform:none}.cube-scene{--cube-size: min(max(220px, 72vmin), 380px)}.cube-section{gap:.75rem}.cube-minimap-rail{left:50%;top:auto;bottom:.75rem;transform:translate(-50%);flex-direction:row;gap:.5rem}.cube-minimap-canvas,.cube-minimap-sparks{width:56px;height:56px}.mobile-feed-toggle{position:fixed;right:1rem;bottom:5.25rem;z-index:50;border:1px solid rgba(148,163,184,.35);background:#0206178c;color:#e5e7eb;font-size:.8rem;border-radius:999px;padding:.55rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cube-sidebar--acts{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;height:65vh;padding:.75rem .75rem 1rem;background:#020617e6;border-top:1px solid rgba(148,163,184,.25);border-top-left-radius:1rem;border-top-right-radius:1rem;z-index:40;text-align:left}.mobile-feed-handle{display:flex;align-items:center;justify-content:center;width:100%;padding-top:.2rem;padding-bottom:.5rem;background:transparent;border:none;cursor:grab}.mobile-feed-handle-bar{width:3rem;height:.25rem;border-radius:999px;background:#94a3b8e6}.cube-sidebar--acts.cube-sidebar--acts--mobile-closed{display:none}.acts-ticker{max-height:44vh;padding-inline-end:.25rem}.acts-filter{flex:1 1 45%}}.snapshot-preview{max-width:640px;max-height:160px;padding:.75rem 1rem;border-radius:.5rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.5);font-size:.75rem;overflow:auto}.cube-scene{--cube-size: min(max(170px, 36vmin), 300px);--cube-depth: calc(var(--cube-size) / 2);width:calc(var(--cube-size) + 64px);height:calc(var(--cube-size) + 64px);margin-top:0;perspective:700px;perspective-origin:50% 50%}.cube-minimap-rail{position:fixed;left:1rem;top:1rem;transform:none;display:flex;flex-direction:column;gap:.55rem;justify-content:flex-start;align-items:flex-start;z-index:20}.cube-minimap-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;--face-color: #000}.cube-minimap-canvas{width:56px;height:56px;image-rendering:pixelated;border-radius:.45rem;border:none;background:color-mix(in srgb,var(--face-color, #000) 18%,rgba(15,23,42,.9))}.cube-minimap-sparks{position:absolute;top:0;left:0;width:56px;height:56px;pointer-events:none}.cube-minimap-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.cube-orbit{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform-origin:50% 50%;animation:cube-orbit 40s linear infinite;cursor:grab;touch-action:none;border-radius:1rem;outline:none}.cube-orbit:active{cursor:grabbing}.cube-orbit--paused{animation-play-state:paused}.cube{width:var(--cube-size);height:var(--cube-size);position:absolute;top:50%;left:50%;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .4s ease-out}@keyframes cube-orbit{0%{transform:rotateX(-24deg) rotateY(32deg) rotate(0)}50%{transform:rotateX(24deg) rotateY(212deg) rotate(5deg)}to{transform:rotateX(-24deg) rotateY(392deg) rotate(-5deg)}}.cube-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e5e7eb;border:2px solid rgba(248,250,252,.9);background:color-mix(in srgb,var(--face-color, #000) 18%,transparent);opacity:.95;overflow:visible;transform-style:preserve-3d}.cube-face-canvas{display:none}.cube-face-label{position:relative;z-index:1;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.9)}.cube-face-spark{position:absolute;width:0;height:0;pointer-events:none;transform-style:preserve-3d;z-index:50}.cube-spark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30}.cube-face-spark-line{--spark-length: calc(var(--cube-size) * .333);position:absolute;left:0;top:0;width:clamp(5px,calc(var(--cube-size) / 55),14px);height:var(--spark-length);background:var(--spark-color, #ffffff);border-radius:999px;transform-origin:50% 100%;opacity:1;box-shadow:0 0 18px color-mix(in srgb,var(--spark-color, #ffffff) 92%,transparent),0 0 48px color-mix(in srgb,var(--spark-color, #ffffff) 65%,transparent),0 0 110px color-mix(in srgb,var(--spark-color, #ffffff) 28%,transparent);will-change:transform,opacity;transform:translate(-50%,-50%) scaleY(.05);animation:cube-face-spark-shoot-2d .9s ease-out forwards}.cube-face-spark--3d .cube-face-spark-line{transform:translate(-50%,-50%) translateZ(18px) rotateX(-90deg) scaleY(.05);animation-name:cube-face-spark-shoot-3d}@keyframes cube-face-spark-shoot-2d{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.02)}10%{opacity:1;transform:translate(-50%,-50%) scaleY(1)}to{opacity:0;transform:translate(-50%,-50%) scaleY(1)}}@keyframes cube-face-spark-shoot-3d{0%{opacity:0;transform:translate(-50%,-50%) translateZ(18px) rotateX(-90deg) scaleY(.02)}10%{opacity:1;transform:translate(-50%,-50%) translateZ(18px) rotateX(-90deg) scaleY(1)}to{opacity:0;transform:translate(-50%,-50%) translateZ(18px) rotateX(-90deg) scaleY(1)}}.cube-face--front{transform:translateZ(var(--cube-depth))}.cube-face--back{transform:rotateY(180deg) translateZ(var(--cube-depth))}.cube-face--right{transform:rotateY(90deg) translateZ(var(--cube-depth))}.cube-face--left{transform:rotateY(-90deg) translateZ(var(--cube-depth))}.cube-face--top{transform:rotateX(90deg) translateZ(var(--cube-depth))}.cube-face--bottom{transform:rotateX(-90deg) translateZ(var(--cube-depth))}.cube-controls{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:none;font-size:.8rem}.cube-control-row{display:flex;align-items:center;gap:.75rem}.cube-control-row label{min-width:4.5rem;color:#d1d5db}.cube-control-row input[type=range]{flex:1}.cube-layout-main{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:1.5rem;position:relative}.cube-stage{display:flex;flex-direction:column;align-items:center;padding-top:5.5rem}.cube-legend{margin-top:.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;font-size:.75rem}.cube-legend-item{display:flex;align-items:center;gap:.5rem}.cube-legend-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,23,42,.9)}.cube-status{margin-top:.35rem;font-size:.75rem;color:#9ca3af;text-align:center}.cube-status--muted{opacity:.8}@media(max-width:768px){.cube-status{font-size:.7rem}}.cube-sidebar{width:260px;max-width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.5)}.cube-sidebar--controls{align-self:stretch}.cube-sidebar--controls{position:fixed;top:1rem;left:1rem;width:auto;max-width:320px;padding:0;background:transparent;border:none}.cube-sidebar--acts{position:relative;width:100%;max-width:340px;max-height:calc(100vh - 2rem);padding-right:0;padding-left:0;background:transparent;border:none;display:flex;flex-direction:column;gap:.35rem;text-align:right}.sidebar-heading{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;display:flex;align-items:center;gap:.4rem;justify-content:flex-end;text-align:right}.acts-header-row{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-direction:row-reverse}.acts-controls-toggle{border:1px solid rgba(148,163,184,.35);background:#02061759;color:#cbd5e1;font-size:.75rem;border-radius:999px;padding:.25rem .6rem;cursor:pointer}.acts-controls-toggle:hover{border-color:#94a3b88c;background:#02061780}.sidebar-subtext{margin:.25rem 0 .5rem;font-size:.75rem;color:#9ca3af}.sync-indicator{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 2px #0f172acc}.acts-ticker{width:100%;max-width:none;flex:1 1 auto;min-height:0;padding:.25rem 0;border-radius:0;background:transparent;border:none;overflow-y:auto;scrollbar-width:none}.acts-ticker::-webkit-scrollbar{width:0;height:0}.acts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.act-item{display:flex;flex-direction:column;gap:.15rem;align-items:stretch;font-size:.7rem;line-height:1.15;position:relative;cursor:pointer;padding:.25rem 0}.act-row-main{display:flex;gap:.5rem;align-items:flex-start;justify-content:flex-end}.act-text-block{flex:1;min-width:0;order:1}.act-color-swatch{order:2}.act-header-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.1rem}.act-meta{margin-left:1.5rem;margin-top:.1rem;display:flex;flex-direction:column;gap:.15rem;font-size:.7rem;color:#9ca3af}.act-meta-line{display:flex;gap:.35rem}.act-meta-label{flex-shrink:0;text-transform:uppercase;letter-spacing:.08em}.act-meta-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-meta-line--status .act-meta-value{color:#e5e7eb}.act-color-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,23,42,.9)}.act-meta-inline{margin:.15rem 0 0;font-size:.65rem;color:#9ca3af;text-align:right;padding-right:.25rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.act-mainline{width:100%;border:none;background:transparent;padding:0;margin:0;text-align:right;font:inherit;color:#e5e7eb;cursor:pointer;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.act-mainline:hover{color:#f8fafc}.act-mainline-bot{font-weight:700}.act-mainline-text{font-weight:500}.acts-status{margin:.25rem 0 .5rem;font-size:.75rem;color:#e5e7eb;text-align:right}.acts-status--muted{color:#9ca3af}.acts-raw-preview{width:100%;max-width:640px}.acts-raw-preview>summary{cursor:pointer;font-size:.8rem;color:#9ca3af}.acts-filters{width:100%;max-width:720px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.8rem;align-items:flex-end}.acts-advanced-toggle{border:1px solid rgba(148,163,184,.35);background:#02061799;color:#9ca3af;font-size:.75rem;border-radius:999px;padding:.3rem .8rem;cursor:pointer;white-space:nowrap}.acts-advanced-toggle:hover{border-color:#94a3b8a6;background:#020617cc}.acts-filter{display:flex;flex-direction:column;gap:.25rem;min-width:0}.acts-filter label{color:#d1d5db}.acts-filter input,.acts-filter select{background-color:#0f172acc;border-radius:.375rem;border:1px solid rgba(148,163,184,.6);padding:.35rem .6rem;color:#e5e7eb;font-size:.85rem}.bot-follow-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(94,234,212,.7);font-size:.75rem;color:#a5f3fc}.bot-follow-dot{width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px #065f46e6}.bot-follow-label{text-transform:uppercase;letter-spacing:.08em}.bot-follow-stop{border:none;background:transparent;color:#f97316;font-size:.7rem;padding:0 0 0 .25rem;cursor:pointer}.bot-follow-stop:hover{color:#fdba74}.act-item--followed{background:radial-gradient(circle at 0 0,rgba(45,212,191,.35),transparent 55%)}