:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 18%,#fffffff5,#eef0f5f0),linear-gradient(160deg,#f0f4fa,#dce2eeeb 40%,#d2dae8e6);color:#20222aeb;line-height:1.6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{height:100vh;display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,2vw,1.6rem);padding:clamp(1rem,3vw,2rem);width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box}.app--mobile{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:0;margin:0;gap:0;align-items:stretch;justify-content:stretch;background:#000;overflow:hidden}.app--docs{align-items:stretch;height:auto;min-height:100vh;gap:clamp(1rem,3vw,2rem);padding-bottom:clamp(2rem,6vw,3.6rem)}@media (max-width: 960px){.app{padding:clamp(1rem,4vw,2rem);gap:clamp(.6rem,3vw,1.4rem)}.viewer-layout{width:100%}.canvas-wrapper{width:100%;height:clamp(360px,78vh,720px)}}.panel{background:#0a0c18a3;border:1px solid rgba(90,110,200,.28);border-radius:16px;padding:clamp(.8rem,1.1vw,1.4rem);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 28px 70px #0006186b}.panel h1{margin:0;font-weight:500;font-size:clamp(1.6rem,2.6vw,2rem);letter-spacing:.04em}.panel p{margin:.45rem 0 0;font-size:.88rem;opacity:.75}.panel.warning{border-color:#ffa64299;color:#ffdfa8}.viewer-layout{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;min-height:0}.viewer-layout--mobile{flex:1 1 auto;width:100%;height:100%;min-height:0}.hero{display:grid;gap:clamp(.3rem,1vw,.6rem);text-align:center;color:#343c4ed9}.hero__eyebrow{font-size:clamp(.78rem,1vw,.9rem);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#626a7cbf}.hero__copy{margin:0;padding:clamp(.3rem,1vw,.6rem) clamp(.8rem,3vw,1.6rem);font-size:clamp(.84rem,1.2vw,1rem);color:#485064c7;background:linear-gradient(120deg,#ffffffe6,#f0f4fcb8);border-radius:16px;border:1px solid rgba(208,214,228,.5);box-shadow:0 16px 38px #343c521f,inset 0 0 0 1px #fff9}.canvas-wrapper{position:relative;width:min(88vw,1500px);aspect-ratio:21 / 9;height:min(70vh,900px);border-radius:28px;overflow:hidden;border:1px solid rgba(200,208,226,.65);box-shadow:0 36px 120px #1a24402e,inset 0 0 0 1px #fff9;background:linear-gradient(165deg,#f8faffdb,#ecf0fcbd);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);max-height:920px;min-height:clamp(400px,62vh,760px)}.canvas-wrapper--mobile{width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;border:none;box-shadow:none;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}.blackhole-canvas{width:100%;height:100%;display:block}.blackhole-canvas--mobile{background:#000;width:100%;height:100%;touch-action:none}.mobile-fps{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:14px;background:#080c1899;color:#f5f8ffeb;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;z-index:16;pointer-events:none;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.hud{position:absolute;display:flex;flex-direction:column;gap:16px;z-index:12;pointer-events:none}.hud--left{top:16px;left:18px;max-width:220px}.hud--right{top:16px;right:18px;align-items:flex-end}.hud__glass{pointer-events:auto;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#f8faffd1,#e8ecfabd);box-shadow:0 18px 38px #242e4c2e,inset 0 1px #fffc;border:1px solid rgba(208,216,232,.8);min-width:220px;color:#283044e0;font-family:SF Pro Rounded,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hud__label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;color:#545c70b8}.hud__speed-grid{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:6px}.hud__chip{pointer-events:auto;padding:6px 8px;border-radius:10px;border:1px solid rgba(192,200,220,.6);background:#f8faffdb;box-shadow:inset 0 0 0 1px #fff9;font-size:.75rem;font-weight:600;color:#40485ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.hud__chip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #98a2bacc,0 10px 18px #28304433}.hud__chip--active{border-color:#828cb4b8;background:linear-gradient(135deg,#d2daf2f2,#bcc6e6d9);color:#2d3448f5;box-shadow:inset 0 0 0 1px #ffffffd9,0 12px 26px #4048602e}.hud__badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:6px 12px;border-radius:14px;background:#fafaffe6;border:1px solid rgba(200,208,226,.6);box-shadow:inset 0 0 0 1px #ffffffb3;font-size:.78rem;font-weight:600;color:#3c445ae0;letter-spacing:.08em}.hud__panel h3{margin:0 0 12px;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#121c2ab8}.hud__panel ul{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:.74rem}.hud__panel li{display:flex;flex-direction:column;gap:4px;color:#121c2ad9}.hud__panel li span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 8px;border-radius:10px;background:#ffffffd1;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px #ffffff52;font-weight:600;letter-spacing:.08em;color:#233046cc}.hud__panel--fact{background:linear-gradient(135deg,#f5f8ffeb,#e8ecfcc7);border:1px solid rgba(208,216,232,.62);box-shadow:inset 0 0 0 1px #ffffffb3,0 20px 36px #323c5a2e;color:#40465ad1}.hud__toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px}.hud__toggle{pointer-events:auto;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#ffffffd9,#ffffff8c);color:#121624d9;font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:inset 0 0 0 1px #ffffff4d,0 12px 26px #0c102047;text-align:center}.hud__toggle:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff59,0 16px 32px #0c102052}.hud__toggle--off{border-color:#ffffff38;background:linear-gradient(135deg,#c8cddc61,#d2d6e440);color:#1216248c;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 18px #0c10202e}.hud__fact{margin:0;font-size:.7rem;line-height:1.35;color:#ecf0ffeb;background:transparent;padding:0}@media (max-width: 900px){.hud__panel ul{grid-template-columns:1fr}.hud__glass{min-width:200px}}@media (max-width: 720px){.hud--right,.hud--left{position:static;margin:16px}.canvas-wrapper{border-radius:22px}.hud{gap:12px}}.hud__panel{pointer-events:auto;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#ffffffb8,#ffffff3d);border:1px solid rgba(255,255,255,.32);box-shadow:0 30px 70px #05091659,inset 0 0 0 1px #ffffff2e;color:#121c2aeb;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hud__panel--effects{min-width:260px}.hud__slider{margin-top:16px;display:grid;gap:12px;pointer-events:auto}.hud__slider-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.hud__slider label{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#121c2ab8}.hud__slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#7896ffe6,#b4c8ff73);outline:none;cursor:pointer;box-shadow:inset 0 2px 6px #0a0e2040}.hud__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fffffffa;box-shadow:0 8px 18px #0c102466;border:1px solid rgba(255,255,255,.6)}.hud__slider input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fffffffa;box-shadow:0 8px 18px #0c102466;border:1px solid rgba(255,255,255,.6)}.hud__slider-value{font-size:.78rem;font-weight:600;color:#121c2aad}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:linear-gradient(145deg,#080c1cc7,#060a189e);-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);color:#e7ecffd9;text-align:center;pointer-events:none;z-index:20}.loading-overlay--mobile{background:#000000d9;-webkit-backdrop-filter:none;backdrop-filter:none;gap:14px;padding:18px;color:#f0f4ffdb}.loading-overlay__label{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}.loading-overlay__fact{margin:0;max-width:min(540px,85%);font-size:.86rem;line-height:1.6;color:#d6deffd1}.loading-bar{width:min(320px,70%);height:12px;border-radius:999px;background:#ffffff29;overflow:hidden;box-shadow:inset 0 1px 4px #01051259}.loading-bar__fill{height:100%;width:45%;border-radius:inherit;background:linear-gradient(120deg,#7896fff2,#5c7cffbf);animation:loading-bar-motion 1.4s ease-in-out infinite}@keyframes loading-bar-motion{0%{transform:translate(-35%);width:35%}50%{transform:translate(10%);width:55%}to{transform:translate(90%);width:40%}}.nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.6rem,1.2vw,1rem) clamp(.8rem,1.6vw,1.4rem);border-radius:18px;background:linear-gradient(135deg,#ffffffd9,#f0f4ffb8);border:1px solid rgba(206,214,232,.6);box-shadow:0 20px 60px #242c441f,inset 0 0 0 1px #ffffffb3}.nav__brand{font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#5c6476d1}.nav__controls{display:flex;align-items:center;gap:clamp(.6rem,1.2vw,1.4rem)}.nav__tabs{display:inline-flex;align-items:center;gap:clamp(.4rem,1vw,.8rem)}.nav__tab{border:1px solid rgba(196,204,224,.6);background:#f8faffdb;color:#4a5266c2;border-radius:999px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav__tab:hover{transform:translateY(-1px);box-shadow:0 12px 28px #3c465e29}.nav__tab--active{background:linear-gradient(135deg,#d2daf2f2,#bcc6e6d9);color:#30384ceb;box-shadow:0 12px 26px #38405a2e,inset 0 0 0 1px #ffffffd1}.language-selector{display:inline-flex;align-items:center;gap:.4rem}.language-selector__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#5c6476ad}.language-selector__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(196,204,224,.6);border-radius:999px;padding:.42rem 1.8rem .42rem .8rem;min-width:7.6rem;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:#3c445ad1;background:linear-gradient(135deg,#fffffff0,#ecf0fccc);box-shadow:inset 0 0 0 1px #fff9,0 10px 24px #3038541f;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;background-image:url('data:image/svg+xml;utf8,<svg fill="%23606a7c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.47 5.47a.75.75 0 0 1 1.06 0L8 7.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L8.53 9.53a.75.75 0 0 1-1.06 0L4.47 6.53a.75.75 0 0 1 0-1.06z"/></svg>');background-repeat:no-repeat;background-position:right .6rem center;background-size:.7rem}.language-selector__select:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffffb3,0 12px 26px #38405a2e}.language-selector__select:focus{outline:none;box-shadow:0 0 0 3px #7896ff47,inset 0 0 0 1px #fffc}.language-selector--mobile{flex-direction:column;align-items:flex-start;gap:.25rem}.language-selector--mobile .language-selector__label{color:#ecf0ffd9}.language-selector--mobile .language-selector__select{background:#0e1220d1;color:#ecf0ffeb;border:1px solid rgba(118,136,188,.55);box-shadow:0 14px 26px #00000052,inset 0 0 0 1px #ffffff24;background-image:url('data:image/svg+xml;utf8,<svg fill="%23cfd7f5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.47 5.47a.75.75 0 0 1 1.06 0L8 7.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L8.53 9.53a.75.75 0 0 1-1.06 0L4.47 6.53a.75.75 0 0 1 0-1.06z"/></svg>')}.language-selector--mobile .language-selector__select:hover{transform:none}.language-selector--mobile .language-selector__select:focus{box-shadow:0 0 0 3px #7896ff4d,inset 0 0 0 1px #fff3}.mobile-language{position:absolute;top:clamp(12px,4vw,22px);right:clamp(12px,4vw,22px);z-index:50;padding:.6rem .9rem;border-radius:999px;background:#080a16ad;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 16px 38px #00000059}.documentation{display:grid;gap:clamp(1.4rem,3vw,2.6rem);padding:clamp(1rem,3vw,2.4rem);background:linear-gradient(145deg,#ffffffe6,#ecf0facc);border-radius:24px;border:1px solid rgba(206,214,232,.6);box-shadow:0 28px 80px #2a34521f,inset 0 0 0 1px #ffffffa6;color:#383e4ee6;max-width:1100px;width:100%;margin:0 auto}.documentation__hero h1{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:.06em;font-weight:600}.documentation__hero p{margin:.4rem 0 0;font-size:clamp(.92rem,1.3vw,1.05rem);color:#545c70c7}.documentation__section--highlight{background:linear-gradient(135deg,#ffffffe6,#e8eeffd9);border:1px solid rgba(196,204,230,.6);box-shadow:0 28px 80px #3e486a2e,inset 0 0 0 1px #ffffffa6}.documentation__section--highlight p{font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.8}.documentation__section--cards .documentation__cards{display:grid;gap:clamp(1rem,2vw,1.8rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.documentation__card{background:#ffffffe0;border-radius:18px;padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(206,214,236,.6);box-shadow:0 18px 46px #38405c24,inset 0 0 0 1px #fff9;display:grid;gap:.6rem}.documentation__card h3{margin:0;font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.08em;text-transform:uppercase;color:#464e68d1}.documentation__card p{margin:0;color:#3e465ee6;line-height:1.7}.documentation__section--timeline{background:linear-gradient(160deg,#f8faffeb,#ecf2ffdb);border:1px solid rgba(192,204,232,.55);box-shadow:0 28px 70px #2e386229}.documentation__intro{margin:0 0 1rem;color:#3c465ee0;line-height:1.7}.documentation__timeline{list-style:none;margin:0;padding:0;display:grid;gap:clamp(.7rem,1.4vw,1.1rem)}.documentation__timeline li{display:grid;grid-template-columns:minmax(70px,auto) 1fr;gap:1.2rem;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(190,204,226,.4)}.documentation__timeline li:last-of-type{border-bottom:none}.documentation__timeline span{font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a6888d9}.documentation__timeline p{margin:0;color:#34405eeb;line-height:1.6}.documentation__closing{margin-top:clamp(1rem,2vw,1.4rem);font-size:clamp(.95rem,1.3vw,1.05rem);color:#3a445ce6}.documentation__content{display:grid;gap:clamp(1.2rem,2.2vw,1.8rem)}.documentation__section{display:grid;gap:clamp(.45rem,1vw,.8rem);background:#ffffffc7;border-radius:18px;padding:clamp(1rem,2vw,1.6rem);border:1px solid rgba(210,218,236,.6);box-shadow:0 16px 38px #3c445c14,inset 0 0 0 1px #ffffffa6}.documentation__section h2{margin:0;font-size:clamp(1.1rem,1.8vw,1.4rem);letter-spacing:.04em;font-weight:600;color:#343c52e6}.documentation__section p{margin:0;font-size:.92rem;color:#4e566cd1;line-height:1.65}.documentation__section ul{margin:0;padding-left:1.2rem;color:#4e566cd1;font-size:.92rem;line-height:1.6}.documentation__section code{font-family:SFMono-Regular,Roboto Mono,monospace;font-size:.85rem;background:#e4e8f4b3;padding:.1rem .4rem;border-radius:8px}