.discord-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;animation:discord-modal-fade-in .2s ease}@keyframes discord-modal-fade-in{0%{opacity:0}to{opacity:1}}.discord-modal{background:#1a1a1a;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);width:90%;max-width:600px;animation:discord-modal-slide-up .3s ease;border:1px solid #333}@keyframes discord-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.discord-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #333}.discord-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.discord-modal-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.discord-modal-close:hover{color:#fff}.discord-modal-body{padding:24px}.discord-timestamps-textarea{width:100%;background:#0d0d0d;border:1px solid #333;border-radius:8px;color:#fff;font-family:Monaco,Consolas,monospace;font-size:14px;padding:16px;resize:none;outline:none;line-height:1.6}.discord-timestamps-textarea:focus{border-color:#555}.discord-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.discord-close-btn,.discord-copy-btn{padding:10px 24px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.discord-copy-btn{background:#5865F2;color:#fff;position:relative}.discord-copy-btn:hover{background:#4752C4}.discord-copy-btn.copied{background:#3BA55C}.discord-copy-btn.copied:hover{background:#2D8142}.discord-copy-btn svg{width:16px;height:16px}.discord-close-btn{background:#333;color:#ccc}.discord-close-btn:hover{background:#444;color:#fff}@media (max-width:640px){.discord-modal{width:95%;margin:0 10px}.discord-modal-header{padding:20px 20px 16px}.discord-modal-body{padding:20px}.discord-modal-footer{padding:16px 20px 20px;flex-direction:column-reverse}.discord-close-btn,.discord-copy-btn{width:100%;justify-content:center}.discord-timestamps-textarea{font-size:13px;padding:12px;rows:12}}.promotion-container{min-height:100vh;background:#0a0a0c;padding:20px;position:relative;overflow:hidden}.promotion-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(30,64,175,.15) 50%,rgba(30,58,138,.15));pointer-events:none;z-index:2}.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:1}.promotion-header{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.promotion-header h1{color:#ffffff;font-size:32px;margin:0}.btn-back{padding:10px 20px;background-color:transparent;color:#9147ff;border:1px solid #9147ff;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background-color:rgba(145,71,255,.1)}.promotion-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start;position:relative;z-index:3}.image-preview{background-color:rgba(18,18,20,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;text-align:center}.image-preview h2{color:#ffffff;font-size:24px;margin:0 0 20px}.promotion-tips .event-countdown{margin-bottom:25px;padding:18px 24px;background-color:rgba(0,212,170,.08);border:2px solid rgba(0,212,170,.25);border-radius:8px;text-align:center;box-shadow:0 2px 8px rgba(0,212,170,.1)}.promotion-tips .event-countdown p{color:#00d4aa;font-size:18px;margin:0;font-weight:500;letter-spacing:.3px}.promotion-tips .event-countdown strong{color:#00ffcc;font-weight:700;font-size:19px}.promotion-tips .event-countdown-live{background-color:rgba(255,68,68,.15);border:2px solid rgba(255,68,68,.4);padding:24px}.promotion-tips .event-countdown-live p{color:#ff4444;margin:0}.promotion-tips .event-countdown-live .live-text{color:#ff4444;animation:pulse 1.5s ease-in-out infinite}.live-dot{animation:pulse 1.5s ease-in-out infinite}.live-header{text-align:center;margin-bottom:16px}.live-progress-container{margin-top:16px}.live-progress-bar{width:100%;height:12px;background-color:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;margin-bottom:8px}.live-progress-fill{height:100%;background:linear-gradient(90deg,#ff4444,#ff6666);border-radius:6px;box-shadow:0 0 10px rgba(255,68,68,.4)}.live-progress-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.7)}.progress-time{color:rgba(255,255,255,.6)}.progress-percentage{color:#ff4444;font-weight:600;font-size:14px}@keyframes pulse{0%,to{opacity:1;transform:scale(1) translateZ(0)}50%{opacity:.7;transform:scale(.95) translateZ(0)}}.event-ended-box{margin-bottom:25px;padding:18px 24px;background-color:rgba(110,110,121,.1);border:2px solid rgba(110,110,121,.25);border-radius:8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.event-ended-box p{color:#6e6e79;font-size:18px;margin:0;font-weight:500;letter-spacing:.3px}.event-ended-box svg{color:#6e6e79}.selectors-container{gap:30px}.selectors-container,.timezone-selector{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.timezone-selector{gap:12px}.timezone-selector label{color:#adadb8;font-size:16px;font-weight:600}.timezone-select{background-color:rgba(14,14,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:4px;color:#efeff1;font-size:16px;transition:background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23efeff1' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 12px;cursor:pointer}.timezone-select:focus{outline:none;background-color:rgba(145,71,255,.1)}.timezone-select option{background-color:#0e0e10;color:#efeff1;padding:8px}.theme-selector{display:flex;align-items:center;gap:12px}.theme-selector label{color:#adadb8;font-size:16px;font-weight:600}.theme-select{background-color:rgba(14,14,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:4px;color:#efeff1;font-size:16px;transition:background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23efeff1' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 12px;cursor:pointer;min-width:120px}.theme-select:focus{outline:none;background-color:rgba(145,71,255,.1)}.theme-select option{background-color:#0e0e10;color:#efeff1;padding:8px}.theme-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.theme-button{padding:10px 24px;background-color:transparent;border:2px solid rgba(255,255,255,.2);border-radius:24px;color:#adadb8;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.theme-button:hover{border-color:rgba(145,71,255,.5);color:#efeff1}.theme-button.active{background-color:rgba(145,71,255,.2);border-color:#9147ff;color:#ffffff}.theme-button:active{transform:scale(.95)}.theme-button.disabled,.theme-button:disabled{opacity:.5;cursor:not-allowed;border-color:rgba(255,255,255,.1)}.theme-button.disabled:hover,.theme-button:disabled:hover{border-color:rgba(255,255,255,.1);color:#adadb8}.generating-background{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#adadb8}.spinner{width:40px;height:40px;border:3px solid rgba(145,71,255,.1);border-top-color:#9147ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.generating-background p{font-size:18px;color:#adadb8}.error-message{background-color:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);color:#ff4757;padding:12px 20px;margin:20px auto;text-align:center;font-size:14px}.error-message,.preview-image{border-radius:8px;max-width:500px}.preview-image{width:100%;height:auto;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.btn-download{padding:12px 30px;background-color:#00d4aa;color:#000;border:none;border-radius:4px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s;transform:translateZ(0);will-change:transform}.btn-download:hover{background-color:#00b894;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px rgba(0,212,170,.3)}.promotion-tips{background-color:rgba(18,18,20,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px}.promotion-tips h3{color:#ffffff;font-size:24px;margin:0 0 20px}.promotion-tips ul{list-style:none;padding:0;margin:0}.promotion-tips li{color:#adadb8;font-size:16px;line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.promotion-tips li:before{content:"✓";color:#00d4aa;position:absolute;left:0;font-weight:700}.promotion-tips a{color:#00d4aa;text-decoration:none;transition:color .2s}.promotion-tips a:hover{color:#00ffcc;text-decoration:underline}.error,.loading{color:#adadb8;font-size:18px;text-align:center;padding:60px 20px}.error{color:#ff6b6b}.slots-reminder{margin-top:20px;padding:15px;background-color:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:6px}.slots-reminder p{color:#ffa500;font-size:14px;line-height:1.5;margin:0}.slots-reminder strong{color:#ffb833}.promotion-tips .share-link-section{margin-top:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.share-link-label{color:#adadb8;font-size:14px;margin:0 0 12px;text-align:left}.share-link-container{display:flex;gap:8px;align-items:center}.share-link-input{flex:1 1;padding:10px 12px;background-color:rgba(14,14,16,.5);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#efeff1;font-size:13px;font-family:monospace;outline:none;transition:border-color .2s}.share-link-input:focus{border-color:rgba(145,71,255,.5)}.copy-button{padding:10px;background-color:#9147ff;border:none;border-radius:4px;color:white;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;transform:translateZ(0);will-change:transform}.copy-button:hover{background-color:#772ce8;transform:translateY(-1px) translateZ(0)}.copy-button:active{transform:translateY(0) translateZ(0)}.copy-button svg{width:20px;height:20px}.copy-button.copied{background-color:#00d4aa}.copy-button.copied:hover{background-color:#00b894}.action-buttons-section{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:row;justify-content:center;gap:12px}.promotion-tips .csv-download-section{margin:0;padding:0;border:none;width:auto}.csv-download-btn{padding:12px 20px;background-color:#9147ff;border:none;border-radius:6px;color:white;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateZ(0);will-change:transform;width:auto;min-width:200px}.csv-download-btn:hover{background-color:#772ce8;transform:translateY(-1px) translateZ(0)}.csv-download-btn:active{transform:translateY(0) translateZ(0)}.csv-download-btn svg{width:20px;height:20px}.promotion-tips .qr-code-section{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.qr-code-label{color:#adadb8;font-size:14px;margin:0 0 12px;text-align:center}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code-image{width:180px;height:180px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);background-color:white;padding:8px}.qr-download-button{padding:12px 20px;background-color:#9147ff;border:none;border-radius:6px;color:white;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateZ(0);will-change:transform;width:280px}.qr-download-button:hover{background-color:#772ce8;transform:translateY(-1px) translateZ(0)}.qr-download-button:active{transform:translateY(0) translateZ(0)}.qr-download-button svg{width:20px;height:20px}.discord-timestamps-section{margin:0;padding:0;border:none;width:auto}.discord-view-btn{padding:12px 20px;background-color:#5865F2;border:none;border-radius:6px;color:white;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:200px}.discord-view-btn:hover{background-color:#4752C4;transform:translateY(-1px) translateZ(0)}.discord-view-btn:active{transform:translateY(0) translateZ(0)}.discord-view-btn svg{width:20px;height:20px}@media (max-width:768px){.promotion-content{grid-template-columns:1fr}.preview-image{max-width:100%}.promotion-header{flex-direction:column;gap:20px;text-align:center}.action-buttons-section{flex-direction:column;align-items:stretch}.csv-download-btn,.discord-view-btn{width:100%}}.promotion-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 4px;color:#adadb8;font-size:14px}.promotion-pagination button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#efeff1;border-radius:6px;padding:6px 12px;cursor:pointer}.promotion-pagination button:disabled{opacity:.4;cursor:default}.promotion-pagination{margin:20px 0 12px;gap:20px}.promotion-downloads{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn-download-all{background:rgba(255,255,255,.1);color:#efeff1;border:1px solid rgba(255,255,255,.2)}.btn-download-all:hover{background:rgba(255,255,255,.16)}