html{font-size:16px}body{margin:0;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff}#root{min-height:100vh}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modal-overlay-fade-in .15s ease-out}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{background-color:#313338;border-radius:4px;width:440px;max-width:90vw;box-shadow:0 8px 16px #0000003d;animation:modal-scale-in .15s ease-out}@keyframes modal-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3f4147}.modal-title{font-size:20px;font-weight:600;color:#f2f3f5;margin:0}.modal-close-btn{background:none;border:none;color:#b5bac1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .1s ease}.modal-close-btn:hover{color:#dbdee1;background-color:#404249}.modal-body{padding:16px;color:#dbdee1;font-size:16px;line-height:1.375}.modal-message{margin:0;white-space:pre-wrap;word-break:break-word}.modal-footer{padding:16px;display:flex;justify-content:flex-end;gap:8px;background-color:#2b2d31}.modal-btn{padding:10px 16px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .17s ease;min-width:96px}.modal-btn-primary{background-color:#5865f2;color:#fff}.modal-btn-primary:hover{background-color:#4752c4}.modal-btn-primary:active{background-color:#3c45a5}.modal-btn-secondary{background-color:transparent;color:#fff}.modal-btn-secondary:hover{background-color:#4e5058;text-decoration:underline}.modal-btn-secondary:active{background-color:#404249}.toss-guide-overlay{position:fixed;inset:0;background:#000000d9;z-index:9998;animation:fadeIn .3s ease-in-out;pointer-events:none}.toss-guide-popup{position:fixed;background:#2f3136;border-radius:20px;padding:32px;box-shadow:0 8px 16px #00000080;z-index:9999;max-width:420px;animation:slideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid #202225}.toss-guide-popup.center{top:50%;left:50%;transform:translate(-50%,-50%)}.toss-guide-popup.top{top:20%;left:50%;transform:translate(-50%)}.toss-guide-popup.bottom{bottom:10%;left:50%;transform:translate(-50%)}.toss-guide-popup.bottom-left{bottom:120px;left:280px}.toss-guide-popup.top-center{top:120px;left:50%;transform:translate(-50%)}.toss-guide-content{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.toss-guide-emoji{font-size:56px;line-height:1;animation:bounce .6s ease-in-out}.toss-guide-text{display:flex;flex-direction:column;gap:8px}.toss-guide-title{font-size:24px;font-weight:700;color:#fff;margin:0;line-height:1.4}.toss-guide-description{font-size:16px;color:#b9bbbe;margin:0;line-height:1.6;white-space:pre-line}.toss-guide-example{background:#202225;border-radius:12px;padding:16px;width:100%;box-sizing:border-box;border:1px solid #18191c}.toss-guide-example pre{margin:0 0 12px;font-size:13px;color:#dcddde;text-align:left;white-space:pre-wrap;word-break:break-word;font-family:Malgun Gothic,sans-serif;line-height:1.6}.toss-guide-load-btn{width:100%;padding:12px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.toss-guide-load-btn:hover{background:#4752c4;transform:translateY(-1px)}.toss-guide-load-btn:active{transform:translateY(0)}.toss-guide-actions{display:flex;gap:12px;width:100%}.toss-guide-btn{flex:1;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.toss-guide-btn.primary{background:#5865f2;color:#fff}.toss-guide-btn.primary:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.toss-guide-btn.secondary{background:#4e5058;color:#dcddde;border:1px solid #202225}.toss-guide-btn.secondary:hover{background:#5d5f67}.toss-guide-btn:active{transform:translateY(0)}.toss-guide-progress{display:flex;gap:8px;margin-top:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#4e5058;transition:all .3s}.progress-dot.active{width:24px;border-radius:4px;background:#5865f2}.progress-dot.completed{background:#5865f2}.guide-highlight{position:relative;z-index:9997;box-shadow:0 0 0 4px #5865f280,0 0 0 8px #5865f24d!important;animation:pulse 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #5865f280,0 0 0 8px #5865f24d}50%{box-shadow:0 0 0 6px #5865f299,0 0 0 12px #5865f266}}@media(max-width:768px){.toss-guide-popup{max-width:calc(100% - 32px);padding:24px;left:16px!important;right:16px;transform:none!important}.toss-guide-popup.center{top:50%;transform:translateY(-50%)!important}.toss-guide-emoji{font-size:48px}.toss-guide-title{font-size:20px}.toss-guide-description{font-size:14px}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{width:100%;margin:0 auto;padding:0 var(--spacing-md);height:100%;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-xl)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:20px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast);text-decoration:none}.logo:hover{transform:scale(1.05)}.logo:visited{color:var(--text-primary)}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-text{background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--spacing-md)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{color:var(--text-primary);background-color:var(--tertiary-bg)}.nav-link.active{color:var(--text-primary);background-color:var(--accent-primary);font-weight:600}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.user-button:hover{background-color:var(--hover-bg);border-color:var(--hover-bg)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:var(--tertiary-bg);border:2px solid var(--border-color);flex-shrink:0}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.user-name{font-size:14px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{color:var(--text-secondary);transition:transform var(--transition-fast)}.user-button:hover .dropdown-icon{color:var(--text-primary)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;padding:var(--spacing-sm);animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--tertiary-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.dropdown-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background-color:var(--tertiary-bg);border:2px solid var(--border-color);flex-shrink:0}.dropdown-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.dropdown-user-info{flex:1;overflow:hidden}.dropdown-username{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background-color:var(--tertiary-bg);color:var(--text-primary)}.dropdown-item-danger{color:var(--accent-danger)}.dropdown-item-danger:hover{background-color:#ed42451a;color:var(--accent-danger)}@media(max-width:768px){.header-container{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.header-left{gap:var(--spacing-sm)}.nav{display:flex;gap:var(--spacing-xs)}.nav-link{font-size:13px;padding:6px 10px}.logo-text,.user-name{display:none}.dropdown-menu{right:-12px}.btn{font-size:13px;padding:6px 12px}.btn svg{width:16px;height:16px}}.connection-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;animation:overlay-fade-in .3s ease-out}.connection-overlay-connecting{background-color:#000000b3}.connection-overlay-icon.connection-overlay-spinner{animation:spin 1s linear infinite;color:#5865f2}.connection-overlay-content{text-align:center;max-width:600px;width:90%;padding:40px 24px;animation:overlay-content-scale-in .3s ease-out}.connection-overlay-icon{color:#f23f42;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.connection-overlay-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 16px}.connection-overlay-message{font-size:16px;color:#b5bac1;margin:0 0 32px;line-height:1.7;word-break:keep-all;white-space:pre-line}.connection-overlay-message strong{color:#fff;font-weight:600}.connection-overlay-refresh-btn{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:all .17s ease;display:inline-flex;align-items:center;gap:8px}.connection-overlay-refresh-btn:hover{background-color:#4752c4;transform:translateY(-1px);box-shadow:0 4px 8px #5865f24d}.connection-overlay-refresh-btn:active{background-color:#3c45a5;transform:translateY(0)}.footer{background-color:var(--secondary-bg);border-top:1px solid var(--border-color);margin-top:auto;width:100%}.footer-container{width:100%;padding:var(--spacing-xl) var(--spacing-md)}.footer-content{display:flex;justify-content:space-between;gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.footer-left{flex:1;max-width:500px;min-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo-icon{display:flex;align-items:center;justify-content:center}.footer-logo-text{font-size:18px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.footer-links{display:flex;gap:var(--spacing-xl);flex:2;justify-content:flex-end;align-items:flex-start}.footer-links-group{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.footer-links-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.footer-link{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.footer-copyright,.footer-disclaimer{font-size:12px;color:var(--text-muted);margin:0}@media(max-width:1024px){.footer-content{flex-direction:column;gap:var(--spacing-lg)}.footer-left{max-width:100%}.footer-links{justify-content:flex-start}}@media(max-width:768px){.footer-container{padding:var(--spacing-lg) var(--spacing-sm)}.footer-links{flex-direction:column;gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;text-align:center;gap:var(--spacing-xs)}}.guide-tooltip{position:fixed;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 8px 24px #667eea66;z-index:10000;max-width:320px;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.guide-tooltip.visible{opacity:1;transform:scale(1)}.guide-tooltip-close{position:absolute;top:8px;right:8px;background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.guide-tooltip-close:hover{background:#ffffff4d;transform:scale(1.1)}.guide-tooltip-emoji{font-size:28px;display:block;margin-bottom:10px;text-align:center}.guide-tooltip-emoji.animated-emoji{animation:emojiClick 1s ease-in-out infinite}@keyframes emojiClick{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.guide-tooltip-text{font-size:14px;line-height:1.6;margin:0;white-space:pre-line;text-align:center}.guide-example-section{margin-top:16px;padding-top:16px}.guide-example-section:first-child{margin-top:12px;padding-top:0;border-top:none}.guide-example-section:not(:first-child){border-top:1px solid rgba(255,255,255,.2)}.guide-section-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:8px;text-align:center;line-height:1.5;white-space:pre-line}.guide-tooltip-example{margin-top:8px;background:#0003;border-radius:8px;padding:10px;max-height:120px;overflow-y:auto}.example-preview{font-family:inherit;font-size:11px;line-height:1.4;margin:0;color:#ffffffe6;white-space:pre-wrap;word-break:break-all}.guide-tooltip-example::-webkit-scrollbar{width:4px}.guide-tooltip-example::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.guide-tooltip-example::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.guide-tooltip-example::-webkit-scrollbar-thumb:hover{background:#ffffff80}.guide-tooltip-actions{display:flex;gap:8px;margin-top:12px}.guide-tooltip-action{flex:1;margin-top:12px;padding:10px 16px;background:#ffffffe6;color:#667eea;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.guide-tooltip-actions .guide-tooltip-action{margin-top:0}.guide-tooltip-action:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.guide-tooltip-action:active{transform:translateY(0)}.guide-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.guide-tooltip-arrow.arrow-top{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:#764ba2 transparent transparent transparent}.guide-tooltip-arrow.arrow-bottom{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent #667eea transparent}.guide-tooltip-arrow.arrow-left{right:-8px;top:75%;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent #764ba2}.guide-tooltip-arrow.arrow-right{left:-8px;top:50%;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent #667eea transparent transparent}.guide-highlight-active{position:relative!important;z-index:9999!important;box-shadow:0 0 0 3px #667eea99,0 0 0 6px #667eea4d,0 0 20px #667eea66!important;animation:tooltipPulse 2s infinite!important;border-radius:8px!important}@keyframes tooltipPulse{0%,to{box-shadow:0 0 0 3px #667eea99,0 0 0 6px #667eea4d,0 0 20px #667eea66}50%{box-shadow:0 0 0 5px #667eeab3,0 0 0 10px #667eea66,0 0 30px #667eea80}}@media(max-width:768px){.guide-tooltip{max-width:calc(100% - 32px);padding:14px 18px}.guide-tooltip-emoji{font-size:24px}.guide-tooltip-text{font-size:13px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10001;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-container.visible{opacity:1;transform:translate(0)}.toast-content{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #667eea66;max-width:450px;min-width:320px}.toast-emoji{font-size:24px;flex-shrink:0;margin-top:2px}.toast-text{flex:1}.toast-title{font-size:16px;font-weight:700;margin-bottom:4px}.toast-message{font-size:14px;line-height:1.5;opacity:.95}.toast-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#ffffff4d;transform:scale(1.1)}.toast-actions{display:flex;gap:8px;margin-top:12px}.toast-action-btn{flex:1;padding:10px 16px;background:#ffffffe6;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.toast-action-btn.recruit{color:#667eea}.toast-action-btn.find{color:#764ba2}.toast-action-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.toast-action-btn:active{transform:translateY(0)}.toast-footer{margin-top:10px;font-size:12px;opacity:.85;line-height:1.4}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast-content{max-width:100%;min-width:auto}.toast-title{font-size:15px}.toast-message{font-size:13px}.toast-action-btn{font-size:13px;padding:9px 12px}.toast-footer{font-size:11px}}.announcement-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.announcement-modal{background-color:#2b2d31;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #00000080;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.announcement-header{padding:20px 24px;border-bottom:1px solid #383a40}.announcement-header h2{margin:0;font-size:18px;font-weight:600;color:#f2f3f5}.announcement-content{padding:20px 24px;max-height:300px;overflow-y:auto}.announcement-content p{margin:0;font-size:14px;line-height:1.6;color:#b5bac1;white-space:pre-wrap}.announcement-footer{padding:16px 24px;border-top:1px solid #383a40;display:flex;justify-content:flex-end;gap:12px}.announcement-footer button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-dont-show{background-color:transparent;border:1px solid #383a40;color:#b5bac1}.btn-dont-show:hover{background-color:#383a40;color:#f2f3f5}.btn-close{background-color:#5865f2;border:none;color:#fff}.btn-close:hover{background-color:#4752c4}@media(max-width:480px){.announcement-modal{width:95%;margin:16px}.announcement-header,.announcement-content{padding:16px 20px}.announcement-footer{padding:12px 20px;flex-direction:column-reverse}.announcement-footer button{width:100%}}.error-page{min-height:100vh;background:linear-gradient(135deg,#1e1f22,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:20px}.error-page-content{max-width:600px;text-align:center;animation:error-fade-in .5s ease-out}@keyframes error-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{color:#f23f42;margin-bottom:32px;animation:error-pulse 2s ease-in-out infinite}@keyframes error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 20px}.error-message{font-size:18px;color:#b5bac1;margin:0 0 32px;line-height:1.6}.error-details{background-color:#2b2d31;border-radius:8px;padding:20px;margin-bottom:32px}.error-countdown{font-size:16px;color:#dbdee1;margin:0;font-weight:500}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.error-btn{padding:14px 28px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .17s ease;display:inline-flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.error-btn-primary{background-color:#5865f2;color:#fff}.error-btn-primary:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.error-btn-primary:active{background-color:#3c45a5;transform:translateY(0)}.error-btn-secondary{background-color:#3f4147;color:#fff}.error-btn-secondary:hover{background-color:#4e5058;transform:translateY(-2px)}.error-btn-secondary:active{background-color:#35373d;transform:translateY(0)}.error-info{color:#6d6f78;font-size:14px}.error-info p{margin:8px 0}.error-code{font-family:Courier New,monospace;font-weight:600;color:#f23f42;margin-top:16px}@media(max-width:600px){.error-title{font-size:28px}.error-message{font-size:16px}.error-actions{flex-direction:column}.error-btn{width:100%}}.server-down-page{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;animation:overlay-fade-in .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.server-down-content{text-align:center;max-width:500px;padding:40px;animation:overlay-content-scale-in .3s ease-out}@keyframes overlay-content-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.server-down-icon{color:#f23f42;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.server-down-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 16px}.server-down-message{font-size:18px;color:#b5bac1;margin:0 0 32px;line-height:1.8}.server-down-btn{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:all .17s ease;display:inline-flex;align-items:center;gap:8px}.server-down-btn:hover{background-color:#4752c4;transform:translateY(-1px);box-shadow:0 4px 8px #5865f24d}.server-down-btn:active{background-color:#3c45a5;transform:translateY(0)}.server-down-help{margin-top:24px}.server-down-help-link{background:none;border:none;color:#00a8fc;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px;transition:all .17s ease}.server-down-help-link:hover{color:#00c2ff;text-decoration:none}.contact-page{min-height:100vh;background-color:var(--primary-bg);padding:calc(var(--header-height) + 40px) 20px 40px}.contact-container{max-width:800px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{color:var(--text-primary);font-size:32px;margin-bottom:12px}.contact-header p{color:var(--text-secondary);font-size:16px;line-height:1.6}.contact-form{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px;background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.form-group textarea{resize:vertical;min-height:200px;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn-reset,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reset{background-color:var(--tertiary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-reset:hover{background-color:var(--primary-bg)}.btn-submit{background-color:var(--accent-primary);color:#fff}.btn-submit:hover:not(:disabled){background-color:#4752c4}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.contact-page{padding:20px 12px}.contact-form{padding:20px}.contact-header h1{font-size:24px}.form-actions{flex-direction:column}.btn-reset,.btn-submit{width:100%}}.mypage{min-height:100vh;background-color:var(--primary-bg);padding-top:var(--header-height)}.mypage-layout{display:flex;min-height:calc(100vh - var(--header-height))}.mypage-sidebar{width:250px;background-color:var(--secondary-bg);border-right:1px solid var(--border-color);padding:24px 0;position:fixed;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar-header{padding:0 24px 24px;border-bottom:1px solid var(--border-color)}.sidebar-header h1{color:var(--text-primary);font-size:20px;margin:0}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background-color:var(--tertiary-bg);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-primary);color:#fff}.mypage-content{flex:1;margin-left:250px;padding:32px;max-width:1400px}.section-title{color:var(--text-primary);font-size:24px;margin-bottom:24px}.mypage-content-layout{display:flex;gap:24px;height:calc(100vh - 120px)}.mypage-list-panel{width:400px;display:flex;flex-direction:column;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.mypage-list-header{padding:20px;border-bottom:1px solid var(--border-color)}.mypage-list-container{flex:1;overflow-y:auto;padding:12px}.mypage-list-item{background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.mypage-list-item:hover{background-color:var(--primary-bg);border-color:var(--accent-primary)}.mypage-list-item.selected{background-color:var(--accent-primary);border-color:var(--accent-primary)}.mypage-list-item.selected *{color:#fff!important}.mypage-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mypage-list-title{font-weight:600;color:var(--text-primary);font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage-list-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.mypage-list-date{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.mypage-list-reply-badge{font-size:12px;color:#00b894;font-weight:600;margin-top:8px}.mypage-detail-panel{flex:1;overflow-y:auto;padding-right:12px}.mypage-info-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px}.mypage-info-card h3{color:var(--text-primary);margin-bottom:16px;font-size:20px}.info-row{display:flex;padding:8px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .label{flex:0 0 100px;font-weight:600;color:var(--text-secondary)}.info-row .value{flex:1;color:var(--text-primary)}.mypage-reply-section{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.mypage-no-reply{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px;text-align:center}.mypage-no-reply p{color:var(--text-secondary);margin:8px 0}@media(max-width:768px){.mypage-sidebar{width:200px}.mypage-content{margin-left:200px;padding:20px}.mypage-content-layout{flex-direction:column;height:auto}.mypage-list-panel{width:100%;max-height:400px}}.notices-page{min-height:100vh;background-color:var(--primary-bg);padding-top:var(--header-height)}.notices-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.notices-header{margin-bottom:var(--spacing-xl)}.notices-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.notices-description{font-size:14px;color:var(--text-secondary)}.notices-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.notice-item{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:inherit;display:block}.notice-item:hover{background-color:var(--tertiary-bg);border-color:var(--accent-primary);transform:translateY(-2px)}.notice-item.pinned{border-color:var(--accent-warning);background:linear-gradient(135deg,var(--secondary-bg) 0%,rgba(247,187,85,.05) 100%)}.notice-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.notice-pin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--accent-warning);color:var(--primary-bg);font-size:11px;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.notice-item-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.notice-item-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:12px;color:var(--text-muted)}.notice-item-author,.notice-item-date{display:flex;align-items:center;gap:4px}.notice-empty{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-secondary)}.notice-empty svg{margin-bottom:var(--spacing-md);opacity:.5}.loading{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-secondary)}.notice-detail{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.notice-detail-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.notice-detail-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.notice-detail-meta{display:flex;align-items:center;gap:var(--spacing-lg);font-size:13px;color:var(--text-muted)}.notice-detail-content{font-size:15px;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.notice-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--tertiary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;margin-bottom:var(--spacing-lg)}.notice-back-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-primary)}@media(max-width:768px){.notices-container{padding:var(--spacing-lg) var(--spacing-sm)}.notices-title{font-size:24px}.notice-item{padding:var(--spacing-md)}.notice-item-title{font-size:16px}.notice-detail{padding:var(--spacing-lg)}.notice-detail-title{font-size:20px}.notice-detail-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.info-page{min-height:100vh;background-color:var(--primary-bg);padding-top:var(--header-height)}.info-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.info-header{margin-bottom:var(--spacing-xl);text-align:center}.info-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.info-description{font-size:15px;color:var(--text-secondary);max-width:600px;margin:0 auto}.info-content{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.info-section{margin-bottom:var(--spacing-xl)}.info-section:last-child{margin-bottom:0}.info-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.info-section-subtitle{font-size:16px;font-weight:600;color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.info-paragraph{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.info-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.info-list li{font-size:14px;line-height:1.8;color:var(--text-secondary);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);position:relative}.info-list li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.info-highlight{background-color:#f7bb551a;border-left:3px solid var(--accent-warning);padding:var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-md) 0}.info-highlight p{margin:0;font-size:14px;line-height:1.8;color:var(--text-secondary)}.info-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.info-table th,.info-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.info-table th{background-color:var(--tertiary-bg);font-weight:600;color:var(--text-primary);font-size:14px}.info-table td{color:var(--text-secondary);font-size:14px}.faq-item{margin-bottom:var(--spacing-lg);background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.faq-question{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.faq-question:before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--accent-primary);color:var(--primary-bg);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.faq-answer{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-left:32px}@media(max-width:768px){.info-container{padding:var(--spacing-lg) var(--spacing-sm)}.info-title{font-size:26px}.info-content{padding:var(--spacing-lg)}.info-section-title{font-size:18px}.info-section-subtitle{font-size:15px}.info-table th,.info-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}}.blocked-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:20px}.blocked-container{max-width:600px;width:100%;background:#1e1e1ef2;border-radius:16px;padding:40px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.blocked-logo{display:flex;justify-content:center;margin-bottom:30px}.blocked-content{text-align:center}.blocked-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.blocked-title{color:#f44;font-size:28px;font-weight:700;margin-bottom:30px}.blocked-info{background:#0000004d;border-radius:12px;padding:24px;margin-bottom:24px;text-align:left}.blocked-info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.blocked-info-item:last-child{border-bottom:none;padding-bottom:0}.blocked-info-item:first-child{padding-top:0}.blocked-label{color:#888;font-size:14px;font-weight:500;flex-shrink:0;margin-right:16px}.blocked-value{color:#fff;font-size:15px;text-align:right;word-break:break-word}.blocked-reason{color:#ff6b6b;font-weight:500;max-width:70%}.blocked-description{color:#aaa;font-size:14px;line-height:1.6;margin-bottom:30px;padding:16px;background:#ffffff08;border-radius:8px}.blocked-description p{margin:0}.blocked-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.blocked-btn{padding:12px 32px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;max-width:200px}.blocked-btn-contact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.blocked-btn-contact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.blocked-btn-logout{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.blocked-btn-logout:hover{background:#ffffff26;transform:translateY(-2px)}.blocked-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.blocked-footer p{color:#666;font-size:13px;margin:0;line-height:1.5}@media(max-width:768px){.blocked-container{padding:30px 20px}.blocked-title{font-size:24px}.blocked-icon{font-size:48px}.blocked-actions{flex-direction:column}.blocked-btn{max-width:100%}.blocked-info-item{flex-direction:column;gap:8px}.blocked-reason{max-width:100%;text-align:left}}.rate-limit-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.rate-limit-container{background:#1e1e2ef2;border-radius:16px;padding:48px 40px;max-width:600px;width:100%;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,193,7,.2);text-align:center}.rate-limit-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;justify-content:center;align-items:center;color:#ffc107;background:#ffc1071a;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.rate-limit-title{font-size:32px;font-weight:700;color:#ffc107;margin:0 0 24px}.rate-limit-message{margin-bottom:32px}.rate-limit-message p{color:#b0b0b0;font-size:16px;line-height:1.6;margin:8px 0}.rate-limit-info{background:#14141e99;border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid rgba(255,193,7,.15)}.info-item{display:flex;align-items:center;gap:12px;color:#d0d0d0;font-size:14px;line-height:1.8;margin:16px 0;text-align:left}.info-item:first-child{margin-top:0}.info-item:last-child{margin-bottom:0}.info-item svg{flex-shrink:0;color:#ffc107}.rate-limit-countdown{margin:32px 0;padding:24px;background:#ffc1070d;border-radius:12px;border:1px solid rgba(255,193,7,.2)}.countdown-circle{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;border:4px solid rgba(255,193,7,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffc1071a;position:relative}.countdown-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;border-top-color:#ffc107;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown-number{font-size:48px;font-weight:700;color:#ffc107;line-height:1}.countdown-label{font-size:14px;color:#ffc107;margin-top:4px}.countdown-text{color:#b0b0b0;font-size:14px;margin:0}.btn-return{background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a2e;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.btn-return:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ffc10766}.btn-return:active{transform:translateY(0)}.rate-limit-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.rate-limit-footer p{color:gray;font-size:13px;margin:0}@media(max-width:768px){.rate-limit-container{padding:32px 24px}.rate-limit-title{font-size:24px}.rate-limit-icon{width:64px;height:64px}.rate-limit-icon svg{width:64px;height:64px}.countdown-circle{width:100px;height:100px}.countdown-number{font-size:40px}.info-item{font-size:13px}}.cache-clear-guide-page{min-height:100vh;background:linear-gradient(135deg,#1e1e2e,#2a2a3e);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.cache-clear-guide-container{max-width:900px;width:100%;background:#2b2d31;border-radius:8px;padding:40px;box-shadow:0 8px 24px #0006}.cache-clear-guide-header{text-align:center;margin-bottom:40px}.cache-clear-guide-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}.cache-clear-guide-description{font-size:16px;color:#b5bac1;line-height:1.6;margin:0}.browser-selector{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.browser-btn{background:#313338;color:#b5bac1;border:2px solid transparent;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.browser-btn:hover{background:#383a40;color:#fff}.browser-btn.active{background:#5865f2;color:#fff;border-color:#5865f2}.guide-content{background:#313338;border-radius:8px;padding:32px;margin-bottom:32px}.guide-browser-name{font-size:24px;font-weight:600;color:#fff;margin:0 0 24px;text-align:center}.guide-shortcut{background:#1e1f22;border-radius:8px;padding:16px;margin-bottom:32px;color:#b5bac1;font-size:14px;text-align:center}.guide-shortcut strong{color:#fff;margin-right:8px}.guide-steps h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.guide-steps-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.guide-steps-list li{color:#dbdee1;font-size:16px;line-height:1.8;margin-bottom:16px;padding-left:12px;position:relative}.guide-steps-list li:last-child{margin-bottom:0}.guide-note{background:#faa61a1a;border-left:4px solid #faa61a;border-radius:4px;padding:16px;margin-top:32px}.guide-note p{color:#dbdee1;font-size:14px;margin:0;line-height:1.6}.guide-note strong{color:#faa61a}.cache-clear-guide-actions{display:flex;justify-content:center}.cache-clear-guide-btn{background-color:#5865f2;color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:all .17s ease;display:inline-flex;align-items:center;gap:8px}.cache-clear-guide-btn:hover{background-color:#4752c4;transform:translateY(-1px);box-shadow:0 4px 8px #5865f24d}.cache-clear-guide-btn:active{background-color:#3c45a5;transform:translateY(0)}@media(max-width:768px){.cache-clear-guide-container{padding:24px}.cache-clear-guide-title{font-size:24px}.cache-clear-guide-description{font-size:14px}.browser-btn{padding:10px 16px;font-size:14px}.guide-content{padding:20px}.guide-browser-name{font-size:20px}.guide-steps-list li{font-size:14px}}:root{--primary-bg: #0a0a0a;--secondary-bg: #121212;--tertiary-bg: #1a1a1a;--hover-bg: #252525;--border-color: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #707070;--accent-primary: #5865f2;--accent-hover: #4752c4;--accent-success: #3ba55d;--accent-danger: #ed4245;--header-height: 70px;--container-max: 1400px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--primary-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:var(--tertiary-bg);border-radius:6px;border:3px solid var(--primary-bg)}::-webkit-scrollbar-thumb:hover{background:var(--hover-bg)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--hover-bg);transform:translateY(-2px)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-primary{background-color:var(--accent-primary);color:var(--text-primary)}.btn-primary:hover{background-color:var(--accent-hover);transform:scale(1.02)}.btn-discord{background-color:#5865f2;color:#fff;padding:10px 20px;font-weight:600}.btn-discord:hover{background-color:#4752c4}.btn-secondary{background-color:var(--tertiary-bg);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--hover-bg)}input,textarea{background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;width:100%;transition:all var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--accent-primary);background-color:var(--secondary-bg)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--primary-bg);padding-top:var(--header-height)}.chat-layout{display:flex;min-height:calc(100vh - var(--header-height));overflow-x:hidden;max-width:100vw}.chat-right-ad-container{width:160px;background-color:#2b2d31;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);padding:12px;border-left:1px solid #1e1f22;z-index:1}.ad-sidebar-right{min-height:250px;padding:15px 10px}.main-content{flex:1;padding-top:calc(var(--header-height) + var(--spacing-xl));padding-bottom:var(--spacing-xl);min-height:calc(100vh - var(--header-height))}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.connected{background-color:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.status-dot.disconnected{background-color:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.footer{background-color:var(--secondary-bg);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.footer-left{display:flex;align-items:center;gap:var(--spacing-md)}.footer-divider{color:var(--border-color)}.footer-right{font-style:italic}@media(max-width:768px){.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-left{flex-direction:column;gap:var(--spacing-xs)}.footer-divider{display:none}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;inset:0;background-color:#000000b3;z-index:999}}.chat-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);transition:transform .3s ease}.sidebar-ad-container{padding:16px;background-color:#1e1f22;border-top:1px solid #1e1f22;margin-top:auto}.ad-placeholder{background-color:#313338;border:2px dashed #4e5058;border-radius:8px;padding:30px 20px;text-align:center;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-label{font-size:12px;color:#949ba4;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(min-width:1025px){.chat-sidebar:not(.open){width:0;min-width:0;overflow:hidden}}@media(max-width:1024px){.chat-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;z-index:1000;transform:translate(-100%)}.chat-sidebar.open{transform:translate(0)}}.chat-sidebar-header{padding:12px 16px;border-bottom:1px solid #1e1f22;background-color:#2b2d31;display:flex;align-items:center;justify-content:space-between}.server-name{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#f2f3f5;font-size:18px}.server-icon{display:flex;align-items:center;justify-content:center}.sidebar-close-btn{display:none;background:none;border:none;color:#b5bac1;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.sidebar-close-btn:hover{background-color:#404249;color:#fff}@media(max-width:1024px){.sidebar-close-btn{display:flex;align-items:center;justify-content:center}}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#b5bac1;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;margin-right:12px}.sidebar-toggle-btn:hover{background-color:#404249;color:#fff}.channel-list{flex:1;overflow-y:auto;padding:12px 8px}.channel-category{margin-bottom:16px}.category-title{display:flex;align-items:center;gap:6px;padding:10px 8px 6px;font-size:13px;font-weight:800;color:#b5bac1;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:color .15s ease;-webkit-user-select:none;user-select:none}.category-title:hover{color:#dbdee1}.category-arrow{transition:transform .2s ease}.category-arrow.collapsed{transform:rotate(-90deg)}.category-channels{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.channel-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:4px 0;border-radius:6px;color:#949ba4;cursor:pointer;transition:all .15s ease}.channel-item:hover{background-color:#35373c;color:#dbdee1}.channel-item.active{background-color:#404249;color:#fff}.channel-icon{font-size:20px;color:#80848e}.channel-item.active .channel-icon{color:#fff}.channel-name{font-size:15px;font-weight:600}.sidebar-guide-section{padding:12px 8px;border-top:1px solid #1e1f22;background-color:#2b2d31}.sidebar-section-title{padding:8px 8px 6px;font-size:12px;font-weight:700;color:#949ba4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.guide-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:4px 0;border:none;border-radius:6px;background:none;color:#949ba4;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left}.guide-btn:hover{background-color:#35373c;color:#dbdee1}.guide-btn.recruit-guide:hover{background:linear-gradient(135deg,#667eea26,#764ba226);color:#a8b4ff}.guide-btn.find-guide:hover{background:linear-gradient(135deg,#f093fb26,#f5576c26);color:#ffb3d9}.guide-icon{font-size:18px;flex-shrink:0}.guide-text{flex:1;font-size:14px}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#313338;height:calc(100vh - var(--header-height));position:relative;min-width:0;overflow-x:hidden}.chat-top-ad-container,.chat-bottom-ad-container{display:none;padding:12px 16px;background-color:#2b2d31;flex-shrink:0}.chat-top-ad-container{border-bottom:1px solid #1e1f22}.chat-bottom-ad-container{border-top:1px solid #1e1f22}.ad-banner{min-height:90px;padding:15px 20px}.scroll-to-bottom-btn{position:absolute;bottom:16px;right:24px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background-color:#5865f2;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;pointer-events:auto}.scroll-to-bottom-btn:hover{background-color:#4752c4;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.scroll-to-bottom-btn:active{transform:translateY(0)}.new-message-badge{position:absolute;top:-4px;right:-4px;background-color:#ed4245;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 6px #0000004d}.chat-header{min-height:48px;padding:12px 16px;border-bottom:1px solid #1e1f22;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;background-color:#313338;box-shadow:0 1px #0003;position:relative;z-index:100;overflow:visible}.channel-info{display:flex;align-items:center;gap:8px;font-weight:600;color:#f2f3f5;font-size:16px;flex-shrink:0}.channel-description{font-size:13px;color:#949ba4;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:150px}.chat-search-group{display:flex;gap:8px;margin-left:auto;flex-shrink:1;min-width:0;overflow:visible}.chat-search{display:flex;align-items:center;position:relative;flex-shrink:1;min-width:80px}.chat-search-input{width:100%;max-width:240px;min-width:0;padding:8px 32px 8px 12px;background-color:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#dbdee1;font-size:13px;outline:none;transition:all .15s ease;box-sizing:border-box}.chat-search-input:focus{background-color:#2b2d31;border-color:#5865f2}.search-hunting .chat-search-input.has-value{border:2px solid #ffc107;background-color:#1e1f22}.search-hunting .chat-search-input.has-value:focus{border:2px solid #ffc107;background-color:#2b2d31}.search-partycount .chat-search-input.has-value{border:2px solid #ff8a65;background-color:#1e1f22}.search-partycount .chat-search-input.has-value:focus{border:2px solid #ff8a65;background-color:#2b2d31}.search-special .chat-search-input.has-value{border:2px solid #ab92db;background-color:#1e1f22}.search-special .chat-search-input.has-value:focus{border:2px solid #ab92db;background-color:#2b2d31}.search-line .chat-search-input.has-value{border:2px solid #64b5f6;background-color:#1e1f22}.search-line .chat-search-input.has-value:focus{border:2px solid #64b5f6;background-color:#2b2d31}.chat-search-input::placeholder{color:#6d6f78}.chat-search-clear{position:absolute;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#4e5058;border:none;border-radius:50%;color:#dbdee1;font-size:12px;cursor:pointer;transition:all .15s ease}.chat-search-clear:hover{background-color:#5a5f68}.search-header-info{padding:8px 12px;text-align:center;background-color:#5865f21a;border-radius:4px;margin-bottom:8px}.search-header-text{font-size:12px;color:#b5bac1;font-weight:500}.search-guide-container{position:relative;display:flex;align-items:center;margin-right:8px;flex-shrink:0}.search-guide-hover-hint{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#1e1f22;color:#b5bac1;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 8px #0000004d;z-index:1000}.search-guide-container:hover .search-guide-hover-hint{opacity:1}.search-guide-button{width:24px;height:24px;padding:0;background-color:#5865f2;border:none;border-radius:50%;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.search-guide-button:hover{background-color:#4752c4;transform:scale(1.1)}.search-guide-popup-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:overlay-fade-in .2s ease-out}.search-guide-popup{background-color:#2b2d31;border-radius:8px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080;animation:popup-scale-in .2s ease-out}@keyframes popup-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.search-guide-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3a3c42;flex-shrink:0}.search-guide-popup-title{font-size:20px;font-weight:600;color:#fff;margin:0}.search-guide-popup-close{width:32px;height:32px;border:none;background-color:transparent;color:#b5bac1;font-size:24px;cursor:pointer;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.search-guide-popup-close:hover{background-color:#3a3c42;color:#fff}.search-guide-popup-content{padding:24px;overflow-y:auto;flex:1}.search-guide-popup-content::-webkit-scrollbar{width:8px}.search-guide-popup-content::-webkit-scrollbar-track{background:#1e1f22;border-radius:4px}.search-guide-popup-content::-webkit-scrollbar-thumb{background:#4e5058;border-radius:4px}.search-guide-popup-content::-webkit-scrollbar-thumb:hover{background:#5865f2}.guide-toggle-button{width:100%;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;padding:16px 20px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5865f24d}.guide-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5865f266;background:linear-gradient(135deg,#4752c4,#3c45a5)}.guide-toggle-button:active{transform:translateY(0)}.guide-toggle-text{color:#fff;font-size:15px;font-weight:600;letter-spacing:-.3px}.guide-toggle-icon{color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.guide-toggle-icon.rotated{transform:rotate(180deg)}.guide-advanced-section{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.guide-advanced-section.collapsed{max-height:0;opacity:0}.guide-advanced-section.expanded{max-height:2000px;opacity:1}.guide-advanced-content{padding-top:0}.guide-section{margin-bottom:12px}.guide-section:last-child{margin-bottom:0}.guide-example-title{font-weight:600;color:#fff;margin-bottom:6px;font-size:13px}.guide-example-chat{background-color:#1e1f22;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;line-height:1.6;color:#dbdee1;border-left:3px solid #5865f2}.guide-divider{height:1px;background-color:#4e5058;margin:12px 0}.guide-filter-title{font-weight:600;color:#fff;margin-bottom:4px;font-size:13px}.guide-filter-desc{font-size:12px;line-height:1.8;color:#b5bac1}.guide-input{background-color:#1e1f22;padding:2px 6px;border-radius:3px;color:#00bfff;font-family:monospace;font-weight:600}.guide-highlight{background-color:#ffd70033;padding:2px 4px;border-radius:3px;color:gold;font-weight:600}.guide-highlight-target{position:relative!important;z-index:9997!important;box-shadow:0 0 0 3px #3182f699,0 0 0 6px #3182f64d,0 0 20px #3182f666!important;animation:guidePulse 2s infinite!important;border-radius:8px!important}@keyframes guidePulse{0%,to{box-shadow:0 0 0 3px #3182f699,0 0 0 6px #3182f64d,0 0 20px #3182f666}50%{box-shadow:0 0 0 5px #3182f6b3,0 0 0 10px #3182f666,0 0 30px #3182f680}}.guide-tip-title{font-weight:600;color:gold;margin-bottom:4px;font-size:13px}.guide-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.guide-table th{background-color:#2b2d31;color:#fff;padding:10px 12px;text-align:left;font-weight:600;border-bottom:2px solid #5865f2}.guide-table td{padding:10px 12px;border-bottom:1px solid #3a3c42;color:#b5bac1;vertical-align:middle}.guide-table tr:last-child td{border-bottom:none}.guide-table tr:hover{background-color:#5865f21a}.guide-tips{font-size:12px;color:#b5bac1;padding:8px;background-color:#ffd7001a;border-radius:4px;border-left:3px solid #ffd700}.guide-all-filters-example{background-color:#1e1f22;padding:16px;border-radius:6px;border:1px solid #3a3c42}.filter-inputs{font-size:13px;color:#fff;font-weight:600;text-align:center;padding:10px;background-color:#2b2d31;border-radius:4px}.guide-result{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:#dbdee1;padding:10px}.guide-explanation{font-size:12px;color:#949ba4;font-style:italic;margin-top:10px;padding:8px 10px;background-color:#5865f21a;border-radius:4px}.hunting-suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:400px;background-color:#2b2d31;border:1px solid #5865f2;border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;z-index:100000}.hunting-suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #1e1f22;transition:background-color .15s ease}.hunting-suggestion-item:last-child{border-bottom:none}.hunting-suggestion-item:hover{background-color:#383a40}.suggestion-title{font-size:14px;font-weight:700;color:#dbdee1;margin-bottom:4px}.suggestion-keywords{font-size:12px;color:#b5bac1;line-height:1.5}.search-tooltip{position:absolute;top:calc(100% + 12px);left:0;background-color:#111214;border-radius:8px;padding:12px 14px;box-shadow:0 8px 16px #00000080;z-index:99999;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;min-width:240px;white-space:nowrap}.search-with-tooltip:hover .search-tooltip{opacity:1;visibility:visible}.search-tooltip:after{content:"";position:absolute;bottom:100%;left:20px;border:6px solid transparent;border-bottom-color:#111214}.search-line .search-tooltip{left:auto;right:0}.search-line .search-tooltip:after{left:auto;right:20px}.tooltip-title{font-size:14px;font-weight:600;color:#f2f3f5;margin-bottom:8px}.tooltip-content{font-size:13px;color:#b5bac1;line-height:1.5}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;position:relative}.chat-floating-buttons{position:sticky;bottom:0;align-self:stretch;height:0;margin-top:auto;pointer-events:none;z-index:100}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#2b2d31}.chat-messages::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#141517}.no-messages{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#949ba4}.channel-icon-large{font-size:64px;color:#4e5058}.no-messages h3{font-size:18px;color:#f2f3f5;margin:0}.no-messages p{font-size:14px;margin:0}.chat-message{display:flex;gap:16px;padding:8px 0;margin:4px 0;position:relative}.chat-message:hover{background-color:#2e3035;margin:4px -8px;padding:8px;border-radius:4px}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;font-size:16px;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-username{font-weight:600;color:#f2f3f5;font-size:15px}.message-timestamp{font-size:12px;color:#949ba4;font-weight:400}.message-text{color:#dbdee1;font-size:15px;line-height:1.4;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.search-highlight{background-color:gold;color:#000;padding:2px 4px;border-radius:3px;font-weight:600}.hunting-highlight{background-color:#ffc10740;color:#ffc107;padding:2px 4px;border-radius:3px;font-weight:500}.party-count-highlight{background-color:#ff8a6540;color:#ff8a65;padding:2px 4px;border-radius:3px;font-weight:500}.special-highlight{background-color:#ab92db40;color:#ab92db;padding:2px 4px;border-radius:3px;font-weight:500}.line-highlight{background-color:#64b5f64d;color:#64b5f6;padding:2px 4px;border-radius:3px;font-weight:500}.line-match-background{display:inline-block;width:100%;background-color:#64b5f61f;padding:4px 6px;border-radius:3px;border-left:2px solid rgba(100,181,246,.4)}.chat-inline-ad{margin:12px 0;padding:12px 16px;background-color:#2b2d31;border-radius:8px;border:1px solid #1e1f22;display:flex;flex-direction:column;gap:8px;min-height:80px}.inline-ad-label{font-size:10px;color:#949ba4;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.inline-ad-content{display:flex;align-items:center;justify-content:center;min-height:60px;background-color:#1e1f22;border-radius:4px;padding:12px}.ad-placeholder-text{font-size:12px;color:#6d6f78;text-align:center}.chat-input-container{padding:16px;background-color:#313338}.chat-input-login-required{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#383a40;border-radius:8px}.chat-input-login-required svg{color:#949ba4;flex-shrink:0}.login-required-text{flex:1;font-size:14px;color:#dbdee1;line-height:1.5}.btn-discord-small{padding:8px 16px;font-size:13px;white-space:nowrap}.chat-input-form{width:100%;position:relative}.chat-error-popup,.party-error-popup{position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;margin-bottom:8px;background-color:#ed4245;color:#fff;padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:fadeIn .2s ease-out;z-index:9999;white-space:nowrap}.chat-error-popup svg,.party-error-popup svg{flex-shrink:0}.chat-input{width:100%;padding:12px 16px;background-color:#383a40;border:none;border-radius:8px;color:#dbdee1;font-size:15px;outline:none;transition:background-color .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;resize:none;overflow:visible;min-height:44px;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}.chat-input.empty:before{content:attr(data-placeholder);color:#6d6f78;pointer-events:none;position:absolute}.chat-input:focus{background-color:#404249}.chat-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.send-button-container{display:flex;align-items:center;gap:12px}.cooldown-timer{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;min-width:50px;text-align:right;transition:color .2s ease}.cooldown-timer.danger{color:#ed4245}.cooldown-timer.safe{color:#57f287}.btn-send{background-color:#5865f2;color:#fff;border:none;padding:7px 18px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.btn-send:hover:not(:disabled){background-color:#4752c4}.btn-send:active:not(:disabled){background-color:#3c45a5}.btn-send:disabled{background-color:#4e5058;cursor:not-allowed;opacity:.5}.clickable-emoji{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;padding:2px 4px;border-radius:4px;transition:all .15s ease}.clickable-emoji:hover{background-color:#ffffff1a;transform:scale(1.2)}.clickable-emoji:active{transform:scale(.95)}.quick-toggle-emoji{transition:background-color .15s ease,transform .1s ease}.quick-toggle-emoji:hover{background-color:#5865f233;transform:scale(1.3)}.party-control-wrapper{display:flex;flex-direction:column;background-color:#313338;padding:16px}@keyframes pulse-glow-green{0%,to{box-shadow:0 2px 4px #00000026,0 0 #3ba55c66}50%{box-shadow:0 2px 4px #00000026,0 0 12px 4px #3ba55c99}}@keyframes pulse-glow-red{0%,to{box-shadow:0 2px 4px #00000026,0 0 #ed424566}50%{box-shadow:0 2px 4px #00000026,0 0 12px 4px #ed424599}}.party-visibility-toggle-wrapper{position:relative;align-self:flex-start;margin-bottom:12px}.party-visibility-toggle-wrapper-floating{position:absolute;bottom:16px;left:50%;transform:translate(-50%);flex-shrink:0;pointer-events:auto}.party-visibility-toggle{display:flex;align-items:center;justify-content:center;padding:0 20px;height:44px;min-width:100px;border-radius:10px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 6px #0003;flex-shrink:0}.party-visibility-toggle.visible{background-color:#3ba55c;color:#fff;animation:pulse-glow-green 2.5s ease-in-out infinite}.party-visibility-toggle.visible:hover{background-color:#2d8049;box-shadow:0 3px 6px #00000040;animation:none}.party-visibility-toggle.updating{background-color:#747f8d;color:#fff;cursor:not-allowed;animation:none;opacity:.7}.party-visibility-toggle.hidden{background-color:#ed4245;color:#fff;animation:pulse-glow-red 2.5s ease-in-out infinite}.party-visibility-toggle.hidden:hover{background-color:#c03537;box-shadow:0 3px 6px #00000040;animation:none}.visibility-status-text{line-height:1.2;white-space:nowrap}.party-visibility-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 14px;background-color:#1e1f22;color:#dbdee1;font-size:13px;font-weight:500;border-radius:6px;white-space:pre-line;text-align:center;min-width:200px;max-width:280px;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 12px #0006;z-index:1000;line-height:1.5}.party-visibility-toggle-wrapper:hover .party-visibility-tooltip,.party-visibility-toggle-wrapper-floating:hover .party-visibility-tooltip{opacity:1}.party-visibility-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e1f22}.tooltip-highlight-green{color:#3ba55c;font-weight:700}.tooltip-highlight-red{color:#ed4245;font-weight:700}.party-status-container{padding:16px;background-color:#313338;position:relative;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.party-status-container.party-hidden .party-status-text-editable,.party-status-container.party-hidden .party-edit-input{border:2px solid #ff4444;background-color:#ff44441a}.auto-repost-notification{position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:12px 24px;background-color:#5865f2;color:#fff;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.party-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px 12px;background-color:#2b2d31;border-radius:8px;gap:8px;min-width:0}.party-status-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.party-tab-badge{padding:4px 8px;background-color:#5865f2;border-radius:4px;font-weight:600;font-size:12px;color:#fff;flex-shrink:0;white-space:nowrap}.party-channel-name{font-size:14px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.party-timer{padding:4px 12px;background-color:#404249;border-radius:6px;font-size:16px;font-weight:700;color:#00b894;font-family:Courier New,monospace;min-width:60px;text-align:center;flex-shrink:0;white-space:nowrap}.party-status-content{display:flex;flex-direction:column;gap:12px}.party-status-text{padding:12px 16px;background-color:#383a40;border-radius:8px;color:#dbdee1;font-size:15px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;overflow:visible;animation:fadeIn .3s ease-out;cursor:default;-webkit-user-select:text;user-select:text}.party-status-text-editable{padding:12px 16px;background-color:#383a40;border-radius:8px;color:#dbdee1;font-size:15px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;min-height:44px;overflow:visible;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:default;-webkit-user-select:text;user-select:text}.party-status-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;flex-shrink:0}.party-status-actions button{padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-repost{background-color:#00b894;color:#fff;padding:6px 10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;animation:fadeInFast .15s ease-out;transition:all .15s ease;flex-shrink:0}.btn-repost.fade-out{animation:fadeOutFast .15s ease-out forwards}@keyframes fadeInFast{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutFast{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.btn-repost:hover{background-color:#00a383}.btn-repost.disabled{background-color:#4e5058;color:#949ba4;cursor:not-allowed;opacity:.6;pointer-events:none}.btn-repost.disabled:hover{background-color:#4e5058}.btn-repost-wrapper{position:relative;display:inline-block;cursor:default}.btn-repost-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 14px;background-color:#1e1f22;color:#dbdee1;font-size:13px;font-weight:500;border-radius:6px;white-space:pre-line;text-align:center;width:max-content;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 12px #0006;z-index:1000;line-height:1.5}.btn-repost-wrapper:hover .btn-repost-tooltip{opacity:1}.btn-edit{background-color:#9b59b6;color:#fff}.btn-edit:hover{background-color:#8e44ad}.btn-close{background-color:#e74c3c;color:#fff}.btn-close:hover{background-color:#c0392b}.btn-auto-repost{background-color:#3498db;color:#fff}.btn-auto-repost:hover{background-color:#2980b9}.btn-auto-repost.active{background-color:#f39c12;color:#fff;box-shadow:0 0 10px #f39c1266}.btn-auto-repost.active:hover{background-color:#e67e22;box-shadow:0 0 15px #f39c1299}.btn-auto-repost.disabled{background-color:#4e5058;color:#949ba4;cursor:not-allowed;opacity:.6;pointer-events:none}.btn-auto-repost.disabled:hover{background-color:#4e5058;box-shadow:none}.btn-auto-repost-wrapper{position:relative;display:inline-block;cursor:default}.btn-auto-repost-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 14px;background-color:#1e1f22;color:#dbdee1;font-size:13px;font-weight:500;border-radius:6px;white-space:pre-line;text-align:center;width:max-content;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 12px #0006;z-index:1000;line-height:1.5}.btn-auto-repost-wrapper:hover .btn-auto-repost-tooltip{opacity:1}.party-edit-form{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease-out}.party-edit-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;animation:fadeIn .3s ease-out}.emoji-palette{display:flex;gap:6px;align-items:center;padding:6px 10px;background-color:#2b2d31;border-radius:6px}.emoji-label{font-size:10px;color:#b5bac1;font-weight:600;margin-right:-3px}.emoji-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:3px 6px;border-radius:4px;transition:background-color .15s ease,transform .1s ease;line-height:1}.emoji-btn:hover{background-color:#383a40;transform:scale(1.1)}.emoji-btn:active{transform:scale(.95)}.emoji-divider{color:#4e5058;font-size:14px;margin:0 4px}.party-edit-input{padding:12px 16px;background-color:#383a40;border:2px solid #5865f2;border-radius:8px;color:#dbdee1;font-size:15px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;min-height:44px;overflow:visible;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.party-edit-buttons{display:flex;gap:12px;align-items:center;position:relative}.error-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;background-color:#ed4245;color:#fff;padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:slideUp .2s ease-out;z-index:100;white-space:nowrap}.error-popup svg{flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpCenter{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-save{background-color:#00b894;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save:hover{background-color:#00a383}.btn-cancel{background-color:#404249;color:#b9bbbe;padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#4e5058}@media(max-width:768px){body{overflow-x:hidden}.app{overflow-x:hidden;max-width:100vw;min-height:100vh;min-height:100dvh}.chat-main{max-width:100vw;overflow-x:hidden;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.chat-right-ad-container{display:none!important}.chat-floating-buttons{bottom:0}.scroll-to-bottom-btn{bottom:12px;right:16px;width:44px;height:44px}.party-visibility-toggle-wrapper-floating{bottom:12px;left:50%;transform:translate(-50%)}.party-visibility-toggle{font-size:14px;padding:0 16px;height:38px;min-width:85px}.party-visibility-toggle-wrapper-floating.show-tooltip .party-visibility-tooltip,.btn-repost-wrapper.show-tooltip .btn-repost-tooltip,.btn-auto-repost-wrapper.show-tooltip .btn-auto-repost-tooltip,.search-with-tooltip.show-tooltip .search-tooltip{opacity:1;visibility:visible;pointer-events:auto}.party-visibility-tooltip,.btn-repost-tooltip,.btn-auto-repost-tooltip{font-size:11px;padding:8px 10px;min-width:160px}.new-message-badge{font-size:10px;padding:2px 5px;min-width:18px}.chat-layout{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.channel-name{font-size:13px}.chat-header{padding:6px 10px;gap:4px;min-height:auto;flex-wrap:wrap;overflow:visible}.sidebar-toggle-btn{order:0}.channel-info{order:1;flex:1;min-width:0;overflow:hidden}.channel-description{display:none}.chat-search-group{order:10;flex-basis:100%;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.chat-search{margin-left:0!important;min-width:0;overflow:visible}.chat-search-input{width:100%;font-size:11px;padding:4px 24px 4px 6px;box-sizing:border-box}.chat-search-clear{width:18px;height:18px;font-size:10px;right:6px}.search-tooltip{font-size:11px;padding:8px 10px;min-width:180px}.tooltip-title{font-size:12px;margin-bottom:6px}.tooltip-content{font-size:11px}.hunting-suggestions-dropdown{max-height:200px;max-width:90vw;font-size:12px}.hunting-suggestion-item{padding:8px 10px}.suggestion-title{font-size:13px}.suggestion-keywords{font-size:11px}.party-control-wrapper,.party-status-container{padding:10px}.party-visibility-toggle-wrapper{margin-bottom:8px}.party-status-content{gap:6px}.party-status-header{flex-wrap:wrap;gap:16px;padding:4px 8px;margin-bottom:6px}.party-status-info{flex-wrap:nowrap;gap:6px;flex:1;justify-content:flex-start;align-items:center}.party-tab-badge{padding:3px 6px;font-size:11px}.party-channel-name{font-size:12px}.party-timer{font-size:14px;padding:3px 10px;min-width:50px}.btn-repost{padding:5px 10px;font-size:11px}.party-status-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-end;width:100%;order:10}.party-status-actions button{padding:6px 12px;font-size:12px;white-space:nowrap}.party-edit-footer{gap:6px}.emoji-palette{padding:4px 6px;gap:3px}.emoji-label{font-size:9px;margin-right:-2px}.emoji-btn{font-size:16px;padding:2px 4px}.party-edit-buttons{gap:6px;flex-wrap:nowrap}.btn-save,.btn-cancel{padding:5px 10px;font-size:11px;min-height:unset;line-height:1.2;white-space:nowrap}.party-status-text,.party-status-text-editable,.party-edit-input{padding:6px 10px;font-size:13px;line-height:1.3;overflow:visible}.chat-input-container{padding:6px 10px}.chat-input{padding:6px 10px;font-size:13px;min-height:32px;overflow:visible}.chat-input-footer{margin-top:4px}.btn-send{padding:5px 12px;font-size:12px}.cooldown-timer{font-size:12px}.login-required-text{font-size:13px}.btn-discord-small{padding:6px 12px;font-size:12px}.chat-messages{padding:8px}.chat-message{padding:3px 0;margin:1px 0}.chat-message:hover{background-color:transparent;margin:1px 0;padding:3px 0}.message-avatar{width:28px;height:28px;font-size:12px}.message-username{font-size:13px}.message-text{font-size:13px;line-height:1.3}.sidebar-ad-container{display:none}.chat-top-ad-container{display:none!important}.chat-bottom-ad-container{display:block;padding:8px 10px}.ad-banner{min-height:60px;padding:10px 15px}.ad-label{font-size:10px}}@media(min-width:769px)and (max-width:1024px){.chat-right-ad-container{display:flex}.chat-search-input{width:180px}}@media(max-width:1024px){.chat-search-input{width:200px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.stat-card{background-color:#2b2d31;border:1px solid #1e1f22;border-radius:8px;padding:16px}.stat-card h3{margin:0 0 12px;color:#f2f3f5;font-size:16px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #383a40}.stat-row:last-child{border-bottom:none}.stat-row span{color:#b5bac1;font-size:14px}.stat-row.total{margin-top:8px;padding-top:12px;border-top:2px solid #5865f2;border-bottom:none}.stat-row.total strong{color:#f2f3f5;font-size:15px}.highlight-green{color:#00b894!important;font-weight:700}.highlight-blue{color:#5865f2!important;font-weight:700}.highlight-yellow{color:#faa61a!important;font-weight:700}.stats-period-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background-color:#1e1f22;border-radius:8px;flex-wrap:wrap}.period-tab{padding:8px 16px;border:none;border-radius:6px;background-color:transparent;color:#b5bac1;font-size:14px;cursor:pointer;transition:all .2s ease}.period-tab:hover{background-color:#2b2d31;color:#f2f3f5}.period-tab.active{background-color:#5865f2;color:#fff}.subsection-title{font-size:16px;font-weight:600;color:#f2f3f5;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #383a40}.stat-card.highlight{border-color:#5865f2;background-color:#5865f21a}.period-stats-table{margin-top:16px;overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;background-color:#2b2d31;border-radius:8px;overflow:hidden}.stats-table th,.stats-table td{padding:12px 16px;text-align:left;font-size:13px;border-bottom:1px solid #383a40}.stats-table th{background-color:#1e1f22;color:#f2f3f5;font-weight:600;position:sticky;top:0}.stats-table td{color:#b5bac1}.stats-table tr:hover td{background-color:#5865f20d}.stats-table tr:last-child td{border-bottom:none}.info-text{color:#b5bac1;font-size:14px;padding:24px;text-align:center;background-color:#2b2d31;border-radius:8px;margin-top:16px}@media(max-width:768px){.stats-period-tabs{flex-wrap:wrap}.period-tab{flex:1;min-width:80px;text-align:center;padding:8px 12px;font-size:12px}.stats-table th,.stats-table td{padding:8px 10px;font-size:11px}}.cost-metrics,.cost-recommendation{background-color:#2b2d31;border:1px solid #1e1f22;border-radius:8px;padding:16px;margin:16px 0}.cost-metrics h3,.cost-recommendation h3{margin:0 0 12px;color:#f2f3f5;font-size:16px}.cloud-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.cost-card{background-color:#2b2d31;border:1px solid #1e1f22;border-radius:8px;padding:16px}.cost-card h3{margin:0 0 12px;color:#f2f3f5;font-size:16px}@media(max-width:768px){.stats-grid,.cloud-costs{grid-template-columns:1fr}}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#b5bac1;font-size:14px}.spinner{width:16px;height:16px;border:2px solid #313338;border-top-color:#5865f2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.party-message{background-color:#5e81f40d;border-left:3px solid #5E81F4;padding-left:12px}.party-badge{display:inline-block;padding:2px 8px;background-color:#5e81f4;color:#fff;border-radius:10px;font-size:11px;font-weight:600;margin-left:8px}.message-avatar.clickable-avatar{cursor:pointer;transition:transform .2s,opacity .2s}.message-avatar.clickable-avatar:hover{transform:scale(1.1);opacity:.8}.message-username.clickable-username{cursor:pointer;transition:color .2s}.message-username.clickable-username:hover{color:#5865f2;text-decoration:underline}.message-expand-btn{display:inline-block;margin-top:8px;padding:6px 12px;background-color:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:4px;color:#5865f2;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.message-expand-btn:hover{background-color:#5865f233;border-color:#5865f280}.profile-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.profile-menu{background-color:#2b2d31;border-radius:8px;max-width:350px;width:90%;box-shadow:0 8px 16px #0006;overflow:hidden}.profile-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background-color:#1e1f22}.modal-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0}.modal-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-menu-header h3{margin:0;color:#f2f3f5;font-size:18px;font-weight:600}.profile-menu-subtitle{margin:4px 0 0;color:#b5bac1;font-size:13px}.profile-menu-items{padding:8px}.profile-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:none;border:none;border-radius:4px;color:#b5bac1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.profile-menu-item:hover{background-color:#36373d}.profile-menu-item svg{flex-shrink:0}.discord-btn:hover{background-color:#5865f226;color:#5865f2}.hide-btn:hover{background-color:#faa61a26;color:#faa61a}.report-btn:hover{background-color:#ed424526;color:#ed4245}.profile-menu-divider{height:1px;background-color:#3f4147;margin:8px 0}.profile-menu-admin-label{padding:8px 12px 4px;font-size:11px;font-weight:700;color:#ed4245;text-transform:uppercase;letter-spacing:.5px}.admin-delete-btn:hover{background-color:#ed424526;color:#ed4245}.admin-edit-btn:hover{background-color:#57f28726;color:#57f287}.admin-block-btn:hover{background-color:#ed424526;color:#ed4245}.admin-warn-btn:hover{background-color:#fee75c26;color:#fee75c}.admin-hide-btn:hover{background-color:#99aab526;color:#99aab5}