.app{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .25s ease}.app--dark{background:#0f0f12}.app--light{background:#f5f5f5}.preload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f0f12;transition:opacity .3s ease,visibility .3s ease}.app--light .preload-overlay{background:#f5f5f5}.preload-overlay__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.preload-overlay__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:preload-spin .8s linear infinite}.app--light .preload-overlay__spinner{border-color:#00000026;border-top-color:#333}@keyframes preload-spin{to{transform:rotate(360deg)}}.preload-overlay__text{margin:0;font-size:1rem;color:#ffffffd9}.app--light .preload-overlay__text{color:#000000b3}.app__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-toggle,.sound-toggle,.theme-toggle{position:fixed;bottom:1.5rem;z-index:100;width:44px;height:44px;border-radius:50%;border:none;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.mode-toggle{right:7.5rem}.sound-toggle{right:4.5rem}.theme-toggle{right:1.5rem}.app--dark .mode-toggle,.app--dark .sound-toggle,.app--dark .theme-toggle{background:#ffffff1a;color:#fff}.app--dark .mode-toggle:hover,.app--dark .sound-toggle:hover,.app--dark .theme-toggle:hover{background:#fff3}.app--light .mode-toggle,.app--light .sound-toggle,.app--light .theme-toggle{background:#00000014;color:#333}.app--light .mode-toggle:hover,.app--light .sound-toggle:hover,.app--light .theme-toggle:hover{background:#0000001f}.mode-toggle:hover,.sound-toggle:hover,.theme-toggle:hover{transform:scale(1.08)}.instruction{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1rem;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transition:color .25s ease}.app--dark .instruction{color:#ffffff80}.app--light .instruction{color:#00000080}.social-links{display:flex;gap:.75rem;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;left:1.5rem;z-index:100}.social-link{transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.app--dark .social-link{color:#fff9}.app--dark .social-link:hover{color:#fff}.app--light .social-link{color:#00000080}.app--light .social-link:hover{color:#000000e6}.social-link:hover{transform:scale(1.1)}.social-link svg{width:100%;height:100%}.trail-photo{position:fixed;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none;z-index:10;border-radius:16px;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}.app--dark .trail-photo{box-shadow:0 8px 24px #0006;border:2px solid rgba(255,255,255,.15)}.app--light .trail-photo{box-shadow:0 8px 24px #00000026;border:2px solid rgba(0,0,0,.12)}.trail-photo img,.trail-photo .trail-photo-placeholder{width:100%;height:100%;object-fit:cover;display:block}.trail-photo-placeholder{background:#80808033}.gallery-view{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2rem;z-index:20;pointer-events:none}.gallery-view>*{pointer-events:auto}.polaroid{width:424px;height:460px;padding:12px 12px 48px;background:#fff;box-shadow:0 4px 6px #00000012,0 10px 20px #0000001f,0 0 0 1px #0000000a;transform:rotate(-1deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.app--dark .polaroid{box-shadow:0 4px 6px #0000004d,0 10px 30px #0006,0 0 0 1px #ffffff14}.polaroid img{width:400px;height:400px;object-fit:cover;display:block}.gallery-arrow{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.gallery-arrow svg{width:28px;height:28px}.app--dark .gallery-arrow{background:#ffffff1f;color:#fff}.app--dark .gallery-arrow:hover{background:#ffffff38}.app--light .gallery-arrow{background:#00000014;color:#333}.app--light .gallery-arrow:hover{background:#00000024}.gallery-arrow:hover{transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:system-ui,-apple-system,sans-serif;overflow:hidden}