:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.content-wrap{padding-top:60px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container{max-width:400px;margin:50px auto;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center}.login-container h2{margin-bottom:25px;color:#333}.login-container input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.login-container button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.login-container button:hover{background-color:#0056b3}.login-container .error{color:#dc3545;margin-top:15px}.page-container,.admin-page-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000}.page-list-container{width:100%;margin:0 auto;padding:20px;color:#000}.admin-header{background-color:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d;text-align:center;color:#000}.admin-header h1{color:#000;margin-bottom:.5rem}.admin-header p{color:#000;margin-bottom:1.5rem}.cta-button{background-color:#28a745;color:#fff;padding:12px 25px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s ease}.cta-button:hover{background-color:#218838}.admin-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#000}.user-table{width:100%;border-collapse:collapse;margin-top:20px}.user-table th,.user-table td{border:1px solid #ddd;padding:12px;text-align:left;color:#000}.user-table th{background-color:#f2f2f2;font-weight:700}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table tr:hover{background-color:#f1f1f1}.user-table select{padding:8px;border-radius:4px;border:1px solid #ccc;min-width:120px;color:#000}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#121212;color:#fff;font-family:Inter,sans-serif;text-align:center}.landing-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:absolute;top:0}.landing-logo{display:flex;align-items:center;font-size:1.25rem;font-weight:600}.landing-logo img{height:40px;margin-right:.5rem}.landing-login-button{background-color:transparent;color:#fff;border:1px solid #fff;padding:.5rem 1rem;text-decoration:none;border-radius:5px}.landing-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.landing-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.landing-content p{font-size:1.125rem;max-width:500px;margin-bottom:2rem}.cta-buttons .cta-link{background-color:#6a0dad;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;margin:0 .5rem;font-weight:600}.cta-buttons .cta-link-secondary{background-color:#333;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;margin:0 .5rem;font-weight:600}.homepage-container{font-family:Arial,sans-serif;color:#333}.homepage-section{padding:40px 20px;text-align:center}.hero-section{background:url(https://storage.googleapis.com/story-steps-app-fire.appspot.com/assets/london-eye.jpeg) no-repeat center center/cover;color:#fff;min-height:300px;display:flex;align-items:center;justify-content:center}.hero-content h1{font-size:2.5rem;margin-bottom:10px}.hero-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.featured-section h2{margin-bottom:20px}.featured-grid{display:grid;grid-template-columns:1fr;gap:20px}.featured-item{background-color:#f4f4f4;height:200px;border-radius:8px}.how-it-works-section,.about-snippet-section{background-color:#f9f9f9}.about-snippet-section a{color:#007bff;text-decoration:none;font-weight:700}@media (min-width: 768px){.featured-grid{grid-template-columns:repeat(3,1fr)}.hero-content h1{font-size:3rem}}.tour-creator-container{display:flex;flex-direction:column;width:500px;margin:50px auto;padding:30px;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #0003;background-color:#333;color:#eee}.tour-creator-container h2{text-align:center;margin-bottom:25px;color:#eee}.tour-creator-container input,.tour-creator-container textarea{margin-bottom:15px;padding:12px;border:1px solid #666;border-radius:4px;font-size:16px;background-color:#444;color:#eee}.tour-creator-container textarea{resize:vertical;min-height:100px}.tour-creator-container button{padding:12px 15px;background-color:#198754;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.tour-creator-container button:hover{background-color:#146c43}.tour-creator-container p{text-align:center;margin-top:15px;font-size:14px}.tour-editor-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}.tour-editor-container h1,.tour-editor-container h2,.tour-editor-container h3{color:#333;margin-bottom:1rem}.form-group{margin-bottom:2rem}.form-group label{font-weight:700;display:block;margin-bottom:.5rem}.form-group input[type=text]{width:calc(100% - 1rem);padding:.5rem;margin-left:1rem}.audio-upload-container{border:2px dashed #ccc;padding:1rem;text-align:center}.audio-preview-container{border:1px solid #ccc;padding:1rem;margin-top:1rem}.audio-controls{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.audio-controls button{margin:0 .5rem;padding:.5rem 1rem;background-color:#039be5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.audio-controls button:hover{background-color:#0277bd}.file-info{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.delete-button{background-color:#e53935;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.delete-button:hover{background-color:#c62828}.success-message{color:#2e7d32;font-weight:700;margin-top:1rem;padding:.75rem;background-color:#c8e6c9;border:1px solid #A5D6A7;border-radius:4px;text-align:center}.quill-editor-container{margin-bottom:4rem}.user-management-container{width:100%;color:#000}.user-tabs{display:flex;margin-bottom:1rem;border-bottom:2px solid #ccc}.user-tabs button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;color:#000;transition:color .3s ease,border-bottom .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.user-tabs button.active{color:#000;border-bottom:2px solid #007bff}.user-tabs button:hover{color:#000}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{color:#000;padding:8px;text-align:left;border-bottom:1px solid #ddd}.admin-navbar{display:flex;justify-content:space-between;align-items:center;background-color:#add8e6;padding:.5rem 2rem;color:#000;gap:2rem;position:sticky;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.admin-navbar-brand img{height:40px}.admin-navbar-links{list-style:none;display:flex;margin:0;padding:0;justify-content:center;flex-grow:1}.admin-navbar-links li{margin-left:1.5rem}.admin-navbar-links a{color:#000;text-decoration:none;padding:.5rem;transition:color .3s ease,background-color .3s ease;border-radius:4px}.admin-navbar-links a:hover,.admin-navbar-links a.active{background-color:#555;color:#fff}.app-header{text-align:center;padding:1rem 0;background-color:#fff}.app-logo{max-height:80px;width:auto}