:root{--primary-color:#00008B;--text-color:#ffffff;--background-color:rgba(0, 0, 0, 0.8);--border-color:#ffffff;--hover-color:rgba(255, 255, 255, 0.2);--active-color:#00008B;--button-size:36px;--button-font-size:16px;--label-font-size:14px}.accessibility-notification{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.font-size-adjuster,.contrast-adjuster{display:flex;align-items:center;gap:10px;padding:8px 15px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;background-color:rgba(0,0,0,.8);box-shadow:0 2px 5px rgba(0,0,0,.2);margin:5px 0;transition:all .3s ease}.control-label,.font-size-label,.contrast-label{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.font-size-btn,.contrast-btn{background:0 0;border:2px solid #fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;padding:0;color:#fff;transition:all .2s ease-in-out;position:relative}.font-size-btn:hover,.contrast-btn:hover,.font-size-btn:focus,.contrast-btn:focus{background:rgba(255,255,255,.2);outline:none;transform:scale(1.05)}.font-size-btn:active,.contrast-btn:active{transform:scale(.95)}.font-size-btn.normal{font-weight:700;font-family:thsarabunnew,serif}.contrast-btn.low{background:linear-gradient(45deg,#ffffff 50%,#cccccc 50%)}.contrast-btn.normal{background:linear-gradient(45deg,#000000 50%,#ffffff 50%)}.contrast-btn.high{background:#000;border-color:#ff0}.contrast-btn.yellow-black{background:#000;border-color:#ff0}.contrast-icon{width:20px;height:20px;transition:all .2s ease}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accessibility-shortcuts-info{background:rgba(0,0,0,.8);color:#fff;padding:15px 20px;border-radius:8px;margin:10px 0;max-width:400px}.accessibility-shortcuts-info h3{margin:0 0 10px;font-size:16px;color:#ff0}.accessibility-shortcuts-info ul{margin:0;padding:0 0 0 20px;list-style-type:none}.accessibility-shortcuts-info li{margin:5px 0;font-size:14px}[title]{position:relative}[title]:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none}.font-size-btn[data-active=true],.contrast-btn[data-active=true]{background:#00008b;border-color:#fff;color:#fff}@media(max-width:480px){.font-size-adjuster,.contrast-adjuster{flex-wrap:wrap;justify-content:center}.control-label{width:100%;text-align:center;margin-bottom:5px}.font-size-btn,.contrast-btn{width:32px;height:32px;font-size:14px}}@media(prefers-reduced-motion:reduce){.font-size-btn,.contrast-btn,.contrast-icon{transition:none}}