.main-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;box-shadow:0 4px 6px #0000004d}.chess-icon{font-size:2rem;vertical-align:middle}.main-header h1{color:#f0f0f0;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;max-width:800px;margin:0 auto;padding:20px;width:100%}.page-content h1{margin-bottom:24px}.page-section{margin-bottom:32px;padding:16px;border-radius:8px}.page-section h2{font-size:1.2rem;margin-bottom:12px;color:var(--table-font-color, #fff)}.page-section p{line-height:1.6;color:var(--table-font-color, #fff)}.page-text p{margin-bottom:16px}.page-text p:last-child{margin-bottom:0}:root{--container-bg: #23231f;--table-card-bg: #23231f;--stats-font-size: 100;--stats-width: 100}body{background-color:#23231f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app{min-height:100vh;padding:20px 0}.chess-card{background:#1a1a1a;border-radius:8px;box-shadow:0 2px 8px #0000004d}.chess-card-header{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#f0f0f0;padding:12px 16px;border-radius:8px 8px 0 0;font-weight:600;border-bottom:1px solid #3d3d3d}.chess-card-body{padding:16px}.form-label{color:#e0e0e0;font-weight:500}.form-control,.form-select{background-color:#2d2d2d;border:1px solid #3d3d3d;color:#f0f0f0}.form-control:focus,.form-select:focus{background-color:#2d2d2d;border-color:#4a90d9;color:#f0f0f0;box-shadow:0 0 0 .2rem #4a90d940}.form-text{color:#888}.form-control-color{width:50px;height:38px;padding:2px}.font-size-controls{display:flex;align-items:center;gap:8px}.font-size-controls button{min-width:40px;color:#f0f0f0}#font-size-display{color:#f0f0f0;min-width:45px;text-align:center}.width-controls{display:flex;align-items:center;gap:8px}.width-controls input[type=range]{flex:1}#table-width-display{color:#f0f0f0;min-width:45px;text-align:center}#statistics-container{border:1px solid #3d3d3d;margin:0 auto;font-size:calc(14px * var(--stats-font-size) / 100);width:var(--stats-width)}.table,.table th,.table td{color:#f0f0f0}.statistics-section h5{margin-bottom:12px;font-weight:600}.period-indicator{text-align:center;margin-top:12px;color:#888;background-color:#2d2d2d;padding:8px 16px;border-radius:4px;display:inline-block;width:100%}.stat-card{transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.btn-primary{background-color:#4a90d9;border-color:#4a90d9}.btn-primary:hover{background-color:#3a7bc8;border-color:#3a7bc8}.btn-primary:disabled{background-color:#2d5a87;border-color:#2d5a87}.alert-danger{background-color:#721c24;border-color:#f5c6cb;color:#f5c6cb}.alert-info{background-color:#0c5460;border-color:#bee5eb;color:#bee5eb}.table-responsive{width:100%;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.btn-group .btn-check:checked+.btn{background-color:#4a90d9;border-color:#4a90d9;color:#fff}.language-selector{position:fixed;top:10px;right:10px;z-index:1001;display:flex;gap:5px}.loading-container{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:600px}.loading-toast{text-align:center;box-shadow:0 4px 12px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-footer{position:fixed;bottom:0;left:0;right:0;background-color:#1a1a1a;border-top:1px solid #3d3d3d;padding:12px;text-align:center;z-index:999}.footer-link{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s ease}.footer-link:hover{color:#4a90d9;text-decoration:underline}.footer-separator{color:#3d3d3d;margin:0 4px}.app{padding-bottom:50px}