@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap";:root{--bg-color: #050505;--bg-panel: rgba(10, 15, 20, .85);--primary-color: #00f3ff;--secondary-color: #ffbf00;--alert-color: #ff2a2a;--success-color: #00ff41;--text-color: #e0e0e0;--text-dim: #708090;--gap-size: 8px;--border-width: 1px;--border-color: rgba(128, 128, 128, .5);--corner-size: 10px;--font-main: "Share Tech Mono", monospace;--font-mono: "Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);min-height:100vh;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}#app{width:100%;min-height:100vh;padding:var(--gap-size);padding-bottom:40px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f3ff66}.grid-container{display:grid;width:100%;max-width:1400px;margin:0 auto;gap:8px;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content}@media(min-width:768px){.grid-container{grid-template-columns:repeat(4,1fr)}}.app-header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 12px;padding:12px 20px;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-panel);border-radius:var(--corner-size);box-shadow:0 0 10px #00f3ff0d}.header-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:6px;text-shadow:0 4px 15px rgba(255,255,255,.15)}.header-lang-switch{font-family:var(--font-mono);font-size:1rem;color:var(--text-dim)}.lang-link{color:var(--text-color);text-decoration:none;padding:2px 5px;transition:all .2s}.lang-link:hover{color:var(--primary-color);text-shadow:0 0 5px var(--primary-color)}.lang-link.active{color:var(--secondary-color);font-weight:700;pointer-events:none}.pane-standard{grid-column:span 1;aspect-ratio:1 / 1}.pane-wide,.pane-wide-flat{grid-column:span 2;height:100%}.pane-large{grid-column:span 2;aspect-ratio:16 / 9}@media(min-width:768px){.pane-large{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 1}}.pane{background:var(--bg-panel);border:var(--border-width) solid var(--border-color);border-radius:var(--corner-size);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:default;box-shadow:0 0 10px #00f3ff0d;min-height:150px}.pane.recursive-link:hover{border-color:var(--primary-color);box-shadow:0 0 20px #00f3ff33;z-index:10}.grid-container.has-expanded .pane:not(.expanded){opacity:.3;filter:blur(2px);pointer-events:none}.pane.expanded{position:fixed;inset:20px;width:auto;height:auto;z-index:1000;border-color:var(--secondary-color);box-shadow:0 0 50px #000c,0 0 20px var(--secondary-color);background:#0a0f14fa}.pane-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:10;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane.expanded .pane-title-overlay{font-size:1.5rem;padding:20px}.pane.recursive-link{cursor:pointer}.pane.recursive-link:hover{border-color:#fff;box-shadow:0 0 15px #fff3}.pane-content{flex:1;position:relative;padding:10px;overflow:hidden}#head-demo .pane-content,#hand-demo .pane-content,#morphing-raymarch-demo .pane-content,#nebula-flow-demo .pane-content{padding:0}