*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background-color:#111;color:#eee;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:transparent;color:#eee;display:flex;flex-direction:column}img,video,canvas{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}.three-canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;z-index:1}.three-canvas-container canvas{width:100%!important;height:100%!important;display:block;position:absolute;top:0;left:0;z-index:1;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.body-bg{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background-color:var(--bg-dark, #111111);z-index:-2;pointer-events:none}.bg-3d-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:0;pointer-events:none;overflow:hidden;background-color:var(--bg-dark, #111111)}.bg-3d-container canvas{width:100%!important;height:100%!important;display:block;pointer-events:none;position:absolute;top:0;left:0}.button-container{position:relative;width:100%;min-height:100vh;z-index:10;pointer-events:auto;padding-bottom:2rem}.button-container button,.button-container a,.button-container input,.button-container select,.button-container textarea{pointer-events:auto}.button-container main,.button-container .photo,.button-container blockquote,.button-container p,.button-container h1,.button-container ul,.button-container li{cursor:auto;-webkit-user-select:text;user-select:text}main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;margin-top:20px;padding:5rem 1.5rem 3rem;gap:1rem;position:relative;z-index:1;background:transparent}main>*{align-self:center;text-align:center;margin-left:0;margin-right:0}main ul,main ol{padding-left:0}.demo-reel-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;box-sizing:border-box}@media (max-width: 768px){main{padding:4.5rem 1rem 2rem;gap:1rem}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.desktop-only{display:block!important}.mobile-only{display:none!important}}.header-bar{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;padding:.5rem 2rem;background:#111111bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px #0009;box-sizing:border-box;transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.header-bar.nav-hidden{transform:translateY(-100%)}.header-bar .main-navbar{display:flex;gap:1.5rem;background:none;box-shadow:none;padding:0;margin:0}.header-bar .main-navbar button{background:transparent;background-color:transparent;color:#ddd;-webkit-text-fill-color:currentColor;border:none;font-size:1.1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:1rem;transition:background .2s ease,color .2s ease,text-shadow .2s ease;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;forced-color-adjust:none;box-sizing:border-box}.header-bar .main-navbar button:hover{background:#ffffff14;color:#fff}.header-bar .main-navbar button:active{background:#ffffff29;color:#fff}.header-bar .main-navbar button.is-active{color:var(--accent-color, #a9cce3);-webkit-text-fill-color:var(--accent-color, #a9cce3);font-weight:600;background:transparent;border:none;box-shadow:none;text-shadow:0 0 10px rgba(169,204,227,.45)}.header-bar .main-navbar button.is-active:hover{background:#a9cce314;color:var(--accent-color, #a9cce3);-webkit-text-fill-color:var(--accent-color, #a9cce3)}.header-bar .main-navbar button:focus:not(:focus-visible){outline:none;box-shadow:none}.header-bar .main-navbar button:focus-visible,#exit-button:focus-visible{outline:2px solid var(--focus-ring, #56bcff);outline-offset:3px}.playground-top-header{position:fixed;top:1.5rem;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none;padding:0 1.25rem;box-sizing:border-box}.playground-hint{font-size:.92rem;color:#888;font-style:italic;text-align:center;margin:0;line-height:1.5;letter-spacing:.015em;pointer-events:none;user-select:none;-webkit-user-select:none;text-shadow:0 1px 4px rgba(0,0,0,.7)}@media (max-width: 768px){.playground-top-header{top:1.1rem;padding:0 1rem}.playground-hint{font-size:.85rem}}@media (max-height: 520px){.playground-top-header{top:.5rem;top:max(.5rem,env(safe-area-inset-top,.5rem));padding:0 .75rem}.playground-hint{font-size:.78rem;line-height:1.2}.playground-header{bottom:.65rem;bottom:max(.65rem,env(safe-area-inset-bottom,.65rem))}#exit-button{font-size:.82rem;padding:.35rem .85rem}}.playground-header{position:fixed;bottom:1.75rem;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}#exit-button{pointer-events:auto;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;padding:.5rem 1.15rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.5rem;line-height:1.4;text-decoration:none;box-sizing:border-box;box-shadow:0 4px 16px #0006;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}#exit-button:hover{background:#ffffff2e;border-color:#fff;transform:translate(-3px);color:#fff}#exit-button:focus-visible{outline:2px solid var(--focus-ring, #56bcff);outline-offset:3px}#exit-button .back-arrow{font-size:1.15rem;line-height:1;display:inline-block;transition:transform .2s ease}#exit-button:hover .back-arrow{transform:translate(-3px)}.lang-switch-wrapper{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:101}.lang-toggle-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#eee;border-radius:9999px;padding:.35rem .8rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;font-weight:600;cursor:pointer;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000059;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;outline:none}.lang-toggle-btn:hover{background:#ffffff29;border-color:var(--accent-color, #a9cce3);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000073}.lang-toggle-btn:focus-visible{outline:2px solid var(--focus-ring, #56bcff);outline-offset:3px}.lang-toggle-btn .lang-opt{opacity:.45;transition:opacity .2s ease,color .2s ease,text-shadow .2s ease}.lang-toggle-btn .lang-opt.is-active{opacity:1;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(169,204,227,.6)}.lang-toggle-btn .lang-divider{opacity:.25;font-weight:400;margin:0 1px}@media (max-width: 768px){.header-bar{padding-top:.45rem;padding-bottom:.45rem;padding-inline:clamp(6px,2vw,12px);justify-content:space-between;align-items:center;gap:.35rem}.header-bar .main-navbar{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x proximity;gap:clamp(.15rem,1.2vw,.35rem);margin:0;padding:.1rem 0}.header-bar .main-navbar::-webkit-scrollbar{display:none}.header-bar .main-navbar button{flex-shrink:0;white-space:nowrap;scroll-snap-align:start;padding-inline:clamp(.35rem,1.8vw,.65rem);padding-block:.35rem;font-size:clamp(.74rem,2.6vw,.9rem);border-radius:.65rem}.lang-switch-wrapper{position:static;transform:none;margin-left:.2rem;flex-shrink:0}.lang-toggle-btn{padding:.28rem .52rem;font-size:.76rem;gap:.2rem;flex-shrink:0}}@media (max-width: 380px){.header-bar{padding-inline:4px;gap:.2rem}.header-bar .main-navbar button{padding-inline:.32rem;font-size:.72rem}.lang-toggle-btn{padding:.25rem .42rem;font-size:.72rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#eee;background-color:#111;--bg-dark: #111111;--bg-card: rgba(20, 20, 20, .85);--text-main: #eeeeee;--text-muted: #aaaaaa;--accent-color: #a9cce3;--focus-ring: #56bcff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{margin:0;padding:0;background-color:transparent;color:var(--text-main);min-height:100vh}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px}