:root{--bone:#ddd8c4;--celadon:#4d815e;--muted-teal:#84b59f;--muted-teal-2:#69a297;--air-force-blue:#365660;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%}body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.navbar{background:linear-gradient(135deg,var(--celadon) 0,var(--muted-teal-2) 100%)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navbar-brand{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.navbar-text{backdrop-filter:blur(10px);border-radius:var(--radius-sm);font-size:.9375rem;padding:.5rem 1rem}#logoutBtn,.navbar-text{background:hsla(0,0%,100%,.2);font-weight:600}#logoutBtn{align-items:center;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s ease}#logoutBtn:hover{background:hsla(0,0%,100%,.3);border-color:#fff;transform:translateY(-2px)}.card{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.audience-item{cursor:pointer;transition:background-color .15s ease-in-out}.audience-item:hover{background-color:#e9ecef}.audience-item.active:hover{background-color:#0b5ed7}.template-btn{white-space:nowrap}#statusEmoji{font-size:1.5rem}.display-1{font-size:4rem}.public-status-wrapper{align-items:center;background:linear-gradient(135deg,var(--celadon) 0,var(--muted-teal-2) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.public-status-wrapper:before{animation:backgroundMove 20s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.public-status-container{max-width:600px;position:relative;width:100%;z-index:1}.status-card{animation:fadeInUp .6s ease-out;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.3);padding:3rem 2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-emoji-container{margin-bottom:2rem}.status-emoji{animation:bounceIn .8s ease-out;display:inline-block;font-size:6rem;line-height:1}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.status-emoji-placeholder{color:var(--muted-teal);display:inline-block;opacity:.6}.status-content{margin-bottom:2rem}.status-user-name{color:var(--muted-teal);font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.status-message{word-wrap:break-word;color:var(--air-force-blue);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.status-timestamp{align-items:center;background:#f7fafc;border-radius:var(--radius-lg);color:#718096;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.status-timestamp svg{opacity:.7}.status-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.powered-by{color:#a0aec0;font-size:.875rem}.powered-by strong{color:var(--muted-teal);font-weight:600}.status-card.empty-state{padding:4rem 2rem}.empty-state-icon{color:#cbd5e0;margin-bottom:1.5rem}.empty-state-title{color:#4a5568;font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.empty-state-text{color:#718096;font-size:1rem;margin:0}.status-card.loading-state{padding:4rem 2rem}.spinner-container{align-items:center;display:flex;justify-content:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:var(--radius-round);border-top:4px solid var(--muted-teal);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.public-status-wrapper{padding:1rem}.status-card{padding:2rem 1.5rem}.status-emoji{font-size:4rem}.status-message{font-size:1.5rem}}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:var(--air-force-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#718096;font-size:1rem;margin:0}.modern-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.modern-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.modern-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modern-card-title{align-items:center;color:var(--air-force-blue);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.modern-card-title svg{color:var(--muted-teal)}.modern-card-description{color:#718096;font-size:.875rem;margin:.25rem 0 0}.modern-card-body{padding:1.5rem}.action-buttons{display:flex;gap:.5rem}.btn-icon-danger,.btn-icon-primary,.btn-icon-secondary{align-items:center;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon-primary{background:var(--muted-teal);color:#fff}.btn-icon-primary:hover{background:var(--muted-teal-2);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.btn-icon-secondary{background:#edf2f7;color:#4a5568}.btn-icon-secondary:hover{background:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.btn-icon-danger{background:#fff5f5;color:#e53e3e}.btn-icon-danger:hover{background:#fed7d7;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.modern-input{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.modern-input:focus{border-color:var(--muted-teal);box-shadow:0 0 0 3px rgba(132,181,159,.1);outline:none}.modern-input::placeholder{color:#a0aec0}.btn-primary{align-items:center;background-color:var(--celadon);border:2px solid transparent;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background-color:var(--muted-teal);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.btn-secondary{align-items:center;background:#edf2f7;border:2px solid transparent;border-radius:var(--radius-sm);color:#4a5568;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.audience-list{display:flex;flex-direction:column;gap:.5rem}.audience-list-item{align-items:center;background:#f7fafc;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.audience-list-item:hover{background:#edf2f7;transform:translateX(4px)}.audience-list-item.selected{background:linear-gradient(135deg,var(--celadon) 0,var(--muted-teal-2) 100%);border-color:transparent;color:#fff}.audience-item-content{flex:1;min-width:0}.audience-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.audience-name{font-size:.9375rem;font-weight:600}.audience-badge{background:hsla(0,0%,100%,.3);border-radius:var(--radius-md);font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}.audience-current-status{align-items:center;display:flex;font-size:.8125rem;gap:.25rem;opacity:.8}.audience-list-item.selected .audience-current-status{opacity:.9}.audience-no-status{font-size:.8125rem;font-style:italic;opacity:.6}.status-emoji-small{font-size:1rem}.status-text-small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-item-arrow{margin-left:.5rem;opacity:.5;transition:all .2s ease}.audience-list-item:hover .audience-item-arrow{opacity:1;transform:translateX(4px)}.audience-list-item.selected .audience-item-arrow{opacity:1}.empty-state-small{color:#a0aec0;padding:2rem 1rem;text-align:center}.empty-state-small svg{margin-bottom:1rem}.empty-state-small p{font-size:.875rem;line-height:1.5;margin:0}.empty-selection-card{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-selection-content{max-width:320px;text-align:center}.empty-selection-icon{color:#cbd5e0;margin-bottom:1.5rem}.empty-selection-title{color:#4a5568;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.empty-selection-text{color:#718096;font-size:.9375rem;line-height:1.6;margin:0}.loading-center{display:flex;justify-content:center;padding:2rem}.spinner-small{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:var(--radius-round);border-top:3px solid var(--muted-teal);height:24px;width:24px}.section-label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.section-label svg{color:var(--muted-teal)}.section-hint{color:#718096;font-size:.8125rem;margin:.5rem 0 0}.section-divider{background:linear-gradient(90deg,transparent,#e2e8f0,transparent);height:1px;margin:2rem 0}.url-input-group{display:flex;gap:.5rem}.url-input{flex:1;font-family:monospace;font-size:.8125rem}.btn-copy{align-items:center;background:var(--celadon);border:2px solid transparent;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-copy:hover{background:var(--muted-teal-2);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.status-input-row{display:flex;gap:.75rem}.emoji-input-wrapper{width:80px}.emoji-input{font-size:2rem;height:58px;text-align:center}.message-input-wrapper{flex:1}.template-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.template-chip{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;padding:.75rem;text-align:left;transition:all .2s ease}.template-chip:hover{background:#edf2f7;border-color:var(--muted-teal);transform:translateY(-2px)}.template-emoji{font-size:1.5rem;line-height:1}.template-text{color:#4a5568;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-history-list{display:flex;flex-direction:column;gap:.5rem}.status-history-item{align-items:center;background:#f7fafc;border:2px solid transparent;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.status-history-item:hover{background:#edf2f7}.status-history-item.active{background:linear-gradient(135deg,rgba(132,181,159,.1),rgba(105,162,151,.1));border-color:var(--muted-teal)}.status-history-content{flex:1;min-width:0}.status-history-message{align-items:center;color:#2d3748;display:flex;font-size:.9375rem;gap:.5rem}.history-emoji{font-size:1.25rem;line-height:1}.status-active-badge{background:var(--muted-teal);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;padding:.25rem .75rem;text-transform:uppercase}.status-history-actions{display:flex;gap:.5rem;margin-left:1rem}.add-audience-card{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.dashboard-title{font-size:1.75rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:640px){.status-input-row{flex-direction:column}.emoji-input-wrapper{width:100%}.url-input-group{flex-direction:column}.template-grid{grid-template-columns:1fr}}.home-page-wrapper{align-items:center;background:linear-gradient(135deg,var(--celadon) 0,var(--muted-teal-2) 100%);display:flex;justify-content:center;min-height:calc(100vh - 76px);overflow:hidden;padding:2rem;position:relative}.home-page-wrapper:before{animation:backgroundMove 20s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.home-page-container{max-width:480px;position:relative;width:100%;z-index:1}.home-header{color:#fff;margin-bottom:2rem;text-align:center}.home-logo{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}.home-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.home-description{font-size:1rem;margin:0;opacity:.95}.auth-card{animation:fadeInUp .6s ease-out;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2.5rem}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-form-title{color:var(--air-force-blue);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-form-subtitle{color:#718096;font-size:.9375rem;margin:0}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.auth-label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.auth-error{animation:shake .4s ease-in-out;background:#fff5f5;border:2px solid #fc8181;border-radius:var(--radius-sm);color:#c53030;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-toggle{color:#4a5568;font-size:.9375rem;text-align:center}.auth-toggle a{color:var(--muted-teal);font-weight:600;text-decoration:none;transition:all .2s ease}.auth-toggle a:hover{color:var(--muted-teal-2);text-decoration:underline}.home-features{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.feature-item{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:var(--radius-lg);color:#fff;padding:1.25rem 1rem;text-align:center;transition:all .3s ease}.feature-item:hover{background:hsla(0,0%,100%,.25);transform:translateY(-4px)}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-text{font-size:.875rem;font-weight:600}@media (max-width:640px){.home-page-wrapper{padding:1rem}.auth-card{padding:2rem 1.5rem}.home-logo{font-size:2.5rem}.home-title{font-size:1.5rem}.home-features{gap:.75rem;grid-template-columns:1fr}.feature-item{padding:1rem}}.queue-card{margin-top:1.5rem}.queue-entries{display:flex;flex-direction:column;gap:.75rem}.queue-entry{background:#f7fafc;border:2px solid transparent;border-radius:var(--radius-md);padding:1.25rem;transition:all .2s ease}.queue-entry:hover{background:#edf2f7;border-color:#e2e8f0}.queue-entry.resolved{background:#f7fafc;opacity:.7}.queue-entry.resolved:hover{opacity:1}.queue-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.queue-entry-name{color:var(--air-force-blue);font-size:.9375rem;font-weight:600}.queue-entry-time{align-items:center;color:#718096;display:flex;font-size:.75rem;gap:.25rem}.queue-entry-message{word-wrap:break-word;color:#4a5568;font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.queue-resolved-badge{align-items:center;background:var(--celadon);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:.75rem;padding:.375rem .75rem}.queue-entry-actions{display:flex;gap:.5rem;justify-content:flex-end}.w-100{width:100%}.mt-3{margin-top:1rem}.queue-form-spacing{margin-top:3rem}.queue-form-card{animation:fadeInUp .6s ease-out .2s both;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.3);box-sizing:border-box;max-width:100%;padding:2.5rem 2rem}.queue-form-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.queue-form-header svg{color:var(--muted-teal);flex-shrink:0;margin-top:.25rem}.queue-form-title{color:var(--air-force-blue);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.queue-form-subtitle{color:#718096;font-size:.9375rem;line-height:1.5;margin:0}.queue-form-content{display:flex;flex-direction:column;gap:1.25rem}.queue-form-content .form-group{margin-bottom:0}.queue-form-content .modern-input{box-sizing:border-box;width:100%}.queue-form-label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.queue-textarea{box-sizing:border-box;font-family:inherit;min-height:120px;resize:vertical;width:100%}.char-count{color:#a0aec0;font-size:.75rem;margin-top:.375rem;text-align:right}.queue-success-message{align-items:center;animation:slideDown .3s ease-out;background:var(--celadon);border-radius:var(--radius-md);color:#fff;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.queue-success-message svg{flex-shrink:0}.queue-checkbox-wrapper{margin-top:.75rem}.checkbox-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--muted-teal);cursor:pointer;height:18px;width:18px}.checkbox-label:hover{color:#2d3748}@media (max-width:640px){.queue-form-card{padding:2rem 1.5rem}.queue-form-header{flex-direction:column;gap:.75rem}.queue-entry-header{align-items:flex-start;flex-direction:column;gap:.375rem}.queue-entry-actions{justify-content:flex-start}}