:root{--primary-color:#4a7a8c;--primary-hover:#3a697c;--success-color:#28a745;--success-hover:#218838;--light-bg:#f2f4f8;--white:#fff;--shadow:0 2px 10px #0000001a;--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f4f8;background:var(--light-bg);color:#333;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif}body{align-items:center;display:flex;justify-content:center;min-height:100vh}.container{max-width:480px;padding:20px;text-align:center;width:100%}h1{color:#4a7a8c;color:var(--primary-color);font-weight:600;margin-bottom:24px}form{align-items:center;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;margin:0 auto;padding:24px;width:100%}label{align-self:flex-start;color:#555;display:block;font-weight:500;margin:10px 0 5px}input{border:1px solid #ddd;border-radius:6px;font-size:16px;margin-bottom:16px;padding:12px;transition:all .3s ease;transition:var(--transition);width:100%}input:focus{border-color:#4a7a8c;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a7a8c33;outline:none}button{background-color:#4a7a8c;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:all .3s ease;transition:var(--transition);width:100%}button:hover{background-color:#3a697c;background-color:var(--primary-hover)}.error{color:#dc3545}.error,.success{font-size:14px;margin-top:10px}.success{color:#28a745;color:var(--success-color)}.password-strength{border-radius:4px;margin-bottom:16px;padding:8px;text-align:left;width:100%}.password-strength.weak{background-color:#dc35451a;color:#dc3545}.password-strength.fair{background-color:#ffc1071a;color:#ffc107}.password-strength.good{background-color:#28a7451a;color:#28a745}.password-strength.strong{background-color:#007bff1a;color:#007bff}.empty-state{color:#888;font-style:italic;padding:40px 20px;text-align:center}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.form-header .back-button{font-size:2em;padding:0;width:auto}.welcome-container{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;overflow:hidden;padding:0;text-align:center;width:100%}.header{align-items:center;background:#fff;background:var(--white);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header h1{font-size:1.5rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button,.settings-button{background:none;border:none;color:#4a7a8c;color:var(--primary-color);cursor:pointer;font-size:1.1em;padding:6px;width:auto}.settings-button{font-size:1.5em}.conversation-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #eee;display:flex;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.conversation-header h2{font-size:1.2rem;margin:0 0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{background:none;color:#4a7a8c;color:var(--primary-color);font-size:1.2em;padding:6px;width:auto}.conversation-frame{background:#fff;background:var(--white);flex:1 1;overflow-y:auto;padding:16px;position:relative}.conversation-frame,.message-list{display:flex;flex-direction:column}.message-list{flex:1 1;list-style:none;margin:0;padding:0}.message-item{word-wrap:break-word;animation:fadeIn .3s;border-radius:16px;display:flex;flex-direction:column;margin-bottom:12px;max-width:80%;padding:10px 14px;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.received-message{align-self:flex-start;background-color:#f1f0f0;border-bottom-left-radius:4px}.sent-message{align-self:flex-end;background-color:#d1e7dd;border-bottom-right-radius:4px}.message-header{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.8em;gap:6px;margin-bottom:5px}.message-text{font-size:.95em;line-height:1.4;margin:0}.read-label{border-radius:10px;font-size:.75em;font-weight:500;padding:2px 6px}.read-label.unread{background-color:#ff00001a;color:#dc3545}.read-label.read{background-color:#28a7451a;color:#28a745;color:var(--success-color)}.message-timestamp{font-size:.7em;margin-left:auto;opacity:.7}.delete-icon{cursor:pointer;margin-left:6px;opacity:.6;transition:all .3s ease;transition:var(--transition)}.delete-icon:hover{opacity:1}.reply-form{background:#fff;background:var(--white);border-top:1px solid #eee;bottom:0;box-sizing:border-box;flex-shrink:0;gap:0;margin:0 -6px 0 0;padding:12px 12px 12px 16px;position:-webkit-sticky;position:sticky;z-index:5}.input-wrapper,.reply-form{align-items:center;display:flex}.input-wrapper{flex:1 1;position:relative}.input-wrapper input{border:1px solid #ddd;border-radius:20px;font-size:16px;margin:0;padding:10px 45px 10px 40px;transition:all .3s ease;transition:var(--transition);width:100%}.input-wrapper input:focus{border-color:#4a7a8c;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a7a8c26;outline:none}.bomb-icon{animation:pulse 2s infinite;background:none;color:#ff4500;font-size:16px;left:12px;margin:0;padding:0}.bomb-icon,.send-button{border:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.send-button{background-color:#4a7a8ccc;border-radius:50%;color:#fff;height:32px;right:4px;transition:all .3s ease;transition:var(--transition);width:32px}.send-button:before{content:"W";font-size:16px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.send-button:focus,.send-button:hover{background-color:#4a7a8c;box-shadow:0 3px 8px #0000001f;transform:translateY(-50%) scale(1.05)}.self-destruct-popup{background-color:#fff;background-color:var(--white);border-radius:8px;bottom:100%;box-shadow:0 2px 10px #00000026;display:flex;gap:8px;left:12px;padding:8px;position:absolute;z-index:100}.time-option{background-color:#f2f4f8;background-color:var(--light-bg);border-radius:4px;color:#555;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .3s ease;transition:var(--transition)}.time-option.active,.time-option:hover{background-color:#4a7a8c;background-color:var(--primary-color);color:#fff}.timer-indicator{align-items:center;color:#ff4500;display:flex;font-size:12px;margin-left:8px}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}.thread-list{flex:1 1;list-style:none;overflow-y:auto;padding:0}.thread-item{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px;transition:all .3s ease;transition:var(--transition)}.thread-item:active,.thread-item:hover{box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.thread-partner{color:#333;font-weight:500}.new-thread-button{align-items:center;background-color:#4a7a8c;background-color:var(--primary-color);border:none;border-radius:50%;bottom:24px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;transition:var(--transition);width:60px}.new-thread-button:hover{background-color:#3a697c;background-color:var(--primary-hover);transform:scale(1.05)}.new-thread-form{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);margin:20px 0;padding:20px;width:100%}.new-thread-form h2{color:#4a7a8c;color:var(--primary-color);margin-bottom:16px}.new-thread-form form{box-shadow:none;padding:0}.new-thread-form input{margin-bottom:12px}.new-thread-form .self-destruct-container{margin-bottom:16px}.self-destruct-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.self-destruct-container label{margin-bottom:6px}.self-destruct-container select{border:1px solid #ddd;border-radius:6px;padding:10px;width:100%}.new-thread-form .input-wrapper{margin-bottom:12px;width:100%}.new-thread-form .input-wrapper input{margin-bottom:0}.settings-modal{animation:slideIn .3s;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);padding:20px;position:fixed;right:16px;top:60px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-modal h3{color:#4a7a8c;color:var(--primary-color);margin-bottom:16px}.settings-modal input{margin-bottom:16px}.settings-modal button{margin-right:8px;margin-top:8px;width:auto}.landing-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.link-button{background:none;border:none;color:#4a7a8c;color:var(--primary-color);cursor:pointer;font-size:16px;padding:0;text-decoration:underline;width:auto}.link-button:hover{color:#3a697c;color:var(--primary-hover)}@media (max-width:768px){.welcome-container{height:100vh;width:100vw}.header h1{font-size:1.2rem}.message-item{max-width:85%}.settings-modal{left:10px;right:10px;top:60px;width:calc(100% - 20px)}}@media (max-width:480px){.container{padding:16px}.reply-form{margin-right:-4px;padding:8px 10px 8px 14px}.conversation-frame{padding:10px}}body,html{overflow-x:hidden}.about-container{box-sizing:border-box;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;max-width:800px;padding:20px 20px 40px;position:relative;width:100%}.about-banner{background-image:url(https://images.unsplash.com/photo-1535406208535-1429739efd7a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80);background-position:50%;background-size:cover;border-radius:8px 8px 0 0;height:200px;margin-bottom:20px;position:relative}.banner-overlay{align-items:center;background:#00000080;border-radius:8px 8px 0 0;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.banner-overlay h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}.tagline{font-size:1.2rem;font-style:italic;text-shadow:1px 1px 2px #00000080}.about-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px 20px}.header-content{text-align:left}.header-content h1{color:#4a7a8c;font-size:1.8rem;margin-bottom:5px}.header-content p{color:#666;font-size:1rem;margin:0}.about-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:30px;padding:25px}.about-section h2{border-bottom:1px solid #eee;color:#4a7a8c;margin-bottom:15px;padding-bottom:10px;text-align:center}.about-section h3{color:#5a8ba6;margin-bottom:10px;margin-top:25px}.about-section ol,.about-section ul{padding-left:20px}.about-section li{margin-bottom:8px}.about-section p{text-align:justify}.instructions{background-color:#f9f9f9;border-radius:5px;margin:15px 0;padding:15px}.faq-item{border-left:3px solid #4a7a8c;margin-bottom:25px;padding-left:15px}.faq-item h3{color:#4a7a8c;margin-bottom:10px;text-align:left}.back-button{background-color:#4a7a8c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.back-button:hover{background-color:#3a697c}.about-footer{color:#888;font-size:.9em;margin-top:50px;text-align:center}body,html{height:100%;margin:0;overflow-y:auto;padding:0}.about-page-wrapper{background-color:#f2f4f8;display:flex;justify-content:center;left:0;min-height:100vh;overflow-y:auto;position:absolute;top:0;width:100%;z-index:100}
/*# sourceMappingURL=main.6fa8f76f.css.map*/