:root{--bg-dark:#28282899;--bg-darker:#323232b3;--bg-button:#3c3c3ccc;--bg-button-hover:#505050cc;--border-subtle:#3c3c3c80;--border-light:#6464644d;--text-primary:#e8e8e8;--text-secondary:#aaa;--text-muted:#888;--transition:all .2s ease;--border-radius:6px;--spacing:20px}*{box-sizing:border-box;margin:0;padding:0}.loading-screen{z-index:9999;color:var(--text-primary);background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#2a2a2a 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,monospace}.loading-spinner{border:3px solid #ffffff1a;border-top:3px solid var(--text-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:var(--text-secondary);font-size:.9rem}#app{color:#e6e6e6;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#2a2a2a 100%);min-height:100vh;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,monospace;position:relative}.three-scene{z-index:1;position:fixed;inset:0}.floating-flag,.floating-feature{color:#fff9;-webkit-user-select:none;user-select:none;opacity:.8;will-change:transform;transition:opacity .3s}.floating-flag:hover,.floating-feature:hover{opacity:1}.app-container{max-width:1200px;padding:var(--spacing);z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0 auto;position:relative}.github-link{top:var(--spacing);right:var(--spacing);z-index:1000;color:#e6e6e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);pointer-events:auto;background:#3c3c3ce6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex;position:fixed}.github-link:hover{background:var(--bg-button-hover);color:#fff;border-color:#78787880;transform:scale(1.1)}.hero{text-align:center;padding:40px var(--spacing);color:#fff}.title{color:var(--text-primary);margin-bottom:16px;font-size:2.2rem;font-weight:600;line-height:1.2}.subtitle{color:var(--text-muted);max-width:500px;min-height:60px;margin:0 auto 32px;font-size:1rem;line-height:1.5}.flags{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;margin:24px auto 0;display:flex}.flag-btn{border:1px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;pointer-events:auto;background:#000000bf;width:44px;height:36px;font-size:16px;transition:background .2s,border-color .2s}.flag-btn:hover{background:#50505066;border-color:#787878b3}.flag-btn.active{background:#646464b3;border-color:#8c8c8ccc}.features{padding:32px var(--spacing)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.feature-card{background:var(--bg-dark);padding:var(--spacing);text-align:left;border:1px solid var(--border-subtle);transition:var(--transition);border-radius:8px}.feature-card:hover{background:var(--bg-darker);border-color:#000000b3}.feature-icon{opacity:.8;margin-bottom:12px;font-size:1.5rem}.feature-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:500}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.demo-card{background:var(--bg-darker);color:#fff;border:1px solid #46464680}.demo-card h3,.demo-card p{color:var(--text-primary)}.demo-btn,.docs-btn{background:var(--bg-button);color:#ccc;cursor:pointer;transition:var(--transition);pointer-events:auto;border:1px solid #505050b3;border-radius:4px;margin-top:12px;padding:8px 16px;font-size:.9rem;font-weight:400;text-decoration:none;display:inline-block}.demo-btn:hover,.docs-btn:hover{background:var(--bg-button-hover);color:#fff;border-color:#646464cc}.docs-btn:hover{transform:translateY(-1px)}.demo-result{border:1px solid var(--border-subtle);background:#1e1e1ecc;border-radius:4px;margin-top:12px;padding:12px}.demo-result code{color:#ddd;background:#323232cc;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:.85rem}.footer{text-align:center;padding:24px var(--spacing);color:#666;font-size:.8rem}.footer a{color:var(--text-secondary);transition:var(--transition);pointer-events:auto;border-bottom:1px solid #0000;text-decoration:none}.footer a:hover{color:#ccc;border-bottom-color:var(--text-secondary)}.floating-greeting{z-index:1000;color:#fff;text-shadow:2px 2px 4px #000000b3;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:1.2rem;font-weight:600;position:fixed}@media (width<=768px){.title{font-size:2rem}.subtitle{font-size:.9rem}.feature-grid{grid-template-columns:1fr;gap:12px}.flags{gap:6px}.flag-btn{width:36px;height:28px;font-size:14px}}