:root{--ink:#07070a;--panel:#0b0b10;--raised:#101017;--raised-2:#16161f;--line:#ffffff12;--line-2:#ffffff21;--fg:#edeef4;--fg-dim:#9596a6;--fg-mute:#5a5b6b;--violet:#7b5cff;--violet-dim:#7b5cff29;--cyan:#00d4ff;--serif:"Instrument Serif", ui-serif, Georgia, serif;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--rail:286px;--inspector:366px;--bar:62px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#ffffff21 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff21 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff42 padding-box content-box}::-webkit-scrollbar-corner{background:0 0}.atmos{pointer-events:none;z-index:0;position:fixed;inset:0}.atmos:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 78%)}.atmos:after{content:"";opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.shell{z-index:1;grid-template-rows:var(--bar) 1fr;height:100%;display:grid;position:relative}.workbench{grid-template-columns:var(--rail) 1fr var(--inspector);min-height:0;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff07,#0000);align-items:center;gap:18px;padding:0 20px;display:flex}.wordmark{white-space:nowrap;cursor:pointer;color:var(--fg);font-family:var(--serif);letter-spacing:.2px;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:23px;transition:opacity .18s;display:flex}.wordmark:hover{opacity:.78}.wordmark img{filter:drop-shadow(0 0 12px #7b5cff80);width:30px;height:30px;display:block}.wordmark em{color:var(--violet);font-style:italic}.chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px}.topbar-spacer{flex:1}.seg{border:1px solid var(--line-2);background:var(--raised);border-radius:9px;display:flex;overflow:hidden}.seg button{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-mute);cursor:pointer;background:0 0;border:0;padding:7px 13px;font-size:10.5px;transition:color .18s,background .18s}.seg button:hover{color:var(--fg-dim)}.seg button[data-on=true]{color:var(--fg);background:linear-gradient(#7b5cff47,#7b5cff1f);box-shadow:inset 0 0 0 1px #7b5cff59}.rail{border-right:1px solid var(--line);background:linear-gradient(180deg, var(--panel), #0b0b1099);flex-direction:column;min-height:0;display:flex}.search{border-bottom:1px solid var(--line);padding:14px}.search input{background:var(--raised);border:1px solid var(--line-2);width:100%;color:var(--fg);font-family:var(--mono);border-radius:9px;outline:none;padding:9px 12px;font-size:12px;transition:border-color .18s,box-shadow .18s}.search input::placeholder{color:var(--fg-mute)}.search input:focus{border-color:#7b5cff8c;box-shadow:0 0 0 3px #7b5cff21}.rail-list{flex:1;padding:6px 0 30px;overflow-y:auto}.cat{width:100%;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:9.5px;transition:color .16s;display:flex}.cat:hover,.cat[data-open=true]{color:var(--fg-dim)}.cat-name{align-items:center;gap:8px;display:flex}.chev{opacity:.75;border-bottom:1.4px solid;border-right:1.4px solid;width:5px;height:5px;transition:transform .22s cubic-bezier(.22,1,.36,1);transform:rotate(-45deg)}.cat[data-open=true] .chev{transform:rotate(45deg)}.item{width:100%;color:var(--fg-dim);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:7px 16px;font-size:13.5px;transition:color .16s,background .16s;display:flex;position:relative}.item:hover{color:var(--fg);background:#ffffff07}.item .num{font-family:var(--mono);color:var(--fg-mute);flex-shrink:0;width:20px;font-size:9.5px}.item[data-on=true]{color:var(--fg);background:linear-gradient(90deg, var(--violet-dim), transparent 72%)}.item[data-on=true]:before{content:"";background:var(--violet);width:2px;box-shadow:0 0 12px var(--violet);position:absolute;top:5px;bottom:5px;left:0}.item[data-on=true] .num{color:var(--violet)}.item .tag{font-family:var(--mono);letter-spacing:.08em;color:#ffb020;border:1px solid #ffb02057;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:8.5px}.stage{grid-template-rows:1fr auto;min-width:0;display:grid;position:relative;overflow:hidden}.stage-glow{pointer-events:none;background:radial-gradient(circle,#7b5cff30 0%,#00d4ff12 34%,#0000 66%);width:900px;height:900px;animation:11s ease-in-out infinite breathe;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}}.stage-body{place-items:center;min-height:0;padding:26px 20px 6px;display:grid}.stage-foot{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07070a8c;align-items:baseline;gap:14px;padding:13px 26px;display:flex}.stage-foot h1{font-family:var(--serif);letter-spacing:.2px;font-size:27px;font-weight:400}.stage-foot p{color:var(--fg-dim);max-width:560px;font-size:12.5px}.device-wrap{transform-origin:50%;transition:transform .32s cubic-bezier(.22,1,.36,1)}.device{background:linear-gradient(158deg,#43434f 0%,#191920 9%,#101016 38%,#0d0d12 62%,#1b1b23 88%,#3d3d49 100%);border-radius:56px;width:409px;height:868px;padding:8px;position:relative;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff12,0 54px 110px -40px #000000f2,0 0 110px -24px #7b5cff66}.device[data-os=android]{border-radius:34px;width:401px;height:860px;padding:7px}.device:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(128deg,#ffffff1a 0%,#0000 22% 78%,#ffffff0d 100%);position:absolute;inset:0}.device .btn-side{pointer-events:none;background:linear-gradient(90deg,#101016,#4a4a57 45%,#2b2b35);position:absolute;box-shadow:0 0 0 .5px #0009}.device .btn-side[data-side=left]{border-radius:2px 0 0 2px;width:4px;left:-3px}.device .btn-side[data-side=right]{background:linear-gradient(270deg,#101016,#4a4a57 45%,#2b2b35);border-radius:0 2px 2px 0;width:4px;right:-3px}.screen{border-radius:48px;flex-direction:column;height:100%;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080}.device[data-os=android] .screen{border-radius:27px}.island{z-index:6;background:#000;border-radius:999px;width:126px;height:36px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.device[data-os=android] .island{width:13px;height:13px;top:13px;box-shadow:0 0 0 1.5px #ffffff17}.statusbar{height:54px;font-family:var(--sans);letter-spacing:.2px;z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 30px 0;font-size:15px;font-weight:600;display:flex}.statusbar .sigs{align-items:center;gap:5px;display:flex}.statusbar .bar{background:currentColor;border-radius:1px;width:3px}.statusbar .batt{opacity:.9;border:1.5px solid;border-radius:3.5px;width:25px;height:12px;padding:1.5px;position:relative}.statusbar .batt:after{content:"";opacity:.6;background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:3.5px;right:-3.5px}.statusbar .batt i{background:currentColor;border-radius:1.5px;width:74%;height:100%;display:block}.viewport{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.viewport::-webkit-scrollbar{width:0}.homebar{z-index:5;flex-shrink:0;place-items:center;height:30px;display:grid}.homebar i{opacity:.3;background:currentColor;border-radius:999px;width:140px;height:5px;display:block}.device[data-os=android] .homebar i{width:108px;height:4px}.inspector{border-left:1px solid var(--line);background:linear-gradient(180deg, var(--panel), #0b0b1099);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sect{border-bottom:1px solid var(--line);padding:15px 17px 19px}.sect>header{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:9.5px;display:flex}.field{margin-bottom:13px}.field:last-child{margin-bottom:0}.field>label{font-family:var(--mono);color:var(--fg-dim);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;display:flex}.field>label b{color:var(--fg);font-weight:500}.field>label span{color:var(--violet);font-size:10.5px}.opts{flex-wrap:wrap;gap:5px;display:flex}.opt{font-family:var(--mono);color:var(--fg-dim);background:var(--raised);border:1px solid var(--line-2);cursor:pointer;border-radius:7px;padding:5px 9px;font-size:10.5px;transition:all .15s}.opt:hover{color:var(--fg);border-color:#ffffff3d}.opt[data-on=true]{color:#fff;background:linear-gradient(#7b5cff6b,#7b5cff33);border-color:#7b5cffb3}.txt,.num-input{background:var(--raised);border:1px solid var(--line-2);width:100%;color:var(--fg);font-family:var(--mono);border-radius:8px;outline:none;padding:7px 10px;font-size:12px}.txt:focus,.num-input:focus{border-color:#7b5cff8c}.range{width:100%;accent-color:var(--violet)}.toggle{border:1px solid var(--line-2);background:var(--raised);cursor:pointer;border-radius:999px;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.toggle i{background:var(--fg-mute);border-radius:999px;width:16px;height:16px;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s;position:absolute;top:2px;left:2px}.toggle[data-on=true]{background:linear-gradient(#7b5cff8c,#7b5cff4d);border-color:#7b5cffbf}.toggle[data-on=true] i{background:#fff;transform:translate(18px)}.code{font-family:var(--mono);border:1px solid var(--line);white-space:pre;color:#c9cbd6;background:#08080c;border-radius:10px;padding:13px 14px;font-size:11.5px;line-height:1.65;overflow-x:auto}.code .t{color:#7b5cff}.code .a{color:#00d4ff}.code .s{color:#ffb86b}.code .n{color:#7ee787}.code .c{color:var(--fg-mute);font-style:italic}.copy{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);background:var(--raised);border:1px solid var(--line-2);cursor:pointer;border-radius:6px;padding:4px 9px;font-size:9.5px;transition:all .15s}.copy:hover{color:var(--fg);border-color:#7b5cff99}.copy[data-done=true]{color:#7ee787;border-color:#7ee78780}.note{color:var(--fg-dim);border-left:2px solid #ffb02080;padding-left:11px;font-size:11.5px;line-height:1.55}.rise{animation:.5s cubic-bezier(.22,1,.36,1) backwards rise}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.workbench[data-doc=true]{grid-template-columns:var(--rail) 1fr}.doc-scroll{grid-row:1/-1;padding:54px 0 90px;animation:.5s cubic-bezier(.22,1,.36,1) backwards rise;overflow-y:auto}.doc{max-width:720px;margin:0 auto;padding:0 40px}.doc h2{font-family:var(--serif);letter-spacing:.2px;margin:52px 0 14px;font-size:30px;font-weight:400}.doc h2:after{content:"";background:linear-gradient(90deg, var(--violet), transparent);width:34px;height:2px;margin-top:12px;display:block}.doc h3{letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:600}.doc p{color:var(--fg-dim);margin-bottom:14px;font-size:14.5px;line-height:1.72}.doc p b{color:var(--fg);font-weight:600}.doc code{font-family:var(--mono);color:var(--cyan);background:#00d4ff12;border:1px solid #00d4ff29;border-radius:5px;padding:1px 5px;font-size:12.5px}.hero{text-align:center;padding-bottom:8px}.hero-logo{filter:drop-shadow(0 0 44px #7b5cff66);width:232px;max-width:78%;height:auto;margin:0 auto 26px;animation:.7s cubic-bezier(.22,1,.36,1) backwards rise;display:block}.hero-lead{color:var(--fg-dim);max-width:620px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms backwards rise;margin:0 auto!important;font-size:17px!important;line-height:1.68!important}.stats{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;animation:.7s cubic-bezier(.22,1,.36,1) .16s backwards rise;display:grid;overflow:hidden}.stat{background:var(--panel);flex-direction:column;gap:4px;padding:18px 10px;display:flex}.stat b{font-family:var(--serif);color:var(--fg);font-size:30px;font-weight:400;line-height:1}.stat span{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-mute);font-size:9.5px}.pillars{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;display:grid}.pillar{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff07,#0000);border-radius:12px;padding:18px;transition:border-color .2s,transform .2s}.pillar:hover{border-color:#7b5cff5c;transform:translateY(-2px)}.pillar p{margin:0;font-size:13.5px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.cat-card{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.cat-card b{font-size:14px}.cat-card span{font-family:var(--mono);color:var(--fg-mute);font-size:10.5px}.doc-head{margin-bottom:46px}.doc-head h1{font-family:var(--serif);letter-spacing:-.5px;font-size:52px;font-weight:400;line-height:1.05}.doc-lead{max-width:560px;margin-top:14px!important;font-size:16px!important}.step{border-top:1px solid var(--line);grid-template-columns:46px 1fr;gap:18px;padding:26px 0;display:grid}.step-n{font-family:var(--mono);color:var(--violet);padding-top:2px;font-size:12px}.step-body p:last-child{margin-bottom:0}.doc-code{font-family:var(--mono);border:1px solid var(--line);white-space:pre;color:#c9cbd6;background:#08080c;border-radius:10px;margin:14px 0;padding:26px 16px 15px;font-size:12.5px;line-height:1.72;position:relative;overflow-x:auto}.doc-code:before{content:attr(data-lang);letter-spacing:.13em;text-transform:uppercase;color:var(--fg-mute);font-size:9px;position:absolute;top:8px;left:16px}.doc-code[data-lang=bash]{color:#9ee7a8}.doc-code .t{color:#7b5cff}.doc-code .a{color:#00d4ff}.doc-code .s{color:#ffb86b}.doc-code .n{color:#7ee787}.table{border:1px solid var(--line);border-radius:10px;margin:16px 0;overflow:hidden}.tr{border-top:1px solid var(--line);color:var(--fg-dim);grid-template-columns:minmax(180px,42%) 1fr;align-items:center;gap:14px;padding:11px 15px;font-size:13px;display:grid}.tr:first-child{border-top:0}.tr.th{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--fg-mute);background:#ffffff06;font-size:9.5px}.tr code{font-size:11.5px}.doc-next{text-align:center;max-width:720px;margin:46px auto 0;padding:0 40px}.doc-next button{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg);cursor:pointer;background:linear-gradient(#7b5cff57,#7b5cff26);border:1px solid #7b5cff8c;border-radius:10px;padding:13px 26px;font-size:11.5px;transition:transform .18s,box-shadow .18s}.doc-next button:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px #7b5cffbf}@media (width<=1180px){.pillars,.stats,.cat-grid{grid-template-columns:1fr 1fr}}@media (width<=1320px){:root{--rail:244px;--inspector:322px}}@media (width<=1080px){body{overflow:auto}.shell{grid-template-rows:var(--bar) auto;height:auto;min-height:100%}.topbar{z-index:20;background:#07070aeb;gap:12px;position:sticky;top:0;overflow-x:auto}.workbench,.workbench[data-doc=true]{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.rail-list{max-height:31vh}.stage{grid-template-rows:auto auto;overflow:clip visible}.stage-body{min-height:60vh;padding:22px 16px}.stage-foot{position:sticky;bottom:0}.doc-scroll{padding-top:34px;overflow:visible}.inspector{border-left:0;border-top:1px solid var(--line);overflow:visible}}@media (width<=720px){:root{--bar:56px}.wordmark{white-space:nowrap;flex-shrink:0;font-size:18px}.wordmark span{display:inline}.wordmark img{width:25px;height:25px}.topbar .chip:last-of-type{display:none}.doc,.doc-next{padding:0 22px}.doc-head h1{font-size:38px}.hero-lead{font-size:15px!important}.stats,.pillars,.cat-grid{grid-template-columns:1fr}.step{grid-template-columns:34px 1fr;gap:12px}.tr{grid-template-columns:1fr;gap:4px}}