:root{--color-background: #f8f9fa;--color-text: #212529;--color-text-light: #6c757d;--color-primary: #0066cc;--color-primary-light: #4d94ff;--color-secondary: #5f6c7b;--color-accent: #ff9500;--color-success: #34c759;--color-warning: #ff9f0a;--color-error: #ff3b30;--color-neutral-50: #f8f9fa;--color-neutral-100: #e9ecef;--color-neutral-200: #dee2e6;--color-neutral-300: #ced4da;--color-neutral-400: #adb5bd;--color-neutral-500: #6c757d;--color-neutral-600: #5f6c7b;--color-neutral-700: #495057;--color-neutral-800: #343a40;--color-neutral-900: #212529;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;display:flex;place-items:center}#app{width:100%;height:100%;position:relative}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#scene-canvas{position:relative;width:100%;height:100%;display:block}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity var(--transition-slow)}.loading-container{width:80%;max-width:400px;text-align:center}.loading-logo{font-size:2.5rem;font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.02em}.loading-logo .highlight{color:var(--color-primary)}.loading-bar-container{width:100%;height:4px;background-color:var(--color-neutral-200);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.loading-bar{height:100%;width:0%;background-color:var(--color-primary);transition:width var(--transition-normal)}.loading-text{color:var(--color-text-light);font-size:.875rem}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}.controls{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:var(--space-2);z-index:20}.store-name{font-weight:600;font-size:1.25rem;color:var(--color-text);background-color:#ffffffd9;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.control-button{background-color:#ffffffd9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background-color var(--transition-fast)}.control-button:hover{background-color:#fffffff2;transform:scale(1.05)}.control-button .icon{font-size:1.25rem}@media (max-width: 768px){.controls{top:var(--space-1);left:var(--space-1)}.store-name{font-size:1rem}}.hidden{display:none}