:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-light: #747bff;--color-primary-dark: #5a5fcf;--color-primary-darker: #4f54bf;--color-secondary: #ff6b6b;--color-secondary-hover: #ff5252;--color-secondary-light: #ff8a80;--gradient-primary: linear-gradient(135deg, #646cff 0%, #ff6b6b 100%);--gradient-primary-hover: linear-gradient(135deg, #5a5fcf 0%, #4f54bf 100%);--gradient-quick-login: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);--gradient-warning: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);--gradient-error: linear-gradient(135deg, #ff6b6b 0%, #ff8a80 100%);--gradient-info: linear-gradient(135deg, #2196f3 0%, #64b5f6 100%);--gradient-softball: linear-gradient(135deg, #ff6b6b 0%, #ff8c42 100%);--gradient-baseball: linear-gradient(135deg, #2196f3 0%, #42a5f5 100%);--gradient-rugbyball: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);--gradient-bg-light: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);--gradient-bg-dark: linear-gradient(180deg, #242424 0%, #1a1a1a 100%);--color-error: #ff6b6b;--color-error-bg: rgba(255, 107, 107, .1);--color-error-border: #ff6b6b;--color-error-hover: #ff5252;--color-error-light: #ff8a80;--color-error-dark: #e53935;--color-success: #4caf50;--color-success-bg: rgba(76, 175, 80, .1);--color-success-border: #4caf50;--color-success-hover: #43a047;--color-success-light: #66bb6a;--color-success-dark: #388e3c;--color-warning: #ff9800;--color-warning-bg: rgba(255, 152, 0, .1);--color-warning-border: #ff9800;--color-warning-hover: #f57c00;--color-warning-light: #ffb74d;--color-warning-dark: #f57c00;--color-info: #2196f3;--color-info-bg: rgba(33, 150, 243, .1);--color-info-border: #2196f3;--color-info-hover: #1976d2;--color-info-light: #64b5f6;--color-info-dark: #1976d2;--color-notification: #ff8c42;--color-notification-hover: #ffaa66;--color-notification-bg: rgba(255, 140, 66, .1);--color-notification-border: #ff8c42;--color-notification-slide-bg: #2a1f1a;--color-status-success: #4caf50;--color-status-failure: #f44336;--color-status-pending: #ff9800;--color-status-in-progress: #2196f3;--color-status-cancelled: #9e9e9e;--color-badge-new: #f44336;--color-badge-read: #9e9e9e;--color-badge-important: #ff9800;--color-ranking-1st: #ffd700;--color-ranking-2nd: #c0c0c0;--color-ranking-3rd: #cd7f32;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #ffffff;--color-bg-quaternary: #f9f9f9;--color-bg-hover: #e0e0e0;--color-bg-active: #ddd;--color-text-primary: #213547;--color-text-secondary: #666;--color-text-tertiary: #888;--color-text-quaternary: #999;--color-text-muted: #213547;--color-placeholder: #999;--color-placeholder-opacity: 1;--color-border-primary: #ddd;--color-border-secondary: #ccc;--color-border-tertiary: #bbb;--color-field-grass: #2a5a2a;--color-field-grass-dark: #1a3a1a;--color-field-dirt: #8b7355;--color-field-dirt-dark: #6b5a3f;--color-field-line: #fff;--color-field-base: #fff;--color-accent-softball: #ff6b6b;--color-accent-baseball: #2196f3;--color-accent-rugbyball: #4caf50;--color-accent-coach: #646cff;--color-accent-player: #4caf50;--color-accent-manager: #ff9800;--color-accent-post: #646cff;--color-accent-game: #ff6b6b;--color-accent-team: #4caf50;--shadow-primary: rgba(100, 108, 255, .3);--shadow-primary-hover: rgba(100, 108, 255, .4);--shadow-notification: rgba(255, 140, 66, .3);--shadow-notification-hover: rgba(255, 140, 66, .4);--shadow-quick-login: rgba(102, 126, 234, .3);--shadow-quick-login-hover: rgba(102, 126, 234, .4);--shadow-success: rgba(76, 175, 80, .3);--shadow-warning: rgba(255, 152, 0, .3);--shadow-error: rgba(255, 107, 107, .3);--shadow-info: rgba(33, 150, 243, .3)}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #ffffff;--color-bg-quaternary: #f9f9f9;--color-bg-hover: #e0e0e0;--color-bg-active: #ddd;--color-text-primary: #213547;--color-text-secondary: #666;--color-text-tertiary: #888;--color-text-quaternary: #999;--color-text-muted: #213547;--color-border-primary: #ddd;--color-border-secondary: #ccc;--color-border-tertiary: #bbb}[data-theme=dark]{--color-bg-primary: #242424;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2a2a2a;--color-bg-quaternary: #1e1e1e;--color-bg-hover: #333;--color-bg-active: #444;--color-text-primary: #fff;--color-text-secondary: #ccc;--color-text-tertiary: #888;--color-text-quaternary: #666;--color-text-muted: rgba(255, 255, 255, .87);--color-border-primary: #333;--color-border-secondary: #444;--color-border-tertiary: #555;--color-success: #66bb6a;--color-success-bg: rgba(102, 187, 106, .2);--color-warning: #ffb74d;--color-warning-bg: rgba(255, 183, 77, .2);--color-info: #64b5f6;--color-info-bg: rgba(100, 181, 246, .2);--color-error: #ef5350;--color-error-bg: rgba(239, 83, 80, .2)}input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none}input::placeholder,input[type]::placeholder,input[type=text]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder,select option:first-child{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}input::-webkit-input-placeholder,input[type]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}input::-moz-placeholder,input[type]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}input:-ms-input-placeholder,input[type]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}input:-moz-placeholder,input[type]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=date]:-moz-placeholder,input[type=time]:-moz-placeholder,input[type=datetime-local]:-moz-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}textarea::-webkit-input-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}textarea::-moz-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}textarea:-ms-input-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}textarea:-moz-placeholder{color:var(--color-placeholder, #999)!important;opacity:var(--color-placeholder-opacity, 1)!important}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--color-primary, #1976d2);border:2px solid var(--color-primary, #1976d2);padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start;font-family:inherit}.submit-button .post-button-icon,.submit-button .submit-button-icon{font-size:1.25rem;color:inherit}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:hover:not(:disabled){background:var(--color-primary, #1976d2);color:#fff}.submit-button:hover:not(:disabled) .post-button-icon,.submit-button:hover:not(:disabled) .submit-button-icon{color:#fff}.btn-3d{border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;border:none;background:linear-gradient(180deg,#fff,#e0e0e0);color:#333;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;font-weight:500;box-shadow:0 2px #ccc,0 4px 6px #0000001a,inset 0 1px #fffc;position:relative;text-shadow:0 1px 1px rgba(255,255,255,.8)}.btn-3d:hover{transform:translateY(1px);box-shadow:0 1px #bbb,0 2px 4px #0000001a,inset 0 1px #fffc;background:linear-gradient(180deg,#f5f5f5,#d0d0d0)}.btn-3d:active{transform:translateY(2px);box-shadow:0 0 0 0 transparent,inset 0 2px 4px #0003,inset 0 1px #0000001a;background:linear-gradient(180deg,#e0e0e0,silver)}.btn-3d:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;box-shadow:0 1px 2px #0000000d;transform:none;text-shadow:none}.btn-3d-sm{padding:.375rem 1rem;font-size:.75rem;min-height:2rem;gap:.375rem;box-shadow:0 1px #ccc,0 3px 4px #0000001a,inset 0 1px #fffc}.btn-3d-sm:hover{box-shadow:0 1px #bbb,0 2px 3px #0000001a,inset 0 1px #fffc}.btn-3d-sm:active{box-shadow:0 0 0 0 transparent,inset 0 2px 3px #0003,inset 0 1px #0000001a}.btn-3d-lg{padding:.625rem 1.5rem;font-size:1rem;min-height:3rem;gap:.625rem;font-weight:600;box-shadow:0 3px #ccc,0 6px 8px #00000026,inset 0 1px #ffffffe6}.btn-3d-lg:hover{transform:translateY(2px);box-shadow:0 2px #bbb,0 4px 6px #0000001f,inset 0 1px #ffffffe6}.btn-3d-lg:active{transform:translateY(3px);box-shadow:0 0 0 0 transparent,inset 0 3px 6px #00000040,inset 0 1px #0000001a}.btn-3d-primary{background:linear-gradient(180deg,#646cff,#4a52d9);color:#fff;box-shadow:0 2px #3d42b3,0 4px 6px #646cff4d,inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-3d-primary:hover{background:linear-gradient(180deg,#535bf2,#3d42b3);box-shadow:0 1px #2d3199,0 2px 4px #646cff4d,inset 0 1px #ffffff4d}.btn-3d-primary:active{background:linear-gradient(180deg,#4a52d9,#3d42b3);box-shadow:0 0 0 0 transparent,inset 0 2px 4px #0000004d,inset 0 1px #0003}.btn-3d-secondary{background:linear-gradient(180deg,#6c757d,#545b62);color:#fff;box-shadow:0 2px #3e444a,0 4px 6px #6c757d4d,inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-3d-secondary:hover{background:linear-gradient(180deg,#5a6268,#3e444a);box-shadow:0 1px #2e3438,0 2px 4px #6c757d4d,inset 0 1px #ffffff4d}.btn-3d-secondary:active{background:linear-gradient(180deg,#545b62,#3e444a);box-shadow:0 0 0 0 transparent,inset 0 2px 4px #0000004d,inset 0 1px #0003}.btn-3d-icon{display:inline-flex;align-items:center;gap:.5rem}.btn-outline{background:transparent;border:2px solid #646cff;color:#646cff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-outline:hover{background:#646cff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #646cff4d}.btn-outline:active{transform:translateY(0);box-shadow:0 2px 6px #646cff33}.btn-outline:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:#999;border-color:#ccc}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color:var(--color-text-primary);background-color:var(--color-bg-primary)}[data-theme=dark]{color:var(--color-text-muted);background-color:var(--color-bg-primary)}[data-font-size=small]{font-size:14px}[data-font-size=medium]{font-size:16px}[data-font-size=large]{font-size:18px}[data-font-size=xlarge]{font-size:20px}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-secondary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;min-width:300px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:#f44336}.toast-warning{border-left-color:#ff9800}.toast-info{border-left-color:#2196f3}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-warning .toast-icon{color:#ff9800}.toast-info .toast-icon{color:#2196f3}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#333}.toast-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#333}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.feedback-modal-overlay{position:fixed;inset:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility .3s ease-out;transform:none}.feedback-modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.feedback-modal-content{background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 8px 24px #646cff26;display:flex;flex-direction:column;border:1px solid rgba(100,108,255,.1);position:relative;will-change:transform,opacity;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(30px);margin:0 auto}.feedback-modal-content.visible{animation:slideUp .4s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.feedback-modal-content.submitted{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(100,108,255,.1);background:linear-gradient(135deg,#646cff0d,#fff0)}.feedback-modal-header-title{display:flex;align-items:center;gap:.75rem}.feedback-header-icon{color:var(--color-primary);font-size:1.75rem;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.feedback-modal-header h2{color:var(--color-text-primary);margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.feedback-modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.feedback-modal-body{padding:2rem}.feedback-intro{margin-bottom:2rem;padding:1.25rem;background:linear-gradient(135deg,#646cff14,#646cff08);border-radius:12px;border-left:4px solid var(--color-primary)}.feedback-intro-text{color:#555;margin:0;line-height:1.8;font-size:.95rem}.feedback-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:successFadeIn .5s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-success-icon-wrapper{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 24px #4caf504d,0 4px 12px #4caf5033;animation:successIconScale .6s cubic-bezier(.4,0,.2,1)}@keyframes successIconScale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-success-icon{color:#fff;font-size:3.5rem;animation:checkmarkDraw .8s ease-out .3s both}@keyframes checkmarkDraw{0%{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}.feedback-success-title{color:#213547;font-size:1.75rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#4caf50,#45a049);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-success-message{color:#666;font-size:1rem;line-height:1.8;margin:0;max-width:400px}.feedback-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.feedback-modal-content .form-group label{color:#213547!important;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;background-color:#fff;color:#213547!important;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:100%!important;box-sizing:border-box!important;outline:none;min-width:0;max-width:100%}.form-group input[type=text],.form-group input[type=email]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid #e0e0e0!important}#category,#subject,#email,#message{width:100%!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer;background-color:#fff!important;border:1px solid #e0e0e0!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#646cff66;box-shadow:0 4px 8px #646cff1f}.form-group input[type=text],.form-group input[type=email]{color:#213547!important;-webkit-text-fill-color:#213547!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #646cff1a,0 4px 12px #646cff26;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:120px;width:100%!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;border:1px solid #e0e0e0!important;background-color:#fff!important}.feedback-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.feedback-button-cancel,.feedback-button-submit{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.feedback-button-cancel{background-color:transparent;color:var(--color-text-secondary);border:2px solid #e0e0e0;transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-button-cancel:hover{background-color:#f5f5f5;color:var(--color-text-primary);border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.feedback-button-submit{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 4px 12px #646cff4d,0 2px 6px #646cff33;position:relative;overflow:hidden}.feedback-button-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feedback-button-submit:hover:not(:disabled):before{left:100%}.feedback-button-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #646cff66,0 4px 12px #646cff4d}.feedback-button-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #646cff4d,0 1px 4px #646cff33}.feedback-button-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-button-submit .button-icon{font-size:1.1rem;margin-right:.5rem;vertical-align:middle}.button-loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.feedback-error-message{background-color:var(--color-error-bg, #fee);color:var(--color-error-text, #c33);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--color-error-border, #fcc)}.post-button{position:relative}.post-button:hover:after{content:"投稿";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.post-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.notification-link.follow-button{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border-radius:50%!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:2px solid var(--color-primary)!important;color:var(--color-primary)!important}.notification-link.follow-button:hover:after{content:"フォロー";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.notification-link.follow-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.notification-link.team-button{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;border-radius:50%!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:2px solid var(--color-primary)!important;color:var(--color-primary)!important}.notification-link.team-button:hover:after{content:"チーム";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.notification-link.team-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.team-icon{width:1.2rem;height:1.2rem;color:currentColor;flex-shrink:0}.notification-link.team-button span{display:none}.notification-button{position:relative}.notification-button:hover:after{content:"通知";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.notification-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.profile-button{position:relative}.profile-button:hover:after{content:"プロフィール";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.profile-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.logout-button{position:relative}.notification-link.logout-button:hover:after{content:"ログアウト";position:absolute;bottom:100%;left:50%;transform:translate(calc(-50% - 2px));margin-bottom:8px;padding:4px 8px;background-color:#000c;color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000}.notification-link.logout-button:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(calc(-50% - 2px));margin-bottom:2px;border:4px solid transparent;border-top-color:#000c;pointer-events:none;z-index:1000}.notification-item{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;padding:1.5rem;border:1px solid rgba(100,108,255,.2);display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative;overflow:visible;box-sizing:border-box;z-index:1;box-shadow:0 4px 16px #646cff26,0 2px 8px #00000014}.notification-item:hover{border:1px solid rgba(100,108,255,.2);z-index:10}.notification-item.slide-in{animation:slideInFromRight .5s ease-out;border-color:var(--color-primary);box-shadow:0 8px 24px #646cff4d,0 4px 12px #0000001a;background:linear-gradient(135deg,#fff,#f5f5ff)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{color:var(--color-primary);font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#646cff26,#646cff14);border-radius:50%;box-shadow:0 2px 8px #646cff26;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-text{flex:1;min-width:0;color:inherit}.notification-type-label{color:#1a1a1a;font-size:1rem;font-weight:700;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-text .notification-time{color:#666!important;font-size:.85rem;font-weight:500;padding:.25rem .75rem;background:#646cff14;border-radius:12px;display:inline-block;transition:all .2s}.notification-close{background:#646cff0d;border:1px solid rgba(100,108,255,.1);color:var(--color-text-tertiary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:32px;height:32px}.dev-grid-toggle{position:relative;z-index:10001;background:linear-gradient(135deg,#646cff,#ff6b6b);border:none;border-radius:50%;width:25px;height:25px;font-size:.75rem;cursor:pointer;box-shadow:0 2px 6px #646cff66;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dev-grid-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #646cff99}.dev-grid-toggle:active{transform:scale(.95)}.dev-grid-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;z-index:9999;pointer-events:none;overflow:visible}.dev-grid-wrapper{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;pointer-events:none}.dev-grid-header{position:sticky;top:0;display:grid;grid-template-columns:40px repeat(24,1fr);width:100%;height:40px;background:#0000004d;border-bottom:2px solid rgba(100,108,255,.5);z-index:10000}.dev-grid-header-cell{display:flex;align-items:center;justify-content:center;color:#646cffcc;font-weight:600;font-size:.9rem;border-right:1px solid rgba(100,108,255,.3);background:#646cff1a}.dev-grid-header-cell:last-child{border-right:none}.dev-grid-body{position:relative;width:100%;pointer-events:none;overflow:visible}.dev-grid-row{position:absolute;left:0;width:100%;display:grid;grid-template-columns:40px repeat(24,1fr);border-bottom:1px solid rgba(100,108,255,.2)}.dev-grid-row-number{display:flex;align-items:center;justify-content:center;color:#646cffcc;font-weight:600;font-size:.85rem;background:#0003;border-right:2px solid rgba(100,108,255,.5);pointer-events:none}.dev-grid-cell{position:relative;border-right:1px solid rgba(100,108,255,.2);background:#646cff0d;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;pointer-events:auto}.dev-grid-cell:last-child{border-right:none}.dev-grid-cell-label{color:#646cff99;font-size:.75rem;font-weight:500;opacity:.3;transition:opacity .2s;pointer-events:none}.dev-grid-cell:hover .dev-grid-cell-label{opacity:1;color:#646cffe6}.dev-grid-cell:hover{background:#646cff26;border-color:#646cff66}.dev-grid-cell-copied{background:#646cff40!important;border-color:#646cff99!important;box-shadow:0 0 10px #646cff80}.dev-grid-cell-copied .dev-grid-cell-label{opacity:1;color:#ffffffe6;font-weight:600}.dev-grid-cell-copied-badge{position:absolute;top:2px;right:2px;background:#646cffe6;color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.dev-grid-toggle{width:22px;height:22px;font-size:.65rem}.dev-grid-header-cell,.dev-grid-row-number{font-size:.8rem}.dev-grid-cell-label{font-size:.65rem}.dev-grid-row{min-height:50px}}@media(max-width:480px){.dev-grid-toggle{width:20px;height:20px;font-size:.55rem}.dev-grid-header{grid-template-columns:30px repeat(16,1fr);height:30px}.dev-grid-row{grid-template-columns:30px repeat(16,1fr);min-height:40px}.dev-grid-header-cell,.dev-grid-row-number{font-size:.7rem}.dev-grid-cell-label{font-size:.6rem}}.dev-inspector-toggle{position:relative;z-index:10001;background:linear-gradient(135deg,#ff6b6b,#646cff);border:none;border-radius:50%;width:25px;height:25px;font-size:.75rem;cursor:pointer;box-shadow:0 2px 6px #ff6b6b66;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dev-inspector-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff6b6b99}.dev-inspector-toggle:active{transform:scale(.95)}.dev-inspector-toggle.active{background:linear-gradient(135deg,#646cff,#ff6b6b);box-shadow:0 0 0 3px #646cff59,0 8px 18px #646cff73;filter:brightness(1.05)}.dev-inspector-mode,.dev-inspector-mode *{cursor:crosshair!important}.dev-inspector-highlighted{outline:3px solid rgba(100,108,255,.8)!important;outline-offset:2px!important;background-color:#646cff1a!important;box-shadow:0 0 0 2px #646cff4d!important;position:relative!important;z-index:10002!important;transition:all .2s ease!important}.dev-inspector-info-panel{position:fixed;z-index:10003;pointer-events:none;margin-bottom:10px}.dev-inspector-info-content{background:linear-gradient(135deg,#1a1a1af2,#2a2a2af2);border:2px solid rgba(100,108,255,.6);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 20px #646cff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;max-width:300px}.dev-inspector-info-row{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.dev-inspector-info-row:last-of-type{margin-bottom:0}.dev-inspector-info-label{color:#646cffe6;font-weight:600;flex-shrink:0}.dev-inspector-info-value{color:#fff;word-break:break-word}.dev-inspector-info-hint{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(100,108,255,.3);color:#ffffffb3;font-size:.75rem;text-align:center;font-style:italic}.dev-inspector-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#646cff,#5a5fcf);color:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 20px #646cff66;font-weight:600;font-size:.95rem;z-index:10004;opacity:0;transition:all .3s ease;pointer-events:none}.dev-inspector-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.dev-inspector-toggle{width:22px;height:22px;font-size:.65rem}.dev-inspector-info-content{min-width:180px;max-width:250px;padding:.6rem .8rem}.dev-inspector-info-row{font-size:.8rem}}@media(max-width:480px){.dev-inspector-toggle{width:20px;height:20px;font-size:.55rem}.dev-inspector-info-content{min-width:160px;max-width:200px;padding:.5rem .7rem}.dev-inspector-info-row{font-size:.75rem}}.dev-inspector-copied-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10005;background:linear-gradient(135deg,#1a1a1afa,#2a2a2afa);border:2px solid rgba(100,108,255,.6);border-radius:12px;box-shadow:0 8px 32px #646cff66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px;max-width:500px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;animation:fadeInScale .2s ease,fadeOut .2s ease 1.8s forwards}@keyframes fadeInScale{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fadeOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}.dev-inspector-copied-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#646cff33,#646cff1a);border-bottom:1px solid rgba(100,108,255,.3);color:#fff;font-weight:600;font-size:.9rem}.dev-inspector-copied-close{background:transparent;border:none;color:#ffffffb3;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dev-inspector-copied-close:hover{background:#ffffff1a;color:#fff}.dev-inspector-copied-content{padding:1rem;overflow-y:auto;max-height:calc(70vh - 60px)}.dev-inspector-copied-content pre{margin:0;color:#fff;font-size:.85rem;line-height:1.5;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.dev-inspector-copied-panel{min-width:280px;max-width:calc(100vw - 40px);max-height:60vh}.dev-inspector-copied-content pre{font-size:.75rem}}.dev-login-button-wrapper{position:relative;z-index:10001}.dev-login-buttons{display:flex;gap:8px;align-items:center}.dev-login-button{position:relative;border:none;border-radius:50%;width:25px;height:25px;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto;color:#fff}.dev-login-button-manager{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 6px #2196f366}.dev-login-button-coach{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 6px #ff980066}.dev-login-button-player{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 6px #4caf5066}.dev-login-button-no-team{background:linear-gradient(135deg,#9e9e9e,#616161);box-shadow:0 2px 6px #9e9e9e66}.dev-login-button-label{font-size:.75rem;font-weight:700;line-height:1}.dev-login-button-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;z-index:1}.dev-login-button-checkmark{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#4caf50;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff;font-weight:700;z-index:2;line-height:1}.dev-login-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.dev-login-button-manager:hover:not(:disabled){box-shadow:0 4px 12px #2196f399}.dev-login-button-coach:hover:not(:disabled){box-shadow:0 4px 12px #ff980099}.dev-login-button-player:hover:not(:disabled){box-shadow:0 4px 12px #4caf5099}.dev-login-button-no-team:hover:not(:disabled){box-shadow:0 4px 12px #9e9e9e99}.dev-login-button:active:not(:disabled){transform:scale(.95)}.dev-login-button:disabled{opacity:.5;cursor:not-allowed}.dev-login-button.current-user:disabled{opacity:1;cursor:default}.dev-login-button.authenticated{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 0 0 2px #4caf5080}.dev-login-button.error{background:linear-gradient(135deg,#f44336,#d32f2f)!important;box-shadow:0 2px 6px #f4433666!important}.dev-login-button.success{box-shadow:0 0 0 2px #4caf50cc;animation:pulse .5s ease-in-out}.dev-login-error-tooltip,.dev-login-success-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 12px;background:#000000e6;color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:10002;animation:fadeIn .2s ease-in-out}.dev-login-error-tooltip{background:#f44336e6}.dev-login-success-tooltip{background:#4caf50e6}.dev-login-error-tooltip:after,.dev-login-success-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}.dev-login-error-tooltip:after{border-top-color:#f44336e6}.dev-login-success-tooltip:after{border-top-color:#4caf50e6}@media(max-width:768px){.dev-login-buttons{gap:6px}.dev-login-button{width:22px;height:22px;font-size:.65rem}.dev-login-button-label{font-size:.65rem}}@media(max-width:480px){.dev-login-buttons{gap:4px}.dev-login-button{width:20px;height:20px;font-size:.55rem}.dev-login-button-label{font-size:.55rem}}.dev-logout-button{position:relative;z-index:10001;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:50%;width:25px;height:25px;font-size:.75rem;cursor:pointer;box-shadow:0 2px 6px #f4433666;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dev-logout-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #f4433699}.dev-logout-button:active:not(:disabled){transform:scale(.95)}.dev-logout-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.dev-logout-button{width:22px;height:22px;font-size:.65rem}}@media(max-width:480px){.dev-logout-button{width:20px;height:20px;font-size:.55rem}}.dev-notification-test-wrapper{position:relative;z-index:10001}.dev-notification-test-button{position:relative;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:50%;width:25px;height:25px;font-size:.75rem;cursor:pointer;box-shadow:0 2px 6px #ff980066;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dev-notification-test-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #ff980099}.dev-notification-test-button:active:not(:disabled){transform:scale(.95)}.dev-notification-test-button:disabled{opacity:.5;cursor:not-allowed}.dev-notification-test-button.error{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 6px #f4433666}.dev-notification-test-button.success{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 0 0 2px #4caf50cc;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dev-notification-test-error-tooltip,.dev-notification-test-success-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 12px;background:#000000e6;color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:10002;animation:fadeIn .2s ease-in-out}.dev-notification-test-error-tooltip{background:#f44336e6}.dev-notification-test-success-tooltip{background:#4caf50e6}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dev-notification-test-error-tooltip:after,.dev-notification-test-success-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}.dev-notification-test-error-tooltip:after{border-top-color:#f44336e6}.dev-notification-test-success-tooltip:after{border-top-color:#4caf50e6}@media(max-width:768px){.dev-notification-test-button{width:22px;height:22px;font-size:.65rem}}@media(max-width:480px){.dev-notification-test-button{width:20px;height:20px;font-size:.55rem}}.dev-box-collector{position:relative;z-index:10001;pointer-events:none}.dev-box-collector-toggle{pointer-events:auto;width:25px;height:25px;border-radius:50%;border:none;cursor:pointer;font-size:.75rem;background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 2px 6px #51cf6666;transition:all .2s;display:flex;align-items:center;justify-content:center}.dev-box-collector-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #51cf6699}.dev-box-collector-toggle:active{transform:scale(.95)}.dev-box-collector-toggle.active{filter:brightness(1.05);box-shadow:0 0 0 3px #51cf6659,0 8px 18px #51cf6673}.dev-box-collector-layer{position:fixed;inset:0;z-index:19999;pointer-events:none}.dev-box-collector-dim{position:fixed;inset:0;background:#0000001f;pointer-events:none}.dev-box-collector-rect{position:fixed;border:2px dashed rgba(81,207,102,.9);background:#51cf6614;box-shadow:0 0 0 2px #51cf6640;border-radius:10px;box-sizing:border-box;pointer-events:auto}.dev-box-collector-handle{position:absolute;background:#51cf66f2;border:2px solid rgba(255,255,255,.9);border-radius:8px;width:14px;height:14px;box-sizing:border-box;cursor:pointer}.dev-box-collector-handle.move{left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:22px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:grab;-webkit-user-select:none;user-select:none;z-index:10}.dev-box-collector-handle.move:active{cursor:grabbing}.dev-box-collector-title{font-size:12px;color:#fff;font-weight:700}.dev-box-collector-handle.n{left:50%;top:-7px;transform:translate(-50%);cursor:ns-resize}.dev-box-collector-handle.s{left:50%;bottom:-7px;transform:translate(-50%);cursor:ns-resize}.dev-box-collector-handle.e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.dev-box-collector-handle.w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.dev-box-collector-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.dev-box-collector-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.dev-box-collector-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.dev-box-collector-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.dev-box-collector-collect{position:absolute;right:10px;bottom:10px;border:none;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer;background:#40c057f2;color:#fff;box-shadow:0 6px 18px #51cf6659}.dev-box-collector-collect:hover{filter:brightness(1.04)}.dev-box-collector-hint{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:700;color:#000000a6;background:#ffffffb3;padding:4px 8px;border-radius:999px}.dev-box-collector-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#141414eb;color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;z-index:20001}@media(max-width:768px){.dev-box-collector-toggle{width:22px;height:22px;font-size:.65rem}}@media(max-width:480px){.dev-box-collector-toggle{width:20px;height:20px;font-size:.55rem}}.dev-tools-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:row;gap:10px;pointer-events:none;justify-content:center}.dev-tools-container>*{flex:0 0 auto}@media(max-width:768px){.dev-tools-container{top:15px;gap:8px}}@media(max-width:480px){.dev-tools-container{top:10px;gap:6px}}.dm-chat-widget-trigger{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #007bff66;transition:all .3s ease;z-index:1001;display:flex;align-items:center;justify-content:center}.dm-chat-widget-trigger:hover{transform:scale(1.1);box-shadow:0 6px 16px #007bff80}.dm-chat-widget-trigger:active{transform:scale(.95)}.dm-badge{position:absolute;top:-4px;right:-4px;background:#dc3545;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}.dm-chat-widget{position:fixed;bottom:20px;right:20px;width:350px;height:500px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dm-widget-header{display:flex;align-items:center;gap:12px;padding:16px;background:#007bff;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.dm-back-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;transition:background .2s;border-radius:4px}.dm-back-btn:hover{background:#ffffff1a}.dm-user-info{display:flex;align-items:center;gap:12px;flex:1}.dm-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative}.dm-avatar .dm-online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#4caf50;border:2px solid #007bff;border-radius:50%}.dm-user-details{display:flex;flex-direction:column}.dm-username{font-weight:600;font-size:15px}.dm-status{font-size:12px;opacity:.9}.dm-menu-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:background .2s;border-radius:4px}.dm-menu-btn:hover{background:#ffffff1a}.dm-list-title{margin:0;font-size:18px;font-weight:600;flex:1}.dm-close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:4px 8px;line-height:1;transition:background .2s;border-radius:4px}.dm-close-btn:hover{background:#ffffff1a}.dm-conversations-list{flex:1;overflow-y:auto;background:#fff}.dm-conversations-list::-webkit-scrollbar{width:6px}.dm-conversations-list::-webkit-scrollbar-track{background:transparent}.dm-conversations-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.dm-conversations-list::-webkit-scrollbar-thumb:hover{background:#aaa}.dm-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#999;padding:20px;text-align:center}.dm-conversation-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0;position:relative}.dm-conversation-item:hover{background:#f8f9fa}.dm-conversation-item:active{background:#e9ecef}.dm-conv-avatar{width:48px;height:48px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;position:relative}.dm-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4caf50;border:2px solid white;border-radius:50%}.dm-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dm-conv-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dm-conv-name{font-weight:600;font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conv-time{font-size:11px;color:#999;flex-shrink:0}.dm-conv-preview{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conv-unread{position:absolute;top:12px;right:16px;background:#007bff;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.dm-messages-area{flex:1;padding:16px;overflow-y:auto;background:#f5f5f5}.dm-messages-area::-webkit-scrollbar{width:6px}.dm-messages-area::-webkit-scrollbar-track{background:transparent}.dm-messages-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.dm-messages-area::-webkit-scrollbar-thumb:hover{background:#aaa}.dm-message-group{display:flex;gap:10px;margin-bottom:16px}.dm-message-group.sent{justify-content:flex-end}.dm-message-avatar{width:32px;height:32px;background:#ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;align-self:flex-end}.dm-message-content{max-width:70%;display:flex;flex-direction:column;gap:4px}.dm-message-bubble{padding:10px 16px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0000001a;word-wrap:break-word;line-height:1.4}.dm-message-group.sent .dm-message-bubble{background:#007bff;color:#fff}.dm-message-time{font-size:11px;color:#999;padding:0 4px}.dm-message-group.sent .dm-message-time{text-align:right}.dm-input-area{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e0e0e0;align-items:flex-end}.dm-file-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dm-input-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.dm-attachment-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.dm-attachment-preview-image{display:flex;align-items:center;gap:8px;padding:8px;position:relative}.dm-attachment-preview-image img{width:48px;height:48px;object-fit:cover;border-radius:8px}.dm-attachment-preview-file{display:flex;align-items:center;gap:8px;padding:8px 12px}.dm-attachment-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dm-attachment-name{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-attachment-size{font-size:11px;color:#888}.dm-attachment-icon{font-size:24px;flex-shrink:0}.dm-attachment-remove{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;padding:0;flex-shrink:0;transition:background .2s}.dm-attachment-remove:hover{background:#c82333}.dm-message-attachment{margin-bottom:6px}.dm-message-attachment-image{max-width:100%;max-height:200px;border-radius:8px;display:block}.dm-message-attachment-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f0f0f0;border-radius:8px;color:#007bff;text-decoration:none;font-size:13px;transition:background .2s}.dm-message-attachment-link:hover{background:#e0e0e0}.dm-attach-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px;transition:transform .2s;flex-shrink:0}.dm-attach-btn:hover{transform:scale(1.1)}.dm-message-input{flex:1;padding:10px 16px;border:1px solid #e0e0e0;border-radius:20px;outline:none;font-size:14px;font-family:inherit;transition:border-color .2s}.dm-message-input:focus{border-color:#007bff}.dm-send-btn{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;font-size:14px;transition:background .2s,opacity .2s;flex-shrink:0}.dm-send-btn:hover:not(:disabled){background:#0056b3}.dm-send-btn:disabled{opacity:.5;cursor:not-allowed}.dm-send-btn:active:not(:disabled){transform:scale(.95)}.w12-trigger{padding:12px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;gap:8px;align-items:center;box-shadow:0 4px 16px #11998e66;width:auto;height:auto}.w12-trigger:hover{transform:scale(1.05);box-shadow:0 6px 20px #11998e80}.w12-icon{font-size:24px}.w12-text{font-weight:600;font-size:16px}.w12-num{background:#0f7f71;padding:2px 10px;border-radius:10px;font-size:13px}.w12-widget{width:340px;height:420px;background:#fff;border-radius:18px;box-shadow:0 8px 28px #00000029}.w12-header{padding:18px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:18px 18px 0 0;font-weight:600;font-size:18px;position:relative}.w12-close{position:absolute;top:18px;right:20px;background:#ffffff4d;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.w12-close:hover{background:#fff6}.w12-contacts{padding:14px}.w12-contact{padding:14px;border-radius:10px;cursor:pointer;margin-bottom:6px;background:#f8f9fa;border:none}.w12-contact:hover{background:#e9ecef}@media(max-width:768px){.dm-chat-widget{width:calc(100vw - 40px);height:calc(100vh - 100px);max-width:380px;max-height:600px}.dm-chat-widget-trigger{bottom:16px;right:16px;width:56px;height:56px;font-size:24px}}@media(max-width:480px){.dm-chat-widget{width:calc(100vw - 20px);right:10px;bottom:10px}.dm-chat-widget-trigger{bottom:12px;right:12px}}.layout{display:grid;grid-template-columns:250px calc(100% - 502px) 250px;grid-template-rows:auto 1fr;grid-template-areas:"leftpanel-header mainpanel-header rightpanel" "leftpanel-content mainpanel rightpanel";min-height:100vh;position:relative;gap:0 1px 0}.leftpanel-header{grid-area:leftpanel-header;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-secondary);padding:1.5rem 2rem;border-right:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);min-height:60px}.leftpanel-content{grid-area:leftpanel-content;background-color:var(--color-bg-secondary);padding:2rem;border-right:1px solid var(--color-border-primary);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%;max-width:100%}.leftpanel-title{color:var(--color-text-primary);font-size:1.5rem;margin:0;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leftpanel-toggle,.leftpanel-close{background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu-button{display:none}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin-bottom:.5rem}.nav-list__dev-heading{list-style:none;margin:1rem 0 .35rem;padding:0 1rem;pointer-events:none}.nav-list__dev-heading:first-child{margin-top:0}.nav-list__dev-heading-text{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary, var(--color-text-secondary));opacity:.85}.nav-link.nav-link--dev{border:1px dashed color-mix(in srgb,var(--color-border-primary) 70%,transparent);background-color:color-mix(in srgb,var(--color-bg-primary) 35%,transparent)}.nav-link.nav-link--dev:hover{background-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg-secondary))}.nav-link.nav-link--dev.active{border-style:solid;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border-primary))}.nav-list__admin-heading{list-style:none;margin:1rem 0 .35rem;padding:0 1rem;pointer-events:none}.nav-list__admin-heading-text{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary, var(--color-text-secondary));opacity:.9}.nav-link.nav-link--admin{border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border-primary));background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.nav-link.nav-link--admin:hover{background-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-secondary))}.nav-link.nav-link--admin.active{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border-primary))}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:0}.nav-link>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;padding-right:2rem}.nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.nav-icon{font-size:1.5rem;width:1.5rem;height:1.5rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-text-secondary)}.nav-link:hover{background:linear-gradient(135deg,#646cff1a,#ff6b6b0d);color:var(--color-primary);transform:translate(4px);box-shadow:0 2px 8px #646cff26}.nav-link:hover:before{transform:scaleY(1)}.nav-link:hover .nav-icon{transform:scale(1.15) translate(2px);color:var(--color-primary)}.nav-link-baseball-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;width:15px;height:15px;color:#fffffff2;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:1;pointer-events:none}.nav-link.active .nav-link-baseball-icon{opacity:1}.nav-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 50%,var(--color-primary) 100%);background-size:200% 100%;animation:gradientShift 3s ease infinite;color:#fff;box-shadow:0 4px 16px #646cff66,0 0 0 1px #ffffff1a inset,0 2px 8px #646cff33;transform:translate(6px);font-weight:600;position:relative}.nav-link.active:before{transform:scaleY(1);background:#fff;width:3px;left:3px}.nav-link.active:after{content:"";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.95)'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3Cpath d='M12 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3Cpath d='M7.5 7.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm9 9c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z'/%3E%3Cpath d='M16.5 7.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-9 9c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.nav-link.active .nav-icon{color:#fff;transform:scale(1.15) translate(2px)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.quick-login-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-primary)}.quick-login-button{width:100%;padding:.75rem 1rem;background:var(--gradient-quick-login);color:var(--color-text-primary);border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-quick-login)}.quick-login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-quick-login-hover)}.quick-login-button:active{transform:translateY(0)}.mainpanel-header{grid-area:mainpanel-header;background-color:var(--color-bg-tertiary);padding:1.5rem 2rem;border-bottom:1px solid var(--color-border-primary);min-height:60px;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.mainpanel-header-content{display:flex;align-items:center;gap:.75rem;margin-left:auto}.mainpanel-header-theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);background-color:transparent;border:2px solid var(--color-border-primary);border-radius:8px;cursor:pointer;transition:all .2s;padding:0}.mainpanel-header-theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#646cff0d}.mainpanel-header-theme-toggle:active{transform:translateY(1px)}.mainpanel-header-theme-toggle svg{font-size:1.25rem;width:1.25rem;height:1.25rem}.mainpanel-header-feedback-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;padding:.75rem 1.25rem;border:2px solid var(--color-border-primary);border-radius:8px;background-color:transparent;transition:all .2s;cursor:pointer;font-family:inherit}.mainpanel-header-feedback-link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#646cff0d}.mainpanel-header-feedback-link:active{transform:translateY(1px)}.mainpanel-header-feedback-link svg{font-size:1.1rem;width:1.1rem;height:1.1rem}.header-icon{font-size:2rem;width:2rem;height:2rem;color:var(--color-primary);flex-shrink:0}.mainpanel-header h1{color:var(--color-text-primary);font-size:1.5rem;margin:0}.mainpanel{grid-area:mainpanel;padding:2rem 2rem 0;background-color:var(--color-bg-primary);overflow-y:auto;display:flex;flex-direction:column}.mainpanel-content{flex:1;min-height:0}.rightpanel{grid-area:rightpanel;background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border-primary);overflow:visible;display:flex;flex-direction:column;position:relative}.rightpanel-header{background-color:transparent;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border-primary);min-height:60px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative}.rightpanel-header h2{color:var(--color-text-primary);font-size:1.25rem;margin:0}.rightpanel-header-links{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;flex-direction:row;gap:.5rem;align-items:center}.rightpanel-content{flex:1;padding:2rem;overflow:visible;background-color:var(--color-bg-secondary)}.rightpanel-content h2{color:var(--color-text-primary);font-size:1.25rem;margin-top:0;margin-bottom:1rem}.notification-link,button.notification-link{display:flex;align-items:center;justify-content:center;color:var(--color-primary);text-decoration:none;padding:0;margin:0;border-radius:50%;background-color:transparent;border:2px solid var(--color-primary);transition:all .2s;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;cursor:pointer;box-sizing:border-box;font-family:inherit;font-size:inherit}.notification-link:hover{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.notification-link.active{background-color:transparent;color:var(--color-primary)}.notification-link svg{font-size:1.2rem;flex-shrink:0;color:var(--color-primary)}.notification-link span{display:none}.notification-link.disabled,button.notification-link.disabled{opacity:.5;cursor:not-allowed;color:#999!important;border-color:#999!important}.notification-link.disabled:hover,button.notification-link.disabled:hover{background-color:transparent!important;color:#999!important;border-color:#999!important}.notification-link.disabled svg,button.notification-link.disabled svg{color:#999!important}.rightpanel-content p{color:var(--color-text-secondary);margin:0}.rightpanel-login-prompt,.rightpanel-login-form{display:flex;flex-direction:column;gap:1rem}.rightpanel-form-group{display:flex;flex-direction:column;gap:.375rem}.rightpanel-form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.rightpanel-form-group input{padding:.5rem .75rem;border:2px solid var(--color-border-primary, #ddd);border-radius:6px;background-color:var(--color-bg-primary, #fff);color:var(--color-text-primary);font-size:.9rem}.rightpanel-form-group input:focus{outline:none;border-color:var(--color-primary)}.rightpanel-form-group input:disabled{opacity:.6;cursor:not-allowed}.rightpanel-login-error{color:var(--color-error, #d32f2f);font-size:.85rem}.rightpanel-login-button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background-color:var(--color-primary);color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;transition:opacity .2s}.rightpanel-login-button:hover:not(:disabled){opacity:.9}.rightpanel-login-button:disabled{opacity:.7;cursor:not-allowed}.notifications-feed{display:flex;flex-direction:column;gap:1rem;overflow-x:hidden;padding:.5rem}.no-notifications-message{text-align:center;padding:3rem 2rem;color:var(--color-text-tertiary);background:linear-gradient(135deg,#646cff08,#646cff03);border-radius:12px;border:2px dashed rgba(100,108,255,.2)}.no-notifications-message p{margin:0;font-size:1rem;font-weight:500;color:#888}.rightpanel-footer{background-color:transparent;padding:.5rem 1rem;flex-shrink:0;position:absolute;bottom:100px;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center}.rightpanel-footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.rightpanel-footer-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;padding:.75rem 1.25rem;border:2px solid var(--color-border-primary);border-radius:8px;background-color:transparent;transition:all .2s}.rightpanel-footer-link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#646cff0d}.rightpanel-footer-link.active{color:var(--color-primary);border-color:var(--color-primary);background-color:#646cff1a}.rightpanel-footer-link svg{font-size:1.1rem;width:1.1rem;height:1.1rem}.rightpanel-footer-copyright{color:var(--color-text-tertiary);font-size:.65rem;margin:0;text-align:center}.view-all-notifications{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(100,108,255,.1)}.view-all-notifications button{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #646cff4d;letter-spacing:.5px}.view-all-notifications button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #646cff66;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%)}.view-all-notifications button:active{transform:translateY(0)}.mainpanel-footer{background-color:transparent;padding:0;margin-top:auto;position:relative;height:10px}.mainpanel-footer-content{display:flex;justify-content:center;align-items:center;position:absolute;bottom:5px;left:0;right:0}.mainpanel-footer-copyright{color:var(--color-text-quaternary);font-size:.85rem;margin:0;text-align:center}.mainpanel-footer-version{color:var(--color-text-quaternary);font-weight:500;letter-spacing:.02em}.font-size-controls{display:flex;align-items:center;gap:.5rem}.font-size-controls label{color:var(--color-text-tertiary);font-size:.8rem}.font-size-controls select{padding:.25rem .5rem;border:1px solid var(--color-border-secondary);border-radius:4px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8rem;cursor:pointer}.font-size-controls select:focus{outline:none;border-color:var(--color-primary)}@media(max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"mainpanel-header" "mainpanel" "mainpanel" "footer"}.leftpanel-header{position:fixed;top:0;left:-100%;width:250px;transition:left .3s ease;z-index:1000;grid-area:none}.leftpanel-header.open{left:0}.leftpanel-content{position:fixed;top:60px;left:-100%;width:250px;height:calc(100vh - 60px);transition:left .3s ease;z-index:1000;grid-area:none;padding-top:0}.leftpanel-content.open{left:0}.rightpanel{display:none}.mobile-menu-button{display:block;position:fixed;top:1rem;left:1rem;z-index:1001;background-color:#646cff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}}@media(min-width:769px)and (max-width:1024px){.layout{grid-template-columns:200px 1fr;grid-template-areas:"leftpanel-header mainpanel-header" "leftpanel-content mainpanel" "leftpanel-content footer"}.leftpanel-header,.leftpanel-content{width:200px}.rightpanel{display:none}.leftpanel-header.collapsed,.leftpanel-content.collapsed{width:60px}.layout.leftpanel-collapsed{grid-template-columns:60px 1fr}.leftpanel-content.collapsed .nav-link{padding:.5rem;justify-content:center}.leftpanel-content.collapsed .nav-link span{display:none}.leftpanel-content.collapsed .nav-icon{margin:0}}@media(min-width:1025px){.layout{grid-template-columns:250px 1fr 300px;grid-template-areas:"leftpanel-header mainpanel-header rightpanel" "leftpanel-content mainpanel rightpanel" "leftpanel-content footer rightpanel"}.leftpanel-header,.leftpanel-content{width:250px}.rightpanel{display:block;width:300px}}.responsive-container{width:100%;padding:1rem}@media(min-width:769px){.responsive-container{padding:2rem}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:769px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.home-page{color:var(--color-text-primary);padding:2rem;max-width:1200px;margin:0 auto}.loading{text-align:center;padding:3rem;color:var(--color-text-tertiary);font-size:1.2rem}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-message{color:var(--color-text-tertiary);font-size:.9rem}.loading-duration-info{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px;padding:.5rem 1rem;color:var(--color-text-secondary);font-size:.85rem;text-align:center;margin-bottom:1rem}.skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}.skeleton-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-quaternary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-content{display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-quaternary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-title{width:70%;height:20px}.skeleton-text{width:100%}.skeleton-text.short{width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;padding:1.5rem;color:var(--color-error);margin-bottom:2rem}.error-content{display:flex;flex-direction:column;gap:1rem}.error-content p{margin:0;line-height:1.6}.error-suggestion{font-size:.9rem;color:var(--color-text-secondary);margin-top:.5rem}.error-retry-button{align-self:flex-start;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.error-retry-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #646cff4d}.home-unauthenticated{display:flex;flex-direction:column;gap:3rem}.home-hero{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:12px 12px 0 0;border:1px solid var(--color-border-primary);border-bottom:none;margin-bottom:0}.home-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.content-section{margin-bottom:3rem}.section-title{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--color-border-primary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.section-footer{text-align:center;margin-top:2rem}.home-authenticated{display:flex;flex-direction:column;gap:2rem}.home-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:var(--color-bg-quaternary);border-radius:8px;border:1px solid var(--color-border-primary);flex-wrap:wrap;gap:1rem}.home-header h1{font-size:2rem;font-weight:600;margin:0;color:var(--color-text-primary)}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.feed-section{background:var(--color-bg-quaternary);border-radius:8px;border:1px solid var(--color-border-primary);padding:2rem}.feed-posts{display:flex;flex-direction:column;gap:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1.5rem;opacity:.5}.empty-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.empty-message{font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem;max-width:500px;line-height:1.6}.empty-action-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:#646cff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.empty-action-button:hover{background:#535bf2;transform:translateY(-2px);box-shadow:0 4px 12px #646cff4d}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#646cff1a;transform:translateY(-2px)}.btn-link{background:transparent;color:var(--color-primary);border:none;padding:.5rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-link:hover{color:var(--color-text-primary);text-decoration:underline}@media(max-width:768px){.home-page{padding:1rem}.home-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.posts-grid,.teams-grid{grid-template-columns:1fr}.home-header{flex-direction:column;align-items:stretch}.home-header h1{font-size:1.5rem}.quick-actions{width:100%}.quick-actions button{flex:1}.section-title{font-size:1.5rem}}@media(max-width:480px){.home-hero{padding:2rem 1rem}.home-hero h1{font-size:1.75rem}.hero-actions{flex-direction:column}.hero-actions button{width:100%}}.component-loader{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loader-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page button:focus-visible,.home-page a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}.home-page .error-retry-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.home-page .empty-action-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}