.framework-galaxy{isolation:isolate;color:#e7eee6;background:radial-gradient(at 65% 35%,#163f42 0,#0000 50%),radial-gradient(at 12% 85%,#232c46 0,#0000 48%),#081c24;margin:0 0 38px;font-family:inherit;position:relative}.fg-canvas-content{display:flow-root}.fg-canvas{position:relative;overflow:hidden}.framework-galaxy button,.framework-galaxy a{font:inherit}.framework-galaxy button{cursor:pointer}.framework-galaxy button:focus-visible,.framework-galaxy a:focus-visible,.framework-galaxy summary:focus-visible{outline-offset:4px;outline:3px solid #f7d693}.fg-space-dust{z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,#bfd7c7 1px,#0000 1.5px),radial-gradient(circle,#93b5bd 1px,#0000 1.5px);background-position:13px 28px,48px 67px;background-size:97px 131px,163px 181px;position:absolute;inset:0}.fg-eyebrow{letter-spacing:.17em;color:#a6c9bc;font-size:11px}.fg-constellation{height:380px;margin:0 50px 76px;position:relative}.fg-constellation>svg{width:100%;height:100%;position:absolute;overflow:visible}.fg-constellation path{fill:none;stroke:#9ec7c4;stroke-width:.18px;stroke-dasharray:.7 .65;opacity:.48}.fg-star-button{color:#c7dad4;z-index:1;background:0 0;border:0;width:54px;height:54px;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.fg-star-light{color:#cbe5d8;text-shadow:0 0 16px #97dac9;animation:12.6s linear infinite fg-star-pulse;animation-delay:var(--star-delay);font-size:34px;display:block}.fg-star-caption{text-align:center;width:clamp(90px,14vw - 32px,165px);animation:12.6s linear infinite fg-caption-pulse;animation-delay:var(--star-delay);gap:5px;display:grid;position:absolute;top:60px;left:50%;transform:translate(-50%)}.fg-star-caption small{letter-spacing:.12em;color:#9ab7b5;font-size:10px}.fg-star-caption strong{font-size:16px;font-weight:500;line-height:1.4}.fg-star-caption>span{color:#91b5ab;font-size:10px}.fg-star-button:hover,.fg-star-button:focus-visible{z-index:3}.fg-star-button:hover .fg-star-light,.fg-star-button:focus-visible .fg-star-light{color:#ffe6ac;filter:drop-shadow(0 0 12px #f4d793);animation:none}.fg-star-button:hover strong,.fg-star-button:focus-visible strong{color:#ffe6ac}@keyframes fg-star-pulse{0%,14.28%,to{color:#cbe5d8;text-shadow:0 0 16px #97dac9;transform:scale(1)}3%,9%{color:#ffe7ad;text-shadow:0 0 15px #ffde88,0 0 38px #f5d283;transform:scale(1.38)}}@keyframes fg-caption-pulse{0%,14.28%,to{color:#c7dad4;filter:none}3%,9%{color:#ffe7ad;filter:drop-shadow(0 0 8px #e6ce7644)}}.fg-scene-bar{z-index:6;position:relative;overflow-x:clip}.fg-scene-preview,.fg-preview-sample{color:#d7e6d6;background:#14332e;border:1px solid #73988255;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;position:absolute;bottom:calc(100% + 10px);box-shadow:0 -10px 35px #05181240}.fg-scene-preview:before{content:"";height:12px;position:absolute;inset:100% 0 auto}.fg-scene-preview:after{content:"";left:var(--preview-arrow,50%);background:#14332e;border-bottom:1px solid #73988255;border-right:1px solid #73988255;width:10px;height:10px;position:absolute;bottom:-6px;transform:translate(-50%)rotate(45deg)}.fg-scene-preview ol,.fg-preview-sample ol{overflow-wrap:anywhere;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.7;list-style:none;display:flex}.fg-scene-preview li,.fg-preview-sample li{align-items:center;gap:8px;max-width:100%;margin:0;display:flex}.fg-scene-nav{scrollbar-width:thin;background:#081c2426;border-top:1px solid #b6d9d312;gap:6px;margin-top:0;padding:14px 18px 18px;display:flex;overflow-x:auto}.fg-scene-nav button{color:#b9d0c6;text-align:center;background:#ffffff04;border:1px solid #ffffff15;border-radius:10px;flex:1;min-width:0;padding:10px;font-size:12px;line-height:1.5}.fg-scene-nav button span{color:#8da6a0;margin-bottom:3px;font-size:10px;display:block}.fg-scene-nav button[aria-pressed=true]{color:#f3e6bb;background:#d6efcc17;border-color:#e1d39188}.fg-scene-steps{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.fg-scene-steps li{color:#bed0ca;align-items:center;gap:7px;margin:0;padding:0;font-size:11px;line-height:1.6;display:flex}.fg-scene-steps i{background:var(--ring-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.fg-step-space{background:linear-gradient(#0000,#081c2426);width:100%;min-height:100px}.fg-scene-preview li i,.fg-preview-sample li i{background:var(--ring-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.fg-orbit-scroll{scrollbar-width:thin;scrollbar-color:#607c77 #10282d;overflow:auto}.fg-orbit-map{animation:fg-orbit-turn var(--orbit-duration) linear infinite;margin:auto;position:relative}@property --fg-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes fg-orbit-turn{to{--fg-angle:360deg}}.fg-orbit-map[data-paused=true]{animation-play-state:paused}.fg-orbit-map[data-ready=false]{visibility:hidden}.fg-orbit-map>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fg-orbit-map ellipse{fill:none;stroke-width:1px;opacity:.38}.fg-orbit-sun{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-18px)}.fg-orbit-sun>span{color:#fff0b5;text-shadow:0 0 32px #efd981,0 0 90px #f2d08588;font-size:36px;line-height:1;display:block}.fg-orbit-sun small{color:#e0cf9e;margin-top:0;font-size:10px;line-height:1.2;display:block}.fg-satellite-wrap{width:max-content;left:calc(50% + var(--radius-x) * cos(var(--phase) + var(--fg-angle)));top:calc(50% + var(--radius-y) * sin(var(--phase) + var(--fg-angle)));z-index:1;position:absolute;transform:translate(-50%,-50%)}.fg-satellite{color:#e6ede5;text-align:center;background:linear-gradient(135deg,#18343bee,#10272bee);border:1px solid #526964;border-radius:8px;align-content:center;gap:3px;width:max-content;min-width:96px;max-width:156px;min-height:44px;padding:6px 9px;display:grid;position:relative;box-shadow:0 3px 12px #020c1630}.fg-satellite small{color:var(--ring-color);font-size:10px;line-height:1.4}.fg-satellite strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.4}.fg-moon{background:var(--ring-color);width:8px;height:8px;box-shadow:0 0 16px var(--ring-color);border-radius:50%;position:absolute;top:calc(50% - 4px);left:-4px}.fg-satellite:hover,.fg-satellite[aria-pressed=true]{border-color:var(--ring-color);background:#25433e}.fg-show-tip{z-index:5}.fg-tooltip{color:#213f35;pointer-events:auto;background:#f4f2e7;border:1px solid #d4dfcd;border-radius:10px;width:245px;max-width:80vw;padding:13px 15px;font-size:13px;line-height:1.6;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0004}.fg-tooltip-below{top:calc(100% + 10px);bottom:auto}.fg-map-scroll-hint{color:#abc4bc;padding:0 24px;font-size:12px}.fg-search-results{padding:12px 30px}.fg-search-results p{color:#bdd2c7;font-size:13px}.fg-search-results>div{flex-wrap:wrap;gap:8px;max-height:210px;display:flex;overflow:auto}.fg-search-results button{color:#eceddd;background:#ffffff0e;border:1px solid #ffffff30;border-radius:20px;padding:8px 12px;font-size:13px}.fg-orbit-stage{min-height:0;transition:min-height .72s cubic-bezier(.22,.72,.18,1);position:relative}.fg-reading .fg-orbit-stage{min-height:max(560px,80dvh)}.fg-orbit-scroll{transition:opacity .55s}.fg-reading .fg-orbit-scroll,.fg-reading .fg-map-scroll-hint{opacity:.14;pointer-events:none}.fg-satellite[data-flying=true]{visibility:hidden}.fg-focus-card{z-index:8;border:1px solid var(--ring-color);text-align:center;color:#f3f1dd;transform-origin:0 0;pointer-events:none;background:linear-gradient(135deg,#22443e,#10282e);border-radius:14px;gap:10px;width:22%;padding:24px 18px 18px;display:grid;position:absolute;top:min(240px,28vh);left:3%;box-shadow:0 8px 40px #00120e66,0 0 28px #b7dcc50c}.fg-focus-card small{color:var(--ring-color);font-size:12px;line-height:1.5}.fg-focus-card strong{overflow-wrap:anywhere;font-size:clamp(17px,1.6vw,23px);font-weight:500;line-height:1.45}.fg-focus-code{letter-spacing:.1em;color:#aac5b8;font-size:10px}.fg-reader{z-index:9;color:#263d34;overscroll-behavior:contain;background:#fafbf6;border:1px solid #d7e1d4;border-radius:12px;width:calc(72% - 16px);max-height:calc(100dvh - 64px);padding:0 28px 30px;animation:.72s cubic-bezier(.22,.72,.18,1) both fg-slide-in;position:absolute;top:0;bottom:0;right:16px;overflow-y:auto;box-shadow:-12px 12px 60px #0005}.fg-reader-dismiss{z-index:3;pointer-events:none;justify-content:flex-end;height:0;display:flex;position:sticky;top:12px}.fg-reader button{color:#285643;cursor:pointer;background:#fff;border:1px solid #ccd9cc;border-radius:7px;padding:7px 10px;font-size:12px}.fg-reader button:disabled{opacity:.45;cursor:not-allowed}.fg-reader .fg-reader-close{pointer-events:auto;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:0 2px 12px #fafbf6}.fg-reader h2{margin:18px 0;font-size:30px;line-height:1.25}.fg-reader h2:focus{outline:none}.fg-reader h3{letter-spacing:0;font-size:19px}.fg-path{color:#617c6f;margin-top:22px;padding-right:42px;font-size:11px;line-height:1.7}.fg-reader-intro{color:#3b6652;font-size:18px;line-height:1.7}.fg-reader section{border-top:1px solid #dce4d8;padding:14px 0 20px}.fg-reader section p,.fg-reader li,.fg-reader dd{font-size:14px;line-height:1.85}.fg-reader ol,.fg-reader ul{padding-left:23px}.fg-reader li{margin:10px 0;padding-left:4px}.fg-reader dt{color:#52715e;margin-top:14px;font-size:12px;font-weight:600}.fg-reader dd{margin:5px 0}.fg-reader .fg-figure{background:#fff;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.fg-figure img{width:100%;display:block}.fg-example-heading{align-items:center;gap:10px;display:flex}.fg-example-heading h3{margin:10px 0}.fg-download-control{display:inline-flex;position:relative}.fg-reader .fg-download{background:0 0;border-color:#0000;place-items:center;padding:7px;display:grid}.fg-reader .fg-download:hover{background:#e8efe5}.fg-download-tip{color:#fff;z-index:2;visibility:hidden;opacity:0;background:#244b3d;border-radius:6px;width:max-content;max-width:230px;padding:7px 10px;font-size:12px;line-height:1.5;position:absolute;top:calc(100% + 5px);left:0}.fg-download-control:hover .fg-download-tip,.fg-download-control:focus-within .fg-download-tip{visibility:visible;opacity:1}.fg-reader .fg-compare-hint{color:#61796d;margin:0 0 12px;font-size:12px}.fg-compare-row{align-items:flex-start;gap:12px;display:flex}.fg-compare-options{flex-wrap:wrap;flex:1;gap:7px;min-width:0;display:flex}.fg-compare-options label{cursor:pointer;background:#fff;border:1px solid #d2dfd0;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;line-height:1.5;display:inline-flex}.fg-compare-options input{accent-color:#326c51;flex-shrink:0;width:14px;height:14px;margin:0}.fg-compare-options label:has(:checked){background:#e8f0e5;border-color:#8ba88f}.fg-compare-options label:has(:disabled){opacity:.45;cursor:not-allowed}.fg-compare-options label:focus-within{outline-offset:2px;outline:2px solid #42785a}.fg-reader .fg-compare-go{color:#fff;white-space:nowrap;background:#285643;padding:9px 16px}.fg-reader details{margin:15px 0;font-size:13px}.fg-reader summary{cursor:pointer;font-weight:600}.fg-note{color:#5f7267;font-size:12px!important}.fg-boundary{background:#edf0e4;border-left:3px solid #9fae72;padding:12px 16px}.fg-reading-link{border-bottom:1px solid #e2e8dd;gap:7px;padding:15px 0;text-decoration:none;display:grid}.fg-reading-link strong{color:#285d45;font-size:15px}.fg-reading-link span{color:#64736a;font-size:13px;line-height:1.75}@keyframes fg-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@media (width>=1200px){.fg-orbit-scroll{margin:0 10px}}@media (width<=1199px){.fg-constellation{height:380px;margin-left:55px;margin-right:55px}}@media (width<=900px){.fg-toolbar{padding:22px 18px 8px}.fg-toolbar p{font-size:15px}.fg-eyebrow{letter-spacing:.1em;font-size:9px}.fg-constellation{display:none}.fg-scene-nav{gap:7px;padding:16px}.fg-scene-nav button{min-width:125px}.fg-orbit-scroll,.fg-map-scroll-hint,.fg-step-space{display:none}.fg-reader{border:0;width:100%;padding:0 20px 35px}.fg-reader h2{font-size:26px}.fg-search-results{padding:12px 18px}.fg-hint{font-size:11px}.fg-star-caption{max-width:28.5714vw}}@media (prefers-reduced-motion:reduce){.fg-orbit-stage,.fg-orbit-scroll{transition:none}.fg-orbit-map,.fg-star-light,.fg-star-caption,.fg-reader{animation:none!important}}.fg-tooltip:after{content:"";width:100%;height:12px;position:absolute;bottom:-12px;left:0}.fg-tooltip-below:after{top:-12px;bottom:auto}@media (width<=1100px){.fg-star-caption{width:96px}.fg-star-caption strong{font-size:12px}}.fg-dipper-backdrop path{fill:none;stroke:#9ec7c4;stroke-width:1px;stroke-dasharray:4 6;opacity:.16}.fg-background-star{color:#b4d8ce;opacity:.26;text-shadow:0 0 14px #97dac944;pointer-events:none;font-size:18px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.fg-exploring .fg-step-space{min-height:var(--fg-step-clearance,72px)}.fg-preview-measure{visibility:hidden;pointer-events:none;height:0;position:absolute;inset:0 0 auto;overflow:hidden}.fg-preview-sample{bottom:auto}.fg-changing .fg-canvas{pointer-events:none}.fg-changing [data-dipper-star],.fg-changing .fg-dipper-backdrop,.fg-changing .fg-constellation>svg{visibility:hidden}.fg-changing .fg-satellite-wrap,.fg-changing .fg-orbit-map>svg:not(.fg-dipper-backdrop),.fg-changing .fg-orbit-sun small,.fg-changing .fg-star-caption{opacity:0}.fg-transition-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.fg-transition-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fg-transition-lines path{fill:none;stroke:#9ec7c4;stroke-width:1px;stroke-dasharray:4 6;opacity:.48}.fg-transition-star{text-align:center;text-shadow:0 0 20px #b7e2ce88;will-change:transform, opacity;width:34px;height:34px;font-size:34px;line-height:1;position:absolute;top:0;left:0}
