:root{--bg:#dff3d9;--panel:#e9f6e8;--board-bg:#f6d78b;--grid:#b27a1e;--accent:#a7d49b;--black:#111;--white:#fff;--shadow:#0000001f;font-family:Helvetica Neue,Arial,Noto Sans SC,sans-serif}body,html{background:#dff3d9;background:var(--bg);margin:0}#root,body,html{height:100%}*{box-sizing:border-box}.app{background:linear-gradient(#e7f6e9,#eaf9ee);border-radius:10px;box-shadow:0 6px 18px var(--shadow);display:flex;gap:18px;margin:18px auto;max-width:1200px;padding:18px}.board-area{display:flex;flex:1 1;flex-direction:column;gap:12px}.board-title{align-items:center;display:flex;gap:12px}.board-title h2{color:#2b5b2f;font-size:18px;margin:0}.board-wrap{background:#cbe39d;border-radius:8px;display:inline-block;height:-webkit-fit-content;height:fit-content;margin-left:40px;margin-top:80px;padding:12px;width:-webkit-fit-content;width:fit-content}.board{aspect-ratio:1;background:var(--board-bg);border-radius:6px;height:560px;position:relative;width:560px}.cell{box-sizing:border-box;position:absolute}.coords-x,.coords-y{color:#333;font-size:11px;font-weight:600;position:absolute;-webkit-user-select:none;user-select:none}.coords-x{text-align:center}.coords-y{align-items:center;display:flex;justify-content:center}.side{background:var(--panel);border-radius:8px;justify-content:flex-end;padding:12px;width:504px}.event,.side{display:flex;flex-direction:column}.event{gap:2px}.event h1{font-size:30px;font-weight:700;margin:0}.event div,.event h1{color:#0b4e26;text-align:center}.event div{font-size:13px}.players{justify-content:space-between;margin-top:8px}.player,.players{align-items:center;display:flex}.player{background:linear-gradient(#fff,#f6fff7);border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000001a;flex-direction:column;padding:10px;transition:all .3s ease;width:48%}.player:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.player.current-turn{animation:marquee-glow 2s ease-in-out infinite;border-color:#dc3545;position:relative}@keyframes marquee-glow{0%,to{box-shadow:0 0 5px #dc354580,0 0 10px #dc35454d}50%{box-shadow:0 0 20px #dc3545cc,0 0 30px #dc354580}}.player.current-turn:before{animation:border-animation 2s linear infinite;background:linear-gradient(90deg,#dc3545,#a71e2a,#dc3545) border-box;border:2px solid #0000;border-radius:8px;bottom:-2px;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes border-animation{0%{background-position:0 0}to{background-position:200% 0}}.player .dot{border-radius:50%;height:18px;margin-bottom:8px;width:18px}.player .name{font-size:18px;font-weight:600}.player .school{color:#666;font-size:12px}.score-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:6px;padding:4px 8px;text-align:center}.player.white-player .score-display{background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-color:#dee2e6}.player.black-player .score-display{background:linear-gradient(90deg,#343a40,#212529);border-color:#495057}.player.white-player .score-value{color:#2e8b57}.player.black-player .score-value{color:#f8f9fa}.score-label{color:#666;font-size:12px;margin-right:4px}.score-input,.score-value{color:#2e8b57;font-family:Courier New,monospace;font-size:18px;font-weight:700}.score-input{background:#fff;border:2px solid #2e8b57;border-radius:4px;outline:none;padding:2px 4px;text-align:center;width:40px}.player.black-player .score-input{background:#343a40;border-color:#adb5bd;color:#f8f9fa}.score-input:focus{border-color:#228b22;box-shadow:0 0 0 2px #228b2233}.player.black-player .score-input:focus{border-color:#adb5bd;box-shadow:0 0 0 2px #adb5bd4d}.score-display{cursor:pointer;transition:background-color .2s}.player.black-player .score-display:hover{background:linear-gradient(90deg,#495057,#343a40)}.score-display:hover{background:#e8f5e8}.avatar-container{align-items:center;background:#f8f9fa;border:2px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;transition:all .2s;width:56px}.avatar-container:hover{border-color:#2e8b57;transform:scale(1.05)}.player-avatar{object-fit:cover}.avatar-placeholder,.player-avatar{border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:#e9ecef;color:#6c757d;display:flex;font-size:10px;justify-content:center;text-align:center}.avatar-placeholder span{line-height:1}.name-container{align-items:center;display:flex;justify-content:center;margin-bottom:4px;position:relative;width:100%}.chess-indicator{position:absolute;top:50%;transform:translateY(-50%)}.chess-indicator.white{left:0}.chess-indicator.black{right:0}.chess-indicator{align-items:center;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 4px #0003;color:#0000;display:flex;flex-shrink:0;font-size:0;font-weight:700;height:24px;justify-content:center;width:24px}.chess-indicator.black{background:radial-gradient(circle at 30% 30%,#666,#000)}.chess-indicator.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd);border:1px solid #ccc}.event-info-input,.event-title-input,.name-input,.school-input{background:#0000;border:1px solid #2e8b57;border-radius:4px;color:inherit;font-size:inherit;font-weight:inherit;outline:none;padding:2px 6px;text-align:center;width:100%}.event-info-input:focus,.event-title-input:focus,.name-input:focus,.school-input:focus{border-color:#228b22;box-shadow:0 0 0 2px #228b2233}.event-title-input{font-size:24px;font-weight:700;text-align:center;width:100%}.event-info-input{font-size:14px;text-align:center;width:100%}.event div,.name,.school,h1{cursor:pointer;transition:background-color .2s}.event div:hover,.name:hover,.school:hover,h1:hover{background-color:#2e8b571a;border-radius:4px}.time-settings-panel{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.time-settings-panel>div{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;min-width:300px;padding:20px;position:relative}.time-settings-header{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:16px}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-btn:hover{background:#f0f0f0;color:#333}.time-input-section{gap:16px}.input-group,.time-input-section{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{color:#333;font-size:14px;font-weight:600}.time-input{border:2px solid #ddd;border-radius:6px;font-size:16px;font-weight:500;outline:none;padding:12px 16px;text-align:center;transition:all .2s}.time-input:focus{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.input-hint{color:#666;font-size:12px;text-align:center}.input-buttons{display:flex;gap:12px;justify-content:center}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.confirm-btn{background:#2e8b57;color:#fff}.confirm-btn:hover{background:#228b22;transform:translateY(-1px)}.time-display{background:#f0f8f0;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;margin-top:8px;padding:6px;text-align:center;transition:all .2s}.time-display:hover{background:#e8f5e8;border-color:#2e8b57;box-shadow:0 2px 8px #2e8b5733;transform:translateY(-1px)}.time-value{color:#dc3545;font-family:Courier New,monospace;font-size:24px;font-weight:700}.time-value.time-warning{animation:pulse 1s infinite;color:#ff6b6b}.video-viewport{background:#fff;border-radius:6px;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;margin-top:12px;padding:8px;position:relative}.video-container{aspect-ratio:16/9;background:#000;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;width:100%}.video-player{background:#000;height:100%;object-fit:cover;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.placeholder-content{color:#666;text-align:center}.placeholder-icon{font-size:32px;margin-bottom:8px}.placeholder-text{font-size:14px;font-weight:500}.debug-info{background:#fffc;border-radius:4px;color:#999;font-size:12px;margin-top:8px;padding:4px 8px}.video-overlay-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;bottom:8px;display:flex;gap:8px;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%)}.overlay-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.overlay-btn:hover{background:#fff3}.video-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:24px;width:90%}.video-dialog h3{color:#333;margin:0 0 16px;text-align:center}.dialog-buttons{display:flex;flex-direction:column;gap:8px}.dialog-btn{background:#2e8b57;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s}.dialog-btn:hover{background:#228b22;transform:translateY(-1px)}.dialog-btn.secondary{background:#6c757d}.dialog-btn.secondary:hover{background:#5a6268}.source-list{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px}.source-list h4{color:#666;font-size:14px;margin:0 0 8px}.source-item{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin:4px 0;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.source-item:hover{background:#e9ecef;border-color:#2e8b57}.source-item.active{background:#2e8b57;border-color:#2e8b57;color:#fff}.source-item.active:hover{background:#228b22}.source-icon{font-size:16px}.source-name{flex:1 1;font-size:14px;font-weight:500}.photo{background:#fff;border-radius:6px;display:flex;justify-content:center;margin-top:12px;padding:8px}.photo img{border-radius:4px;height:180px;max-width:100%;object-fit:cover}.controls{align-items:center;display:flex;gap:8px;margin-top:0}button{background:#2e8b57;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}button.secondary{background:#6aa56a}button.warn{background:#b94a4a}.icon-btn{align-items:center;background:#0000;border:none;color:#2e8b57;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;min-width:24px;padding:0;transition:all .2s;vertical-align:middle}.icon-btn:hover{background:#0000!important;color:#228b22;transform:scale(1.1)}.icon-btn.secondary{background:#0000!important;color:#6aa56a}.icon-btn.secondary:hover{background:#0000!important;color:#5a8a5a}.icon-btn.warn{background:#0000!important;color:#b94a4a}.icon-btn.warn:hover{background:#0000!important;color:#a04444}.icon-btn:disabled{cursor:not-allowed}.icon-btn:disabled,.icon-btn:disabled:hover{background:#0000!important;color:#ccc;transform:none}.icon-svg{display:block;filter:none;height:18px;transition:all .2s;width:18px}.icon-btn:hover .icon-svg{transform:scale(1.1)}.icon-btn.secondary .icon-svg{filter:hue-rotate(120deg) saturate(.8)}.icon-btn.warn .icon-svg{filter:hue-rotate(300deg) saturate(1.2)}.icon-btn:disabled .icon-svg{filter:grayscale(100%) opacity(.5)}.image-gallery{border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.gallery-image{height:100%;object-fit:cover;transition:opacity .5s ease;width:100%}.image-nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:10}.image-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.image-nav.prev{left:10px}.image-nav.next{right:10px}.image-indicators{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.indicator:hover{background:#fffc;transform:scale(1.2)}.indicator.active{background:#2e8b57;transform:scale(1.2)}.status{color:#123;font-size:14px;line-height:24px;margin-top:0;vertical-align:middle}@media (display-mode:standalone){.app{align-items:flex-start;height:100vh;overflow:hidden}.board-area{height:calc(100vh - 40px)}.side{align-self:flex-start;margin-top:0}}@media (display-mode:standalone) and (orientation:landscape){.app{align-items:flex-start;padding-top:0}.board-area,.side{align-self:flex-start;margin-top:40px}.side{padding-top:18px}.event{margin-top:0}}.offline-notice{background:#ff6b6b;color:#fff;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.offline-notice.show{transform:translateY(0)}.install-prompt{align-items:center;animation:slideUp .3s ease;background:#2e8b57;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;gap:12px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.install-prompt button{background:#fff;border:none;border-radius:4px;color:#2e8b57;cursor:pointer;font-weight:700;padding:6px 12px}.install-prompt button:hover{background:#f0f0f0}.loading-container{align-items:center;background:linear-gradient(135deg,#e7f6e9,#c8e6c9);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#2e8b57;height:40px;margin-bottom:16px;width:40px}.loading-container p{color:#666;font-size:16px;margin:0}.user-panel{max-width:300px;position:fixed;right:20px;top:20px;z-index:1000}.stone{align-items:center;border-radius:50%;display:flex;font-weight:700;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none}.stone.black{background:var(--black);color:var(--white)}.stone.white{background:var(--white);box-shadow:inset 0 1px 0 #00000040;color:var(--black)}.stone.num{font-size:12px}.highlight{animation:pulse 1s infinite;box-shadow:0 0 0 4px #f00c!important}@keyframes pulse{0%{box-shadow:0 0 0 4px #f00c}50%{box-shadow:0 0 0 8px #f006}to{box-shadow:0 0 0 4px #f00c}}@media (max-width:1000px){.app{align-items:center;flex-direction:column}.side{width:100%}.board{height:92vw;max-height:560px;max-width:560px;width:92vw}}.update-prompt{align-items:center;animation:slideIn .3s ease-out;background:#28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:12px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.update-prompt button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:all .2s}.update-prompt button:hover{background:#ffffff4d;transform:translateY(-1px)}.event-image-area{align-items:center;background-color:initial;border-radius:8px;cursor:pointer;display:flex;height:85px;justify-content:center;margin-bottom:6PX;margin-top:-30px;overflow:hidden;padding:-10px;width:468PX}.event-image-area:hover{background-color:#f0f7f280}.event-image{border-radius:6px;height:100%;object-fit:contain;width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#e7f6e9,#c8e6c9);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#2e8b57;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a;outline:none}.form-group input::placeholder{color:#999}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:14px;padding:12px 16px}.login-button{background:linear-gradient(135deg,#2e8b57,#1a5a2a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #2e8b574d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{margin-top:24px;text-align:center}.switch-button{background:none;border:none;color:#2e8b57;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.switch-button:hover{color:#1a5a2a}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:24px}.login-header h1{font-size:24px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}.user-profile-floating{bottom:20px;position:fixed;right:20px;z-index:1000}.floating-user-button{align-items:center;background:linear-gradient(135deg,#2e8b57,#1a5a2a);border:none;border-radius:50%;box-shadow:0 4px 12px #2e8b574d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.floating-user-button:hover{box-shadow:0 6px 20px #2e8b5766;transform:scale(1.1)}.user-avatar-small{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.user-settings-panel{animation:slideUp .3s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;bottom:60px;box-shadow:0 8px 32px #00000026;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;right:0;width:320px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.settings-header,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-details h3{color:#333;font-size:16px;margin:0 0 4px}.user-details p{color:#666;font-size:12px;margin:0}.close-button{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.close-button:hover{background:#e0e0e0;color:#333}.user-profile{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px;max-width:400px;padding:20px}.profile-header{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:20px;padding-bottom:20px}.profile-header,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#2e8b57,#1a5a2a);border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.user-info h3{color:#333;font-size:18px;margin:0 0 4px}.user-info p{color:#666;font-size:14px;margin:0}.profile-actions{display:flex;flex-direction:column;gap:12px}.action-button{background:#2e8b57;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.action-button:hover:not(:disabled){background:#1a5a2a;transform:translateY(-1px)}.action-button.secondary{background:#6c757d}.action-button.secondary:hover:not(:disabled){background:#5a6268}.action-button.danger{background:#dc3545}.action-button.danger:hover:not(:disabled){background:#c82333}.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-form,.settings-form{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}@media (max-width:768px){.user-profile-floating{bottom:10px;right:10px}.floating-user-button{font-size:16px;height:45px;width:45px}.user-settings-panel{bottom:55px;max-height:70vh;max-width:300px;right:-10px;width:calc(100vw - 20px)}}@media (max-width:480px){.user-settings-panel{bottom:55px;padding:16px;right:-10px;width:calc(100vw - 20px)}.user-info{gap:8px}.user-details h3{font-size:14px}.user-details p{font-size:11px}}.password-form h4{color:#333;font-size:16px;margin:0 0 16px}.password-form .form-group{margin-bottom:16px}.password-form label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.password-form input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.password-form input:focus{border-color:#2e8b57;outline:none}.form-actions{display:flex;gap:12px;margin-top:16px}.form-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px;transition:all .3s ease}.form-actions button[type=submit]{background:#2e8b57;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:#1a5a2a}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.message{border-radius:6px;font-size:14px;margin-top:16px;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:480px){.user-profile{margin:10px;padding:16px}.profile-header{text-align:center}.form-actions,.profile-header{flex-direction:column}}.config-error{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.config-error-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:600px;padding:30px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.config-error h2{align-items:center;color:#d63031;display:flex;font-size:24px;gap:8px;margin:0 0 16px}.config-error p{color:#666;font-size:16px;margin:0 0 20px}.config-details{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:16px}.config-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.config-item:last-child{border-bottom:none}.config-item strong{color:#333;font-family:Courier New,monospace;font-size:14px}.config-item span{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.config-item span.valid{background:#d4edda;color:#155724}.config-item span.invalid{background:#f8d7da;color:#721c24}.config-steps{margin:20px 0}.config-steps h3{color:#333;font-size:18px;margin:0 0 12px}.config-steps ol{color:#666;line-height:1.6;margin:0 0 16px}.config-steps li{margin:8px 0}.config-example{background:#2d3748;border-radius:6px;color:#e2e8f0;margin:12px 0;overflow-x:auto;padding:16px}.config-example pre{font-family:Courier New,monospace;font-size:14px;line-height:1.4;margin:0}.config-help{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:20px;padding:12px 16px}.config-help p{color:#1976d2;font-size:14px;margin:0}.config-help code{background:#bbdefb;border-radius:3px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}@media (max-width:768px){.config-error{padding:10px}.config-error-content{padding:20px}.config-item{align-items:flex-start;flex-direction:column;gap:4px}.config-example{font-size:12px}}
/*# sourceMappingURL=main.999f94ae.css.map*/