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