body{background-color:#f5f5f5;color:#333;font-family:Lora,serif;height:100vh;margin:0}#root,body{align-items:center;display:flex;justify-content:center}#root{height:100%;width:100%}.App{flex-direction:column;min-height:100vh}.App,.top-bar{box-sizing:border-box;display:flex;width:100%}.top-bar{align-items:center;justify-content:space-between;padding:20px;position:relative}.cooldown-timer-wrapper{display:flex;justify-content:center;margin:0 auto;max-width:70%;text-align:center;width:100%}@media (max-width:600px){.top-bar{align-items:center;flex-direction:column;padding-bottom:0}.dark-mode-toggle{margin-bottom:15px;position:relative;right:0;top:0}}.cooldown-timer-wrapper h2{font-size:1.5rem;margin:0}.cooldown-timer-wrapper p{font-size:1rem;margin:.5rem 0}.cooldown-timer-display{color:#888;font-size:1.5rem;font-weight:700}.cooldown-timer-content{text-align:center}.content-frame{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1rem;width:100%}.share-button{background-color:initial;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-family:Lora,serif;font-size:1.2rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.share-button:hover{background-color:#00000005;border-color:#888}.waiting-message{color:#666;font-size:1.2rem;font-style:italic;text-align:center}.matched-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.matched-content p{font-size:1.5rem;line-height:1.6em;max-width:60ch;text-align:center}.matched-content img{box-shadow:0 10px 30px #0000001a;max-height:75vh;max-width:90vw;object-fit:contain}.matched-content audio{margin-top:1rem;max-width:400px;width:80%}body.dark-mode{color:#e0e0e0}body.dark-mode,body.dark-mode .App{background-color:#121212}body.dark-mode .share-button{border-color:#555;color:#e0e0e0}body.dark-mode .share-button:hover{background-color:#ffffff0d;border-color:#888}body.dark-mode .waiting-message{color:#aaa}body.dark-mode .matched-content p{color:#e0e0e0}body.dark-mode .matched-content img{box-shadow:0 10px 30px #00000080}body.dark-mode .cooldown-timer-display,body.dark-mode .toggle-label{color:#aaa}body.dark-mode .submission-form{background-color:#1e1e1e;border-color:#333}body.dark-mode .submission-form textarea{background-color:#252525;border-color:#444;color:#e0e0e0}body.dark-mode .submission-form .char-counter{color:#888}body.dark-mode .submission-form .form-group label.file-label{background-color:#252525;border-color:#444;color:#e0e0e0}body.dark-mode .submission-form .form-group label.file-label:hover{background-color:#333}body.dark-mode .submission-form .or-divider{color:#888}body.dark-mode .submission-form .submit-button-group button{background-color:#2196f3;color:#fff}body.dark-mode .submission-form .submit-button-group button:hover{background-color:#1976d2}body.dark-mode .submission-form .submit-button-group button:disabled{background-color:#555;color:#aaa}.submission-form{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;max-width:500px;padding:1rem;width:100%}.form-group{display:flex;margin-bottom:1rem;width:100%}.submit-button-group{justify-content:center}.or-file-container{align-items:center;display:flex;margin-bottom:1rem;width:100%}.form-divider{padding-right:1rem}.file-input-group{margin-bottom:0}.submission-form textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-divider{color:#888;margin:.5rem 0;text-align:center}.submit-button{background-color:initial;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-family:Lora,serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button:hover{background-color:#00000005;border-color:#888}.submission-form input[type=file]{color:#555;font-family:Lora,serif}.file-input-hidden{display:none}.file-input-label{background-color:initial;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;display:inline-block;font-family:Lora,serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.file-input-label:hover{background-color:#00000005;border-color:#888}.file-name{color:#555;font-style:italic;margin-left:1rem}.dark-mode-toggle,.file-input-group{align-items:center}.dark-mode-toggle{display:flex;flex-direction:column;position:absolute;right:20px;top:20px;z-index:1000}.toggle-label{color:#666;font-size:.8rem;margin-top:5px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.info-tooltip-container{left:20px;position:absolute;top:20px;z-index:1000}.info-icon{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .3s ease}.info-icon:hover{color:#555}.info-icon svg{height:20px;width:20px}.tooltip-content{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;font-size:.9rem;left:0;line-height:1.5;padding:1rem;position:absolute;top:35px;width:300px;z-index:1001}.tooltip-content h3{color:#222;font-size:1rem;font-weight:600;margin:0 0 .5rem}.tooltip-content p{margin:.5rem 0;text-align:left}.tooltip-content strong{color:#222;font-weight:600}.tooltip-content em{font-style:italic}.tooltip-philosophy{color:#666;font-size:.85rem;font-style:italic;padding-top:.75rem}.tooltip-footer,.tooltip-philosophy{border-top:1px solid #eee;margin-top:.75rem}.tooltip-footer{font-size:.8rem;padding-top:.5rem;text-align:center}.tooltip-footer a{color:#2196f3;font-weight:500;text-decoration:none}.tooltip-footer a:hover{text-decoration:underline}@media (max-width:600px){.info-tooltip-container{left:15px;top:15px}.tooltip-content{max-width:280px;width:calc(100vw - 40px)}}body.dark-mode .info-icon{color:#aaa}body.dark-mode .info-icon:hover{color:#e0e0e0}body.dark-mode .tooltip-content{background:#1e1e1e;border-color:#333;box-shadow:0 4px 12px #00000080;color:#e0e0e0}body.dark-mode .tooltip-content h3,body.dark-mode .tooltip-content strong{color:#e0e0e0}body.dark-mode .tooltip-philosophy{border-top-color:#333;color:#aaa}body.dark-mode .tooltip-footer{border-top-color:#333}body.dark-mode .tooltip-footer a{color:#64b5f6}
/*# sourceMappingURL=main.ff4e5c17.css.map*/