:root{--text-color: #000000}[data-theme=dark]{--bg: #2c3e50;--text-color: #ffffff}[data-theme=light]{--bg: #667eea;--text-color: #333333}body{background:var(--bg);color:var(--text-color);transition:color .3s ease}.site-title{display:flex;justify-content:center}.switch-container{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:200px;transition:all .3s ease}.switch{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.switch.disabled{opacity:.5;cursor:not-allowed}.switch input{opacity:0;width:0;height:0}.slider{display:block;width:50px;height:28px;background-color:#ccc;transition:var(--transition-duration);border-radius:25px;position:relative}.thumb{position:absolute;height:24px;width:24px;top:2px;left:2px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:var(--transition-duration)}.switch input:checked+.slider{background-color:#2196f3}.switch input:checked+.slider .thumb{transform:translate(22px)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.theme-info{font-size:1.2rem;font-weight:500;text-align:center}