:root{--border-color: #e5e7eb;--text-color: #111827;--background-color: #ffffff;--secondary-background: #f9fafb;--blue-card-200: var(--blue-200);--blue-card-300: var(--blue-300);--blue-card-400: var(--blue-400);--blue-card-bg-start: #FFFFFF;--blue-card-bg-middle: #FFFFFF;--blue-card-bg-end: var(--blue-100);--blue-card-200-rgb: 14, 165, 233;--pink-card-200: var(--pink-200);--pink-card-300: var(--pink-300);--pink-card-400: var(--pink-400);--pink-card-bg-start: #FFFFFF;--pink-card-bg-middle: #FFFFFF;--pink-card-bg-end: var(--pink-100);--pink-card-200-rgb: 236, 72, 153;--lavender-card-200: var(--lavender-200);--lavender-card-300: var(--lavender-300);--lavender-card-400: var(--lavender-400);--lavender-card-bg-start: #FFFFFF;--lavender-card-bg-middle: #FFFFFF;--lavender-card-bg-end: var(--lavender-100);--lavender-card-200-rgb: 168, 85, 247}.content-wrapper{display:flex;width:100%;background-color:var(--background-color);position:relative;color:var(--text-color)}.schedule-container{flex:1;max-width:50%;padding:2rem;transition:all .3s ease-in-out}.actions-container{flex:1;max-width:50%;padding:2rem;border-left:1px solid var(--border-color);background-color:var(--secondary-background);position:relative}.title{color:var(--text-color);font-size:2rem;margin-bottom:2rem}.add-stream-container{margin-bottom:2rem;position:relative;z-index:6}.add-stream-btn{width:100%;padding:2rem;border:2px dashed var(--border-color);background:var(--background-color);color:#6b7280;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;position:relative;z-index:6}.add-stream-btn:hover{border-color:var(--pink-400);color:var(--pink-400)}.add-stream-btn i{font-size:1.5rem}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-btn{width:100%;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.action-btn:hover{background:var(--border-color)}.schedule-form{position:fixed;top:3rem;right:0;width:calc((100% - 16.5rem)/2);height:100vh;padding:2rem 2rem 6rem;background-color:var(--background-color);border-left:1px solid var(--border-color);overflow-y:auto;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;z-index:50;visibility:hidden;will-change:transform;backface-visibility:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.schedule-form.active{transform:translateY(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear}@media (max-width: 1200px){.content-wrapper{flex-direction:column;min-height:auto;position:relative}.schedule-container,.actions-container{flex:1;max-width:100%;border-left:none}.actions-container{border-top:1px solid var(--border-color)}.schedule-form{position:fixed;top:3.5rem;left:16.5rem;width:calc(100% - 16.5rem);height:calc(100vh - 3.5rem);transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}}@media (max-width: 480px){.schedule-form{position:fixed;top:3.5rem;left:0;width:100%;height:calc(100vh - 3.5rem - 4em - env(safe-area-inset-bottom,0));padding-bottom:calc(8rem + env(safe-area-inset-bottom,0));overscroll-behavior:none}.button-group{margin-top:3rem;margin-bottom:2rem}.button-group .submit-btn,.button-group .cancel-btn{padding:1rem 1.5rem;font-size:1rem;min-height:48px}}.add-stream-btn.loading{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.loading-dots{font-size:1.5rem;line-height:1;min-width:1.5rem;text-align:center}.loading-dots:after{content:"";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.new-schedule-btn{background-color:var(--primary-color, #4a90e2);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.form-row .form-group{flex:1 1 8rem;margin-bottom:0}.stream-details .form-row .form-group,#date-time-selector .form-group{flex:1 1 8rem}@media (max-width: 360px){.form-row .form-group{flex-basis:100%}}label{display:block;margin-bottom:.5rem;font-weight:500}input[type=text],input[type=url],input[type=date],input[type=time],select,textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;color:var(--text-color);background-color:var(--background-color)}input[type=date],input[type=time]{font-family:inherit;appearance:none;-webkit-appearance:none;padding-right:.5rem}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:.2rem}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}select{cursor:pointer;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2em;appearance:none;-webkit-appearance:none}.checkbox-group{display:flex;gap:2rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--gray-100)}.checkbox-label input[type=checkbox]{position:absolute;visibility:hidden}.checkbox-wrapper{position:relative;width:18px;height:18px;border-radius:4px;border:1px solid #cccfdb;transition:all .2s ease;box-shadow:0 1px 1px #00104b0d;min-height:1.25rem;min-width:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-wrapper svg{position:absolute;fill:none;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-label svg polyline{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.checkbox-label input[type=checkbox]:checked+.checkbox-wrapper{background:var(--pink-400);border-color:var(--pink-400);animation:wave .4s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-wrapper svg{stroke-dashoffset:0}@keyframes wave{50%{transform:scale(.9)}}.button-group{display:flex;gap:1rem;margin-top:2rem}.submit-btn{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.5rem;min-width:120px;background-color:var(--pink-400);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.submit-btn:hover{background-color:var(--pink-500)}.submit-btn.loading{background-color:var(--gray-400);cursor:not-allowed}.submit-btn i{font-size:1rem}.submit-btn .fa-spinner{animation:spin 1s linear infinite}.cancel-btn{background-color:#e0e0e0;color:#666;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;flex:1}.quick-date-selector{background:#f3f4f6;border-radius:8px;padding:1rem;margin-bottom:1rem}.quick-date-selector label:not(.checkbox-label){display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.quick-date-selector .checkbox-label{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;width:100%;margin-bottom:0;border-radius:0}.quick-date-selector .form-row{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.quick-date-selector .form-group{flex:1}.quick-date-selector label{color:var(--text-color);font-size:.875rem}.quick-date-selector input[type=date],.quick-date-selector input[type=time],.quick-date-selector select{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;font-size:.875rem}.quick-date-selector .helper-text{color:#6b7280;font-size:.75rem;text-align:center;font-style:italic}.date-grid{display:grid;gap:.3rem;margin-bottom:.75rem;margin-top:1rem}.date-grid .date-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;cursor:pointer;display:flex;padding:.5rem 0;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;transition:all .2s ease}.date-grid .date-btn:hover{border-color:var(--pink-400);background:#f9fafb}.date-grid .date-btn.selected{background:var(--pink-400);border-color:var(--pink-400);color:#fff}.date-grid .date-btn .day{font-size:.75rem;font-weight:500;opacity:.7;text-transform:uppercase;margin-bottom:.25rem}.date-grid .date-btn .date{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1}@media (max-width: 480px){.date-grid{grid-template-columns:repeat(5,1fr)!important}}#date-time-selector{margin-bottom:1rem}.stream-details-toggle{margin:1rem 0;width:100%}@media (max-width: 480px){.stream-details-toggle{position:static;margin-top:1rem;margin-bottom:1rem}.stream-details-toggle .toggle-btn{white-space:normal;text-align:left;justify-content:flex-start}}.stream-details-toggle:hover{background:#f3f4f6}.stream-details{margin-top:1rem}.stream-details.hidden{display:none}.searchable-dropdown{margin-top:.5rem;position:relative;max-width:300px}.dropdown-input{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.5rem 2.5rem .5rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;color:var(--text-color);background-color:var(--background-color)}.search-input:focus{outline:none;border-color:var(--pink-400);box-shadow:0 0 0 3px rgba(var(--pink-400-rgb),.2)}.toggle-btn.open svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;max-width:300px}.dropdown-content{padding:.5rem}.dropdown-group{margin-bottom:.5rem}.dropdown-group-label{padding:.5rem;color:var(--pink-400);font-weight:600;font-size:.9rem}.dropdown-item{display:flex;justify-content:space-between;padding:.5rem;color:var(--text-color);cursor:pointer;border-radius:4px;transition:all .2s}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.selected{background:var(--pink-100)}.timezone-wrapper{margin-bottom:.5rem}.current-timezone{color:var(--text-color);margin-bottom:.5rem}.timezone-text{color:var(--pink-400);font-weight:500}.change-timezone-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer}.timezone-toggle{margin:0}.timezone-hint{font-size:.85rem;color:var(--text-color);opacity:.7;margin-left:.5rem;margin-bottom:.5rem;line-height:1.4;position:relative}#date-time-selector .form-group{flex:1;max-width:180px}#date-time-selector{display:flex;gap:1rem;justify-content:flex-start}input[type=date],input[type=time]{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;color:var(--text-color);background-color:var(--background-color)}.stream-details-toggle .toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-color);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem;border-radius:4px;width:100%;position:relative}.searchable-dropdown .toggle-btn{position:absolute;right:0;top:0;width:auto;height:100%;padding:0 .5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}@media (max-width: 480px){.stream-details-toggle{position:static;margin-top:1rem;margin-bottom:1rem}.stream-details-toggle .toggle-btn{white-space:normal;text-align:left;justify-content:flex-start}.searchable-dropdown .toggle-btn{position:absolute;width:auto}}.schedule-list{display:flex;flex-direction:column;gap:1rem;min-height:50vh}.event-card{position:relative;box-shadow:0 4px 8px #0000001a;margin:1em 0;padding:1rem 1.25rem;border-radius:10px}.event-card:after{content:"";position:absolute;inset:0 10px 0 -10px;margin:0;transform:rotate(-2deg);transition:transform .1s ease-in-out;z-index:-1;border-radius:10px}.event-card .time-tag{color:#fff;padding:.5rem 1rem;font-weight:700;margin-left:-1.25rem;margin-right:1em;margin-bottom:.5em;text-align:right;width:fit-content;border-radius:0 2em 2em 0;display:flex;align-items:center;line-height:1;font-size:1.1em}.time-tag .clock-icon{margin:auto .25em auto 0;width:1.2em;height:1.2em;fill:currentColor}.event-title{font-size:clamp(1.25em,4vw,1.5em);font-weight:700;margin-bottom:.5em;line-height:1.15;text-wrap:pretty;color:var(--gray-700)}.event-description{font-size:clamp(.8em,3vw,1em);margin-bottom:10px;color:var(--gray-700)}.channel{display:flex;align-items:center;padding:5px 0;font-weight:700;margin-top:.5em;color:var(--gray-700);text-decoration:none;gap:.25rem}.actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem}.action-btn{background:none;border:1px solid #e5e7eb;color:var(--gray-600);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--gray-50);color:var(--pink-400);border-color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.event-status{font-style:italic;color:var(--red-500);margin-top:.5em;font-weight:500}.event-card.canceled .event-title{text-decoration:line-through;text-decoration-color:var(--red-500)}.event-group{margin-bottom:1rem}.event-date-wrapper{display:flex;line-height:1.15;position:relative;padding-left:1rem;min-height:2em;padding:.5rem 0 .5rem 1rem}.event-date{color:var(--gray-700);font-size:clamp(1.25em,3vw,1.5em);font-weight:700;margin:0;position:relative}.event-date-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px;margin-top:10px;margin-bottom:10px}.event-group{--card-200: var(--blue-card-200);--card-300: var(--blue-card-300);--card-400: var(--blue-card-400);--card-bg-start: var(--blue-card-bg-start);--card-bg-middle: var(--blue-card-bg-middle);--card-bg-end: var(--blue-card-bg-end)}.event-group:nth-child(3n+2){--card-200: var(--pink-card-200);--card-300: var(--pink-card-300);--card-400: var(--pink-card-400);--card-bg-start: var(--pink-card-bg-start);--card-bg-middle: var(--pink-card-bg-middle);--card-bg-end: var(--pink-card-bg-end)}.event-group:nth-child(3n){--card-200: var(--lavender-card-200);--card-300: var(--lavender-card-300);--card-400: var(--lavender-card-400);--card-bg-start: var(--lavender-card-bg-start);--card-bg-middle: var(--lavender-card-bg-middle);--card-bg-end: var(--lavender-card-bg-end)}.event-group .event-date-wrapper:before{background:var(--card-200)}.event-group .event-card{border:1px solid var(--card-400);background:linear-gradient(0deg,var(--card-bg-start),var(--card-bg-middle),var(--card-bg-end))}.event-group .time-tag{background:linear-gradient(110deg,var(--card-300),var(--card-400))}.event-card .actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.event-card .action-btn{background:var(--gray-100);border:1px solid #e5e7eb;color:var(--gray-600);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.event-card .action-btn:hover{background:var(--gray-100);color:var(--pink-400);border-color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.event-tag.public{background-color:var(--green-100);color:var(--green-700)}.event-tag.draft{background-color:var(--yellow-100);color:var(--yellow-700)}.event-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.event-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;line-height:1.25}.event-tag.time-hidden{background-color:var(--gray-100);color:var(--gray-700)}.event-tag.canceled{background-color:var(--red-100);color:var(--red-700)}.event-tag.completed{background-color:var(--green-100);color:var(--green-700)}.event-tag.upcoming{background-color:var(--blue-100);color:var(--blue-700)}.action-menu-wrapper{position:relative}.action-menu{position:absolute;top:100%;right:0;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;z-index:10;display:none;margin-top:.5rem}.action-menu.active{display:block}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-color);cursor:pointer;font-size:.9rem;text-align:left;transition:all .2s ease}.menu-item:hover{background:var(--gray-100)}.menu-item.delete-btn:hover{color:var(--red-400)}.menu-item.cancel-btn:hover{color:var(--orange-400)}.menu-item i{font-size:1rem}.action-menu:before{content:"";position:absolute;top:-5px;right:10px;width:10px;height:10px;background:inherit;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg);z-index:-1}.menu-item:first-child:hover{border-radius:8px 8px 0 0}.menu-item:first-child:hover~.action-menu:before{background:var(--gray-100)}.menu-item.uncancel-btn:hover{color:var(--blue-400)}.menu-item.mark-done-btn:hover{color:var(--green-400)}.menu-item.mark-undone-btn:hover{color:var(--gray-400)}.schedule-loading-placeholder{display:flex;min-height:300px;align-items:center;justify-content:center;padding-top:2rem}.schedule-loading-placeholder.active{display:flex}.loading-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{color:var(--gray-400);font-size:2rem;height:2rem;line-height:2rem;display:flex;align-items:center;justify-content:center}.loading-text{color:var(--gray-500);font-size:1rem;line-height:1}.loading-spinner i{animation:spin 1s linear infinite;display:block}.actions-container .action-buttons{display:flex;flex-direction:column;gap:.75rem}.actions-container .action-buttons .action-btn{width:100%;padding:.75rem 1rem;background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;font-size:.9rem;height:auto;justify-content:flex-start}.actions-container .action-buttons .action-btn:hover{background:var(--gray-200);border-color:var(--pink-400);color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.actions-container .action-buttons .action-btn i{font-size:1rem;width:1.25rem;text-align:center}.event-card .actions .action-btn{background:var(--gray-100);border:1px solid #e5e7eb;color:var(--gray-600);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.event-card .actions .action-btn:hover{background:var(--gray-200);color:var(--pink-400);border-color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.actions-container .action-buttons .action-btn.restore-mode{background-color:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}.actions-container .action-buttons .action-btn.restore-mode:hover{background-color:var(--blue-100);border-color:var(--blue-500);color:var(--blue-700)}.actions-container .action-buttons .action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.actions-container .action-buttons .action-btn:disabled:hover{background:var(--background-color);border-color:var(--border-color);color:var(--text-color);transform:none;box-shadow:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}#updateDiscordBtn{background-color:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}#updateDiscordBtn:hover:not(:disabled){background-color:var(--blue-100);border-color:var(--blue-500);color:var(--blue-700)}#postToDiscordBtn.success{background-color:var(--green-50);border-color:var(--green-400);color:var(--green-600)}.empty-schedule{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding-top:2rem;text-align:center}.empty-schedule .sad-face{font-size:2rem;color:var(--gray-400);height:2rem;line-height:2rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.empty-schedule .message{color:var(--gray-500);font-size:1.1rem;line-height:1;font-weight:500}.action-btn{display:flex;align-items:center;cursor:pointer;transition:all .2s ease;border-radius:6px;background:var(--background-color);border:1px solid var(--border-color)}.actions-container .action-btn{width:100%;padding:.75rem 1rem;color:var(--text-color);gap:.75rem;font-size:.9rem;justify-content:flex-start}.actions-container .action-btn:hover{background:var(--gray-500);border-color:var(--pink-400);color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.event-card .action-btn{width:2.5rem;height:2.5rem;padding:.5rem;font-size:1.1rem;background:var(--gray-100);color:var(--gray-600);justify-content:center}.event-card .action-btn:hover{background:var(--gray-200);color:var(--pink-400);border-color:var(--pink-400);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.event-card .edit-btn:hover{color:var(--blue-400);border-color:var(--blue-400)}.event-card .delete-btn:hover{color:var(--red-400);border-color:var(--red-400)}.event-card .cancel-btn:hover{color:var(--orange-400);border-color:var(--orange-400)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;visibility:hidden;opacity:0;transition:all .3s ease}.modal.active{visibility:visible;opacity:1}.modal-content{background:var(--background-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--gray-500);padding:.5rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}#settingsForm{padding:2rem}#settingsForm .form-group{margin-bottom:1.5rem}#settingsForm .form-group:last-of-type{margin-bottom:2rem}.form-help{margin:.25rem 0 .5rem;font-size:.875rem;color:var(--gray-600);line-height:1.4}.char-count{text-align:right;margin-top:.5rem;font-size:.75rem;color:var(--gray-500)}.char-count.warning{color:var(--orange-500)}.char-count.error{color:var(--red-500)}#settingsForm textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--text-color);background-color:var(--background-color);font-family:inherit;line-height:1.5;resize:vertical;min-height:100px;transition:border-color .2s ease}#settingsForm textarea:focus{outline:none;border-color:var(--pink-400);box-shadow:0 0 0 3px rgba(var(--pink-400-rgb),.2)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions .cancel-btn{background-color:var(--gray-200);color:var(--gray-700);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-actions .cancel-btn:hover{background-color:var(--gray-300)}.modal-actions .submit-btn{background-color:var(--pink-400);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-actions .submit-btn:hover:not(:disabled){background-color:var(--pink-500)}.modal-actions .submit-btn:disabled{background-color:var(--gray-400);cursor:not-allowed;opacity:.7}.modal-actions .submit-btn.loading{background-color:var(--gray-400);cursor:not-allowed}@media (max-width: 480px){.modal-content{width:95%;margin:1rem;max-height:calc(100vh - 2rem);padding-bottom:2rem}.modal-header{padding:1.5rem 1.5rem 1rem}#settingsForm{padding:1.5rem 1.5rem 3rem}.modal-actions{flex-direction:column-reverse;margin-top:3rem;margin-bottom:2rem;padding:0 1.5rem 1.5rem;gap:1rem}.modal-actions .cancel-btn,.modal-actions .submit-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px}}#sendUpdateModal .modal-body{padding:2rem;text-align:center}#sendUpdateModal .modal-body p{margin-bottom:2rem;font-size:1.1rem;color:var(--text-color)}#sendUpdateModal .modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:0;padding-top:0;border-top:none}.update-form-modal{max-width:500px}#updateFormModal .modal-body{padding:2rem}#updateFormModal .form-group{margin-bottom:1.5rem}#updateFormModal .form-group:last-of-type{margin-bottom:0}#updateFormModal label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}#updateFormModal input[type=text],#updateFormModal input[type=url],#updateFormModal textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--text-color);background-color:var(--background-color);font-family:inherit;transition:border-color .2s ease}#updateFormModal textarea{resize:vertical;min-height:80px;line-height:1.5}#updateFormModal input:focus,#updateFormModal textarea:focus{outline:none;border-color:var(--pink-400);box-shadow:0 0 0 3px rgba(var(--pink-400-rgb),.2)}#updateFormModal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin:0rem 2rem 2rem}#updateFormModal .modal-actions .cancel-btn,#updateFormModal .modal-actions .submit-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;min-width:100px}#updateFormModal .modal-actions .cancel-btn{background-color:var(--gray-200);color:var(--gray-700)}#updateFormModal .modal-actions .cancel-btn:hover{background-color:var(--gray-300)}#updateFormModal .modal-actions .submit-btn{background-color:var(--pink-400);color:#fff}#updateFormModal .modal-actions .submit-btn:hover:not(:disabled){background-color:var(--pink-500)}#updateFormModal .modal-actions .submit-btn:disabled{background-color:var(--gray-400);cursor:not-allowed;opacity:.7}@media (max-width: 480px){#sendUpdateModal .modal-body{padding:2rem 1.5rem 3rem}#sendUpdateModal .modal-actions{flex-direction:column-reverse;gap:1rem;margin-top:2rem;margin-bottom:0;padding:0 1.5rem 1.5rem}#sendUpdateModal .modal-actions .cancel-btn,#sendUpdateModal .modal-actions .submit-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px}}@media (max-width: 480px){.update-form-modal{max-width:95%}#updateFormModal .modal-body{padding:1.5rem 1.5rem 3rem}#updateFormModal .modal-actions{flex-direction:column-reverse;margin:2rem 1.5rem 1.5rem;gap:1rem}#updateFormModal .modal-actions .cancel-btn,#updateFormModal .modal-actions .submit-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px}#updateFormModal .form-group{margin-bottom:2rem}#updateFormModal input[type=text],#updateFormModal input[type=url],#updateFormModal textarea{padding:1rem;font-size:1rem}}#rateLimitModal .modal-content{max-width:650px}#rateLimitModal .modal-body{padding:2rem}.rate-limit-info{text-align:center;margin-bottom:2rem}.rate-limit-icon{font-size:3rem;color:var(--orange-400);margin-bottom:1rem}.rate-limit-message{font-size:1.25rem;color:var(--text-color);margin-bottom:.5rem;line-height:1.5}.rate-limit-submessage{font-size:1rem;color:var(--gray-600);margin-bottom:1rem;line-height:1.5}.rate-limit-details{background:var(--orange-50);border:1px solid var(--orange-200);border-radius:8px;padding:1rem;margin:1.5rem 0}.rate-limit-details p{margin:0;color:var(--orange-800);font-weight:500}.rate-limit-note{display:flex;align-items:flex-start;gap:.75rem;margin:1rem 0 0;padding:1rem;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:6px;color:var(--blue-800);font-size:1rem;line-height:1.5}.rate-limit-note i{color:var(--blue-600);font-size:1rem;flex-shrink:0;margin-top:.15rem}.rate-limit-note span{flex:1}.rate-limit-note strong{white-space:nowrap}#rateLimitModal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}@media (max-width: 480px){#rateLimitModal .modal-content{max-width:95%}#rateLimitModal .modal-body{padding:1.5rem}.rate-limit-icon{font-size:2.5rem}#rateLimitModal .modal-actions{flex-direction:column-reverse;padding-top:1.5rem;gap:1rem}#rateLimitModal .modal-actions .cancel-btn,#rateLimitModal .modal-actions .submit-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px}}