*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{font-size:1.125rem;min-height:100vh}button,input,textarea{font-family:inherit}html{scroll-behavior:smooth}.calendar-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.calendar-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;min-width:320px;padding:1.5rem}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-nav-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background .3s ease}.calendar-nav-btn:hover{background:#f8f9fa;color:#333}.calendar-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.weekday{color:#666;font-size:.875rem;font-weight:600;padding:.5rem 0;text-align:center}.calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:1rem}.calendar-day{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease}.calendar-day.current-month{color:#333}.calendar-day.other-month{color:#ccc;cursor:not-allowed}.calendar-day:hover.current-month{background:#f8f9fa;border-color:#e9ecef}.calendar-day.selected{background:#667eea;border-color:#667eea;color:#fff}.calendar-day.has-post{background:#e8f5e8;border-color:#28a745}.calendar-day.has-post:hover{background:#d4edda}.calendar-day.selected.has-post{background:#667eea;border-color:#667eea}.day-number{font-size:.875rem;font-weight:500;z-index:1}.post-indicator{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.calendar-day.selected .post-indicator{background:#fff;color:#667eea}.calendar-legend{background:#f8f9fa;border-radius:6px;display:flex;justify-content:center;margin-bottom:1rem;padding:.75rem}.legend-item{color:#666;font-size:.875rem;gap:.5rem}.legend-indicator,.legend-item{align-items:center;display:flex}.legend-indicator{border-radius:50%;font-size:.75rem;font-weight:700;height:16px;justify-content:center;width:16px}.legend-indicator.has-post{background:#28a745;color:#fff}.legend-indicator.info{background:#2196f3;color:#fff}.calendar-footer{display:flex;justify-content:center}.calendar-close-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1.5rem;transition:background .3s ease}.calendar-close-btn:hover{background:#5a6fd8}@media (max-width:480px){.calendar-modal{margin:1rem;padding:1rem}.calendar-title{font-size:1.125rem}.day-number{font-size:.8rem}}.post-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.post-form-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto;width:600px}.post-form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.post-form-header h2{color:#333;margin:0}.post-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.date-input-container{align-items:center;display:flex;position:relative}.date-input-container input{flex:1 1;padding-right:40px}.calendar-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;padding:4px;position:absolute;right:8px;transition:background-color .2s ease}.calendar-btn:hover{background-color:#e9ecef}.error{color:#dc3545;display:block;font-size:.8rem;margin-top:.25rem}.photo-upload-section{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:1.5rem;text-align:center;transition:border-color .2s ease}.photo-upload-section:hover{border-color:#667eea}.compression-info,.photo-input{margin-bottom:1rem}.compression-info{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.compression-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.compression-badge{background:#28a745;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.estimated-size{background:#e8f5e8;border:1px solid #d4edda;border-radius:4px;margin:.5rem 0;padding:.5rem;text-align:center}.estimated-size small{color:#155724;font-size:.85rem}.estimated-size strong{color:#155724;font-weight:600}.format-info{margin-top:.5rem;text-align:center}.format-info small{color:#666;font-size:.8rem}.file-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:1rem;padding:1rem}.file-size-info{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.original-size{color:#6c757d}.compressed-size{color:#28a745;font-weight:500}.mobile-optimization{border-top:1px solid #dee2e6;padding-top:.5rem;text-align:center}.optimization-badge{background:#17a2b8;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.25rem;padding:.25rem .5rem}.mobile-optimization small{color:#666;display:block;font-size:.75rem}.photo-preview{margin-top:1rem;text-align:center}.photo-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;max-height:200px;max-width:200px;object-fit:cover}.remove-photo-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background-color .2s ease}.remove-photo-btn:hover{background:#c82333}.form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.submit-button{background-color:#28a745;color:#fff}.submit-button:hover:not(:disabled){background-color:#218838}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:768px){.post-form-modal{margin:1rem;width:95vw}.form-actions,.form-row{flex-direction:column}.cancel-button,.submit-button{width:100%}}.troubleshooter{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem 0;padding:2rem}.troubleshooter h3{color:#333;font-size:1.25rem;margin:0 0 1.5rem}.troubleshooter-actions{margin-bottom:2rem}.test-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s ease}.test-btn:hover:not(:disabled){background:#5a6fd8}.test-btn:disabled{background:#ccc;cursor:not-allowed}.test-results{margin-bottom:2rem}.test-results h4{color:#333;font-size:1rem;margin:0 0 1rem}.results-log{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;max-height:300px;overflow-y:auto;padding:1rem}.no-results{color:#666;font-style:italic;margin:0}.result-line{color:#333;margin-bottom:.25rem}.result-line:last-child{margin-bottom:0}.troubleshooting-steps{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;padding:1.5rem}.troubleshooting-steps h4{color:#0c5460;font-size:1rem;margin:0 0 1rem}.troubleshooting-steps ol{margin:0;padding-left:1.5rem}.troubleshooting-steps li{color:#0c5460;margin-bottom:1rem}.troubleshooting-steps li:last-child{margin-bottom:0}.troubleshooting-steps strong{color:#333}.troubleshooting-steps ul{margin:.5rem 0 0;padding-left:1.5rem}.troubleshooting-steps ul li{font-size:.875rem;margin-bottom:.25rem}.troubleshooting-steps code{background:#f8f9fa;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.admin-dashboard{background-color:#f5f5f5;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.header-content h1{font-size:1.8rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.user-info{font-size:.9rem;opacity:.9}.add-button,.cleanup-button,.signout-button,.test-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.test-button{background-color:#17a2b8;color:#fff}.test-button:hover{background-color:#138496}.cleanup-button{background-color:#ffc107;color:#212529}.cleanup-button:hover{background-color:#e0a800}.signout-button{background-color:#dc3545;color:#fff}.signout-button:hover{background-color:#c82333}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.posts-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.posts-header h2{color:#333;font-size:1.5rem;margin:0}.posts-controls{align-items:center;display:flex;gap:1rem}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#999;font-size:.9rem;left:.75rem;position:absolute;transition:color .2s ease;z-index:1}.search-input:focus~.search-icon{color:#667eea}.search-input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.5rem 2.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:300px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#999}.clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:all .2s ease;width:24px}.clear-search-button:hover{background-color:#f0f0f0;color:#666}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-controls label{color:#666;font-weight:500}.sort-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.posts-section{margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.posts-section:not(:last-child):after{background:linear-gradient(90deg,#e9ecef,#dee2e6 50%,#e9ecef);border-radius:1px;bottom:-.75rem;box-shadow:0 1px 2px #0000001a;content:"";height:2px;left:0;position:absolute;right:0}.posts-section:before{background:#f0f0f0;border-radius:.5px;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.section-title{border-bottom:2px solid;font-size:1.3rem;margin-bottom:1rem;padding:.5rem 0;position:relative}.section-title:before{background:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.section-title.future{border-bottom-color:#28a745;color:#28a745}.section-title.today{border-bottom-color:#fd7e14;color:#fd7e14}.section-title.past{border-bottom-color:#6c757d;color:#6c757d}.section-title:not(.future):not(.today):not(.past){border-bottom-color:#495057;color:#495057}.posts-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.post-list-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1.5rem;transition:background-color .2s ease}.post-list-item:hover{background-color:#f8f9fa}.post-list-item:last-child{border-bottom:none}.post-photo{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.genius-photo{object-fit:cover}.genius-photo,.photo-placeholder{border-radius:6px;height:100%;width:100%}.photo-placeholder{align-items:center;background:#f8f9fa;color:#adb5bd;display:flex;font-size:1.5rem;justify-content:center}.photo-placeholder.hidden{display:none}.post-info{flex:1 1}.post-title{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.post-meta{color:#666;display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.birth-date,.country,.publish-date{align-items:center;display:flex}.post-description{color:#555;font-size:.9rem;line-height:1.4;margin:0}.post-actions{display:flex;flex-shrink:0;gap:.5rem}.delete-button,.edit-button,.preview-button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.preview-button{background-color:#17a2b8;color:#fff}.preview-button:hover{background-color:#138496}.edit-button{background-color:#ffc107;color:#212529}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.empty-state p{color:#666;font-size:1.1rem;margin:0}.clear-search-link{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.25rem .5rem;text-decoration:underline;transition:background-color .2s ease}.clear-search-link:hover{background-color:#667eea1a}.loading{color:#666;font-size:1.2rem;height:50vh}.loading,.preview-modal-overlay{align-items:center;display:flex;justify-content:center}.preview-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.preview-header h3{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-button:hover{background-color:#e9ecef}.mobile-preview{display:flex;justify-content:center;padding:2rem}.mobile-frame{background:#000;border-radius:20px;box-shadow:0 0 20px #0000004d;height:500px;padding:8px;width:300px}.mobile-screen{background:#f8f9fa;border-radius:12px;height:100%;overflow-y:auto;padding:1rem;width:100%}.mobile-post{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.mobile-photo-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:150px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.mobile-photo{height:100%;object-fit:cover;width:100%}.mobile-photo-placeholder{align-items:center;background:#f8f9fa;color:#adb5bd;display:flex;font-size:1.2rem;height:100%;justify-content:center;width:100%}.mobile-photo-placeholder.hidden{display:none}.mobile-title{color:#333;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.mobile-date{color:#666;font-size:.9rem;margin:0 0 1rem}.mobile-description{border-top:1px solid #eee;color:#555;font-size:.9rem;line-height:1.4;margin:1rem 0 0;padding-top:1rem}.mobile-details{margin-bottom:0}.mobile-detail-row{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.mobile-detail-label{color:#666;font-weight:600}.mobile-detail-value{color:#333;text-align:right}.preview-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:1rem;padding:1.5rem}.preview-actions .delete-button,.preview-actions .edit-button{flex:1 1;font-size:.9rem;padding:.75rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.posts-controls,.posts-header{align-items:stretch;flex-direction:column;gap:1rem}.search-input{width:100%}.post-list-item{align-items:stretch;flex-direction:column;gap:1rem}.post-photo{align-self:flex-start;height:60px;width:60px}.post-actions{justify-content:center}.mobile-frame{height:400px;width:250px}.preview-modal{margin:1rem;max-width:calc(100vw - 2rem)}.posts-section{margin-bottom:1rem}.posts-section:not(:last-child):after{bottom:-.5rem;height:1px}}.admin-login{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-header h2{color:#666;font-size:1.25rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.blocked-message,.error-message{font-size:.875rem;padding:.75rem}.blocked-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;text-align:center}.blocked-message p{margin:.25rem 0}.blocked-message strong{color:#d63031;font-size:1.1rem}.attempts-warning{background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;color:#f57c00;font-size:.875rem;padding:.75rem;text-align:center}.attempts-warning p{font-weight:500;margin:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-size:.875rem;font-weight:500}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.login-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background .3s ease}.login-button:hover:not(:disabled){background:#5a6fd8}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-footer{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1rem;text-align:center}.login-footer p{color:#666;font-size:.875rem;margin:0}.security-notice{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;font-size:.8rem!important;margin-top:.5rem!important;padding:.5rem}.landing-page{background:linear-gradient(45deg,#1e3c72,#2a5298 25%,#2c5aa0 50%,#1e4a8c 75%,#1e3c72);color:#fff;min-height:100vh}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.screenshots-grid .screenshot-item:first-child{transition-delay:.1s}.screenshots-grid .screenshot-item:nth-child(2){transition-delay:.2s}.screenshots-grid .screenshot-item:nth-child(3){transition-delay:.3s}.screenshots-grid .screenshot-item:nth-child(4){transition-delay:.4s}.features-grid .feature-item:first-child{transition-delay:.1s}.features-grid .feature-item:nth-child(2){transition-delay:.2s}.features-grid .feature-item:nth-child(3){transition-delay:.3s}.features-grid .feature-item:nth-child(4){transition-delay:.4s}.features-grid .feature-item:nth-child(5){transition-delay:.5s}.features-grid .feature-item:nth-child(6){transition-delay:.6s}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{color:#fff!important;font-size:1.5rem;font-weight:900;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #00000080}.admin-link{border:2px solid #fff;border-radius:25px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.admin-link:hover{background:#fff;color:#667eea}.hero{margin:0 auto;max-width:800px;padding:120px 2rem 80px;text-align:center}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;min-width:160px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.cta-button span{font-size:.875rem;opacity:.7}.cta-button strong{font-size:1.125rem;font-weight:700}.screenshots{background:#ffffff1a;padding:80px 2rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.screenshots-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.screenshot-item{text-align:center}.screenshot-frame{margin-bottom:1rem}.screenshot-image{border-radius:20px;box-shadow:0 15px 30px #0000004d;display:block;height:auto;max-width:100%;width:100%}.status-bar{align-items:center;background:#000;display:flex;font-size:.75rem;justify-content:space-between;padding:.5rem 1rem}.status-icons{display:flex;gap:.25rem}.app-header{border-bottom:1px solid #333;padding:1rem;text-align:center}.app-header h3{font-size:1.125rem;margin:0}.search-bar{align-items:center;background:#2a2a2a;border-radius:8px;display:flex;margin:.5rem;padding:.75rem 1rem}.search-bar input{background:none;border:none;color:#fff;flex:1 1;font-size:.875rem;margin-left:.5rem}.search-bar input::placeholder{color:#999}.genius-list{flex:1 1;overflow-y:auto;padding:.5rem}.genius-item{border-bottom:1px solid #333;gap:.75rem;padding:.75rem}.genius-avatar,.genius-item{align-items:center;display:flex}.genius-avatar{background:#3a3a3a;border-radius:50%;font-size:1.25rem;height:40px;justify-content:center;width:40px}.genius-details{flex:1 1}.genius-details h4{font-size:.875rem;margin:0 0 .25rem}.genius-details p{font-size:.75rem;margin:0;opacity:.7}.heart-icon{font-size:1.25rem}.genius-card{padding:1rem;text-align:center}.genius-image{margin-bottom:1rem}.portrait-placeholder{align-items:center;background:#3a3a3a;border-radius:50%;display:flex;font-size:3rem;height:120px;justify-content:center;margin:0 auto;width:120px}.genius-info h4{font-size:1.25rem;margin:0 0 .5rem}.genius-info p{font-size:.875rem;margin:.25rem 0;opacity:.8}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-buttons button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background .3s ease}.action-buttons button:hover{background:#ffffff1a}.settings-content{flex:1 1;overflow-y:auto;padding:1rem}.settings-section{margin-bottom:2rem}.settings-section h4{font-size:1rem;margin:0 0 .5rem}.settings-section>p{font-size:.875rem;margin:0 0 1rem;opacity:.7}.theme-options{display:flex;flex-direction:column;gap:.5rem}.theme-option{background:#2a2a2a;border-radius:8px;cursor:pointer;padding:.75rem;transition:background .3s ease}.theme-option.selected{background:#007aff}.setting-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:.75rem 0}.setting-item p{font-size:.875rem;margin:0}.setting-item small{font-size:.75rem;opacity:.7}.toggle{align-items:center;background:#666;border-radius:50%;color:#0000;display:flex;font-size:.75rem;height:20px;justify-content:center;width:20px}.toggle.active{background:#007aff;color:#fff}.time-picker{background:#2a2a2a;border-radius:8px;font-size:.875rem;padding:.5rem 1rem}.nav-bar{background:#000;bottom:0;display:flex;left:0;padding:.5rem 0;position:absolute;right:0}.nav-item{flex:1 1;font-size:.75rem;opacity:.7;padding:.5rem;text-align:center;transition:opacity .3s ease}.nav-item.active{color:#007aff;opacity:1}.screenshot-caption{font-size:1rem;font-weight:500;margin:0}.features{padding:80px 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.5rem;margin-bottom:1rem}.feature-item p{line-height:1.6;opacity:.9}.footer{background:#0000004d;padding:2rem;text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:1}@media (max-width:768px){.hero-title{font-size:2.5rem}.features-grid,.screenshots-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.cta-buttons{align-items:center;flex-direction:column}}.privacy-policy{background:linear-gradient(45deg,#1e3c72,#2a5298 25%,#2c5aa0 50%,#1e4a8c 75%,#1e3c72);color:#fff;min-height:100vh;padding:2rem 0}.policy-container{margin:0 auto;max-width:800px;padding:0 2rem}.policy-header{margin-bottom:3rem;position:relative;text-align:center}.policy-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.policy-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0003;padding:3rem}.policy-content section{margin-bottom:2.5rem}.policy-content section:last-child{margin-bottom:0}.policy-content h2{border-bottom:2px solid #ffffff4d;color:#fff;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem}.policy-content h3{color:#fff;font-size:1.25rem;margin:1.5rem 0 .75rem}.policy-content p{color:#ffffffe6;line-height:1.6;margin:0 0 1rem}.policy-content ul{margin:1rem 0;padding-left:1.5rem}.policy-content li{color:#ffffffe6;line-height:1.5;margin-bottom:.5rem}.policy-content strong{color:#fff;font-weight:600}@media (max-width:768px){.policy-container{padding:0 1rem}.policy-content{padding:2rem}.policy-header h1{font-size:2rem}.back-link{display:inline-block;margin-bottom:1rem;position:static}}.terms-of-service{background:linear-gradient(45deg,#1e3c72,#2a5298 25%,#2c5aa0 50%,#1e4a8c 75%,#1e3c72);color:#fff;min-height:100vh;padding:2rem 0}.terms-container{margin:0 auto;max-width:800px;padding:0 2rem}.terms-header{margin-bottom:3rem;position:relative;text-align:center}.back-link{border:2px solid #fff;border-radius:25px;color:#fff;font-size:.875rem;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:0;transition:all .3s ease}.back-link:hover{background:#fff;color:#1e3c72}.terms-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.last-updated{color:#fffc;font-size:.875rem;margin:0}.terms-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0003;padding:3rem}.terms-content section{margin-bottom:2.5rem}.terms-content section:last-child{margin-bottom:0}.terms-content h2{border-bottom:2px solid #ffffff4d;color:#fff;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem}.terms-content h3{color:#fff;font-size:1.25rem;margin:1.5rem 0 .75rem}.terms-content p{color:#ffffffe6;line-height:1.6;margin:0 0 1rem}.terms-content ul{margin:1rem 0;padding-left:1.5rem}.terms-content li{color:#ffffffe6;line-height:1.5;margin-bottom:.5rem}.terms-content strong{color:#fff;font-weight:600}.contact-info{background:#ffffff1a;border-radius:12px;margin-top:1rem;padding:1.5rem}.contact-info p{margin:.5rem 0}@media (max-width:768px){.terms-container{padding:0 1rem}.terms-content{padding:2rem}.terms-header h1{font-size:2rem}.back-link{display:inline-block;margin-bottom:1rem;position:static}}
/*# sourceMappingURL=main.3b145c44.css.map*/