*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-text-primary: #c8b496;--color-text-secondary: #a09080;--color-text-tertiary: #706050;--color-accent: #d4c4a0;--color-accent-hover: #e0d0b0;--color-border: rgba(200, 180, 150, .15);--color-panel-bg: rgba(15, 15, 15, .95);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 30px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 8px;--font-size-sm: 9px;--font-size-base: 11px;--font-size-lg: 14px;--font-size-xl: 24px;--font-size-2xl: 36px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-secondary);overflow:hidden;height:100vh;font-size:var(--font-size-base)}.membrana-app{width:100vw;height:100vh}.membrana-viewer{width:100%;height:100%;background:var(--color-bg);position:relative}.viewer-container{width:100%;height:100%;cursor:grab}.viewer-container:active{cursor:grabbing}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(200,180,150,.02) 0%,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal)}.loading-content{text-align:center;color:var(--color-text-primary);position:relative}.loading-content:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:200px;height:200px;border:1px solid var(--color-border);border-radius:50%;opacity:.1;animation:pulse 3s infinite}.loading-title{font-size:var(--font-size-2xl);font-weight:100;letter-spacing:.5em;margin-bottom:var(--spacing-sm);animation:float 3s ease-in-out infinite;color:var(--color-accent);text-shadow:0 2px 10px rgba(200,180,150,.2)}.loading-subtitle{font-size:var(--font-size-lg);font-weight:300;letter-spacing:.3em;margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);text-transform:uppercase;opacity:.8}.loading-description{font-size:var(--font-size-base);letter-spacing:.1em;margin-bottom:var(--spacing-md);color:var(--color-text-tertiary);text-transform:uppercase;animation:fadeInOut 2s infinite}.progress-bar{width:250px;height:2px;background:var(--color-border);margin:0 auto var(--spacing-sm);overflow:hidden;border-radius:1px;box-shadow:0 0 10px #c8b4961a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-hover) 50%,var(--color-accent) 100%);transition:width var(--transition-normal);animation:shimmer 2s linear infinite;background-size:200% 100%}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}.keyboard-help{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-panel-bg);border:1px solid var(--color-border);border-radius:6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:var(--font-size-xs);color:var(--color-text-tertiary);z-index:50;line-height:1.6;opacity:.6;transition:opacity var(--transition-fast)}.keyboard-help:hover{opacity:1}.keyboard-help strong{color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em}.keyboard-help div{margin-bottom:3px;display:flex;align-items:center;gap:var(--spacing-xs)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#c8b4961a;height:3px;border-radius:2px}input[type=range]::-moz-range-track{background:#c8b4961a;height:3px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:radial-gradient(circle,var(--color-accent) 0%,var(--color-text-primary) 100%);cursor:pointer;border-radius:50%;border:2px solid var(--color-bg-secondary);box-shadow:0 2px 4px #0006;transition:all var(--transition-fast)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:radial-gradient(circle,var(--color-accent) 0%,var(--color-text-primary) 100%);cursor:pointer;border-radius:50%;border:2px solid var(--color-bg-secondary);box-shadow:0 2px 4px #0006;transition:all var(--transition-fast)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 8px #c8b49666}input[type=range]:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 8px #c8b49666}input[type=range]:focus{outline:none}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#c8b4960d;border-radius:3px}*::-webkit-scrollbar-thumb{background:#c8b49633;border-radius:3px;transition:background var(--transition-fast)}*::-webkit-scrollbar-thumb:hover{background:#c8b4964d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.1;transform:translate(-50%) scale(1)}50%{opacity:.2;transform:translate(-50%) scale(1.1)}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@media (max-width: 768px){.keyboard-help{display:none}.loading-title{font-size:var(--font-size-xl);letter-spacing:.3em}.loading-subtitle{font-size:var(--font-size-base);letter-spacing:.2em}.progress-bar{width:200px}}@media (max-width: 480px){.loading-title{font-size:var(--font-size-lg);letter-spacing:.2em}.loading-subtitle{font-size:var(--font-size-sm)}.progress-bar{width:150px}}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glow{box-shadow:0 0 20px #c8b4961a;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #c8b4961a}to{box-shadow:0 0 30px #c8b49633}}