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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:100%;scroll-behavior:smooth}body,html{margin:0;padding:0}@keyframes blink{50%{opacity:0}}.blinking{animation:blink 1s step-start 0s infinite;color:red!important}.time-30s-blinking{animation:blink 1.5s step-start 0s infinite}body{background-color:#f7f7f7;color:#333;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.timer-body{align-items:center;display:flex;height:100vh;justify-content:center}.settings-body{display:block;height:auto;min-height:100vh}#timer{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow:hidden;padding:0;text-align:center}.timer-nav{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:space-between;margin-bottom:20px;padding:1rem 1.5rem}.nav-left,.nav-right,.timer-nav{align-items:center;display:flex}.nav-right{gap:.5rem}.app-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.nav-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.dark-mode-btn{justify-content:center;min-width:3rem}#timer>*,#timer>.timer-nav{padding-left:1.5rem;padding-right:1.5rem}#timer>.debate-timers-container,#timer>.timer-box,#timer>h2,#timer>select{margin-left:0;margin-right:0}select{border:1px solid #ddd;border-radius:5px;font-size:20px;margin-bottom:20px;padding:10px;width:100%}h2{color:#555;font-size:24px;margin-bottom:10px}h1{color:#222;font-size:100px;margin:20px 0}h3{color:#444}button,h3{font-size:20px}button{background-color:#5cb85c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 10px 20px;padding:10px 20px;transition:background-color .3s}button:disabled{background-color:#ccc;cursor:not-allowed}button:not(:disabled):hover{background-color:#4cae4c}.controls{justify-content:center}.controls,.timer-container{display:flex;margin-top:20px}.timer-container{align-items:center;justify-content:space-around}.timer-box h1{font-size:80px;margin:0}.debate-timers-container{align-items:center;display:flex;justify-content:space-between}.timer-box{flex:1 1;margin:0 10px;text-align:center}@media screen and (max-width:768px){.debate-timers-container,.timer-container{flex-direction:column}.timer-box{margin-bottom:20px}.timer-box h1{font-size:60px}}.dark-mode{background-color:#333!important;color:#f7f7f7!important}.dark-mode #timer{background-color:#333;box-shadow:0 0 10px #ffffff1a;color:#f7f7f7}.dark-mode .timer-nav{background:linear-gradient(135deg,#2c3e50,#34495e)}.dark-mode .app-title{color:#f7f7f7}.dark-mode .nav-btn{background:#ffffff1a;border-color:#fff3;color:#f7f7f7}.dark-mode .nav-btn:hover{background:#fff3}.dark-mode h2{color:#f7f7f7}.dark-mode select{background-color:#3c3c3c;border:1px solid #555;color:#f7f7f7}.dark-mode button{background-color:#4c4c4c;border:2px solid #0000;color:#f7f7f7}.dark-mode button.active{background-color:#666;border-color:#f7f7f7;color:#fff}.dark-mode button:disabled{background-color:#3c3c3c;color:#555}.dark-mode button:not(:disabled):hover{background-color:#5c5c5c;border-color:#f7f7f7}.dark-mode .timer-box h1,.dark-mode .timer-box h3{color:#f7f7f7}.modern-settings-container{background:linear-gradient(135deg,#667eea,#764ba2) fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.settings-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;color:#fff;padding:2rem 0;text-align:center}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem}.settings-nav{justify-content:space-between;margin-bottom:2rem}.nav-center,.settings-nav{align-items:center;display:flex}.nav-title{color:#ffffffe6;font-size:1.2rem;font-weight:500;margin:0}.breadcrumb{align-items:center;display:flex;gap:.5rem}.breadcrumb-item{color:#ffffffb3;font-size:.9rem;transition:color .3s ease}.breadcrumb-item.current{color:#fff;font-weight:500}.breadcrumb-separator{color:#ffffff80;font-size:1rem}.nav-back-btn,.nav-help-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.nav-back-btn:hover,.nav-help-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.header-main{text-align:center}.settings-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.settings-subtitle{font-size:1.1rem;font-weight:300;margin:0;opacity:.9}.settings-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem 2rem 4rem}.settings-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.settings-card:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.card-title{color:#495057;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.card-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0}.card-content{padding:2rem}.config-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.config-label{color:#495057;font-weight:500;min-width:120px}.config-actions{align-items:center;display:flex;flex:1 1;gap:1rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-label{align-items:center;color:#495057;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between}.time-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;margin-left:.5rem;min-width:3.5rem;padding:.25rem .5rem;text-align:center}.input-group{align-items:center;display:flex;gap:.5rem;position:relative}.input-suffix{color:#6c757d;font-size:.9rem;pointer-events:none;position:absolute;right:12px}.modern-input,.modern-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modern-input:focus,.modern-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modern-input[type=number]{padding-right:2.5rem}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a74566;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 16px #28a74580;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc354566;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #dc354580;transform:translateY(-2px)}.btn-small{font-size:.875rem;min-width:auto;padding:.5rem .75rem}.add-item-form{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;box-sizing:border-box;overflow:hidden;padding:1.5rem;transition:all .3s ease;width:100%}.add-item-form:hover{background:#f8f9ff;border-color:#667eea}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;min-height:80px}.form-row .form-field:first-child{flex:2 1 200px;min-width:150px}.form-row .form-field:nth-child(2){flex:1 1 100px;min-width:90px}.form-row .form-field:nth-child(3){flex:1 1 120px;min-width:120px}.form-row .form-field:nth-child(4){flex:0 0 auto;min-width:120px}.form-field{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-field .setting-label{color:#6c757d;font-size:.875rem;margin-bottom:0;white-space:nowrap}.form-field .modern-input,.form-field .modern-select{box-sizing:border-box;min-width:0;width:100%}.form-field input[type=number]{min-width:80px}.form-field select{min-width:120px}.form-field .btn{min-width:100px;white-space:nowrap}@media (max-width:1024px){.form-row{gap:.75rem}.form-row .form-field:first-child{flex:1 1 150px;min-width:120px}.form-field .setting-label{font-size:.8rem}}@media (max-width:768px){.form-row{flex-direction:column;gap:1rem;min-height:auto}.form-row .form-field:first-child,.form-row .form-field:nth-child(2),.form-row .form-field:nth-child(3),.form-row .form-field:nth-child(4){flex:1 1 auto;min-width:0;width:100%}.form-field .btn{justify-content:center;width:100%}.form-field .setting-label{white-space:normal}}@media (max-width:480px){.form-row{gap:.75rem}.add-item-form{padding:1rem}}.order-list{background:#f8f9fa;border-radius:12px;max-height:400px;overflow-y:auto;padding:1rem}.order-item{grid-gap:1rem;align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:grab;display:grid;gap:1rem;grid-template-columns:auto auto 1fr auto auto auto;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.order-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.order-item.dragging{cursor:grabbing;opacity:.6;transform:rotate(2deg);z-index:1000}.order-item.drag-over{background:#f8fff9;border-color:#28a745;transform:scale(1.02)}.order-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.drag-handle{border-radius:4px;color:#6c757d;cursor:grab;font-size:1.2rem;padding:.25rem;transition:all .2s ease}.drag-handle:hover{background:#e9ecef;color:#495057}.order-item.dragging .drag-handle{cursor:grabbing}.stage-name{color:#495057;flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-info{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.time-info{background:#e9ecef;border-radius:4px;color:#495057;font-family:monospace;font-size:.875rem;padding:.25rem .5rem}.mode-info{font-size:1.2rem}.order-controls{display:flex;flex-shrink:0;gap:.25rem}.order-controls .btn{align-items:center;display:flex;font-size:.875rem;height:2rem;justify-content:center;min-width:auto;padding:0;width:2rem}.order-help{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem;padding:.75rem;text-align:center}.order-help p{color:#856404;font-size:.875rem;margin:0}@media (max-width:768px){.order-item{gap:.5rem;grid-template-columns:auto 1fr auto}.drag-handle,.stage-info{display:none}.order-controls,.stage-name{grid-column:span 1}}.settings-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.scroll-indicator{margin-top:2rem;opacity:.7;text-align:center}.scroll-indicator p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;color:#fffc;font-size:.9rem;margin:0;padding:1rem}.modern-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modern-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-title{color:#495057;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#0000001a;color:#495057}.modal-body{padding:2rem}.modal-label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.modal-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modal-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.dark-mode .modern-settings-container{background:linear-gradient(135deg,#2c3e50,#34495e)}.dark-mode .settings-card{background:#3a3a3a;color:#f8f9fa}.dark-mode .card-header{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);border-bottom-color:#555}.dark-mode .card-description,.dark-mode .card-title,.dark-mode .config-label,.dark-mode .setting-label{color:#f8f9fa}.dark-mode .time-preview{background:linear-gradient(135deg,#5a6fd8,#6b5b95)}.dark-mode .modern-input,.dark-mode .modern-select{background:#4a4a4a;border-color:#555;color:#f8f9fa}.dark-mode .modern-input:focus,.dark-mode .modern-select:focus{border-color:#667eea}.dark-mode .modern-modal{background:#3a3a3a;color:#f8f9fa}.dark-mode .modal-footer,.dark-mode .modal-header{background:#4a4a4a;border-color:#555}.dark-mode .modal-label,.dark-mode .modal-title{color:#f8f9fa}.dark-mode .modal-input{background:#4a4a4a;border-color:#555;color:#f8f9fa}@media (max-width:768px){.settings-title{font-size:2rem}.settings-content{padding:1rem 1rem 3rem}.timer-nav{padding:.75rem 1rem}.app-title{font-size:1.2rem}.nav-btn{font-size:.8rem;padding:.4rem .8rem}.settings-nav{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.nav-center{order:-1}.nav-title{font-size:1rem}.breadcrumb-item{font-size:.8rem}.breadcrumb{gap:.25rem}.nav-back-btn,.nav-help-btn{font-size:.85rem;padding:.4rem .8rem}.header-content{padding:0 1rem}.card-content,.card-header{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.config-row{align-items:stretch}.config-actions,.config-row,.settings-actions{flex-direction:column}.btn{justify-content:center;width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem 1.5rem}}@media (max-width:480px){.settings-title{font-size:1.75rem}.card-content,.card-header,.header-content,.settings-content{padding:1rem}}
/*# sourceMappingURL=main.442c8f99.css.map*/