:root{--bg-color: #ffffff;--text-color: #333333;--popup-bg: #ffffff;--popup-text: #333333;--button-bg: #f5f5f5;--button-hover: #e8e8e8;--option-header-bg: #f5f5f5;--option-header-hover: #e8e8e8;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--primary-color: #4285f4;--primary-hover: #3367d6;--secondary-color: #34a853;--secondary-hover: #2e7d32;--tertiary-color: #ea4335;--tertiary-hover: #c62828;--disabled-color: #9e9e9e;--disabled-bg: #f5f5f5;--slider-track: #e0e0e0;--slider-thumb: #4285f4;--transition-speed: .2s}.dark-theme,[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--popup-bg: #1e1e1e;--popup-text: #ffffff;--button-bg: #2a2a2a;--button-hover: #3a3a3a;--option-header-bg: #2a2a2a;--option-header-hover: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .3);--primary-color: #4285f4;--primary-hover: #5c9eff;--secondary-color: #34a853;--secondary-hover: #46c76c;--tertiary-color: #ea4335;--tertiary-hover: #ff6659;--disabled-color: #757575;--disabled-bg: #2a2a2a;--slider-track: #3a3a3a;--slider-thumb: #4285f4}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);height:100vh;font-size:var(--global-font-size, 16px)}.option-section,.option-content,.theme-toggle{background-color:var(--popup-bg);color:var(--popup-text)}.option-header{background-color:var(--option-header-bg);color:var(--popup-text)}.option-header:hover{background-color:var(--option-header-hover)}svg{color:currentColor}#toggle-popup{position:fixed;bottom:20px;right:20px;background:var(--primary-color);border:none;cursor:pointer;padding:15px;border-radius:50%;box-shadow:0 4px 12px var(--shadow-color);transition:transform var(--transition-speed),background-color var(--transition-speed);z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff}#toggle-popup:hover{transform:scale(1.1);background:var(--primary-hover)}#toggle-popup:focus{outline:2px solid var(--primary-color);outline-offset:2px}#toggle-popup svg{width:24px;height:24px}#accessibility-popup{position:fixed;bottom:6rem;right:20px;background:var(--popup-bg);color:var(--popup-text);padding:20px;border-radius:12px;box-shadow:0 8px 24px var(--shadow-color);width:320px;max-height:80vh;overflow-y:auto;z-index:1000;transition:opacity .3s,transform .3s;border:1px solid var(--border-color);filter:none!important}#accessibility-popup.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}#popup-title{font-size:1.2rem;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:10px}#reset-all-settings,#collapse-popup{background:transparent;border:none;color:var(--popup-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;transition:background-color var(--transition-speed)}#reset-all-settings:hover,#collapse-popup:hover{background-color:var(--button-hover)}#reset-all-settings svg{width:20px;height:20px}#collapse-popup{background:transparent;border:none;color:var(--popup-text);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;transition:background-color var(--transition-speed)}#collapse-popup:hover{background-color:var(--button-hover)}.option-section{margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.option-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--option-header-bg);border:none;color:var(--popup-text);padding:12px 16px;cursor:pointer;transition:background var(--transition-speed);text-align:left}.header-content{display:flex;align-items:center;gap:10px}.option-header:hover{background:var(--option-header-hover)}.option-header svg{transition:transform var(--transition-speed)}.option-content{padding:16px;background-color:var(--popup-bg);border-top:1px solid var(--border-color)}.font-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-button{background:var(--button-bg);border:none;color:var(--popup-text);padding:8px;border-radius:6px;cursor:pointer;transition:background var(--transition-speed);display:flex;align-items:center;justify-content:center}.control-button:hover{background:var(--button-hover)}.font-size-display{display:flex;align-items:baseline;font-weight:500}.unit{font-size:.8rem;margin-left:2px;opacity:.7}.color-controls{margin-top:20px}.color-options{display:flex;gap:10px;margin-bottom:15px}.color-option{width:36px;height:36px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:transform var(--transition-speed),border-color var(--transition-speed)}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f44d}.color-option.black{background-color:#000}.color-option.dark-red{background-color:maroon}.color-option.yellow{background-color:#ff0}.color-option.green{background-color:#0f0}.color-option.blue{background-color:#00f}.color-pick{width:36px;height:36px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;background-color:var(--button-bg);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed),background-color var(--transition-speed)}.color-pick:hover{transform:scale(1.1);background-color:var(--button-hover)}.bg-color-picker{position:absolute;bottom:0;right:0}.contrast-info{margin:15px 0;font-weight:500}.contrast-actions{display:flex;justify-content:space-between;margin-top:20px}.action-button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:background-color var(--transition-speed)}.action-button.primary{background-color:var(--primary-color);color:#fff}.action-button.primary:hover{background-color:var(--primary-hover)}.action-button.secondary{background-color:var(--secondary-color);color:#fff}.action-button.secondary:hover{background-color:var(--secondary-hover)}.action-button.tertiary{background-color:var(--tertiary-color);color:#fff}.action-button.tertiary:hover{background-color:var(--tertiary-hover)}.display-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.display-option{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--button-bg);color:var(--popup-text);cursor:pointer;transition:background-color var(--transition-speed),transform var(--transition-speed)}.display-option:hover{background-color:var(--button-hover);transform:translateY(-2px)}.display-option.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.option-icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center;height:24px}.content-section{padding:20px;height:100vh}.content-section h2{margin-bottom:20px;color:var(--text-color)}.content-section h3{margin:20px 0 10px;color:var(--text-color)}.content-section p{margin-bottom:15px;line-height:1.6}.content-section ul{margin-left:20px;margin-bottom:15px}.content-section li{margin-bottom:8px}body.reduced-motion *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}body.instant-mode{--font-family: Arial, sans-serif;animation:none!important;transition:none!important}body.instant-mode *{animation:none!important;transition:none!important}body.instant-mode img:not(.critical){display:none}body.instant-mode video,body.instant-mode iframe,body.instant-mode .non-essential{display:none}@media (max-width: 768px){#accessibility-popup{width:calc(100% - 40px);max-height:70vh;bottom:70px}.display-options,.reading-options,.additional-options{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.contrast-preset{padding:8px}.preset-icon{width:50px;height:50px}}@media (max-width: 480px){.display-options,.reading-options,.additional-options{grid-template-columns:repeat(2,1fr)}.contrast-presets{justify-content:center}.contrast-actions{flex-direction:column;gap:8px}.action-button{width:100%}}.reading-highlight{background:#ff0;color:#000!important}#site-content{transition:filter .3s ease;min-height:100vh;width:100%}.accessibility-tooltip{position:fixed;background-color:var(--option-header-hover);color:var(--popup-text);padding:8px 12px;border-radius:6px;font-size:.85rem;line-height:1.4;max-width:220px;z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;box-shadow:0 3px 8px #00000040;white-space:normal}.accessibility-tooltip.visible{opacity:1;visibility:visible}.accessibility-tooltip:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #282828 transparent transparent}.tooltip-title{font-size:13px;font-weight:600;display:block;margin-bottom:3px}.tooltip-desc{font-size:10px;display:block;color:var(--popup-text)}.theme-toggle{display:flex;gap:8px}.theme-button{flex:1;background:var(--button-bg);border:1px solid var(--border-color);color:var(--popup-text);padding:10px;border-radius:6px;cursor:pointer;transition:background var(--transition-speed),border-color var(--transition-speed);display:flex;flex-direction:column;align-items:center;gap:5px}.theme-button:hover{background:var(--button-hover)}.theme-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.section-label{font-weight:500;margin-bottom:8px}.contrast-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.contrast-preset{display:flex;flex-direction:column;align-items:center;background:var(--button-bg);border:2px solid transparent;border-radius:8px;padding:10px;cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.contrast-preset:hover{background-color:var(--button-hover)}.contrast-preset.active{border-color:var(--primary-color)}.preset-icon{width:60px;height:60px;border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden}.normal-contrast{background:linear-gradient(135deg,#3498db 0% 49%,#f1c40f 51% 100%)}.high-color-contrast{background:linear-gradient(135deg,#e74c3c 0% 49%,#2ecc71 51% 100%)}.high-bw-contrast{background:linear-gradient(135deg,#000 0% 49%,#fff 51% 100%)}.negative-contrast{background:linear-gradient(135deg,#fff 0% 49%,#000 51% 100%)}.preset-icon:after{content:"VISIBLE?";position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;text-align:center;font-size:12px;padding:2px 0}.color-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:12px;margin-bottom:20px}.color-option{width:30px;height:30px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid var(--border-color);position:relative}.color-option:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.color-option.active{border:3px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.color-pick{width:30px;height:30px;background:linear-gradient(45deg,red,#0f0,#00f);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.color-pick:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.color-pick svg{width:30px;height:30px;color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.color-option[data-color="#FFFFFF"]{border:2px solid #ccc;background:#fff}.color-option:hover:after{opacity:1;visibility:visible}#site-content{position:relative;min-height:100vh;width:100%;transition:filter .3s ease}.display-option.active{border:1px solid #80b0ff}.slider-container{padding:5px 10px;border-radius:4px;background-color:var(--bg-color);margin-left:10px;display:flex;align-items:center;gap:10px}.intensity-slider{width:100%;height:5px;background:#d3d3d3;outline:none;border-radius:5px}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#4caf50;cursor:pointer}.intensity-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4caf50;cursor:pointer}body.night-mode{background-color:#121212;color:#e0e0e0}body.night-mode h2,body.night-mode h3{color:#e0e0e0}.blue-filter-active{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.option-content{background-color:var(--popup-color);box-sizing:border-box;line-height:1.5}.option-content.hidden{display:none;padding:0}.reader-setting{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:10px}.reader-setting label{font-size:.95rem;color:var(--popup-color);font-weight:400;padding-top:8px;flex-basis:100px;flex-grow:0;flex-shrink:0;line-height:1.3}.select-with-button{display:flex;align-items:center;gap:8px;flex-grow:1;flex-basis:150px}.reader-select{background:var(--popup-color);color:var(--popup-color);border:1px solid #ccc;border-radius:4px;padding:8px 10px;font-size:.95rem;cursor:pointer;flex-grow:1;box-sizing:border-box;height:38px}.reader-select:focus{outline:2px solid #007bff;outline-offset:1px;border-color:#007bff}.icon-button{background:none;border:1px solid #ccc;padding:6px;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#0d264a;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0;height:38px;width:38px;box-sizing:border-box}.icon-button svg{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.8;fill:none;color:var(--text-color)}.icon-button:hover{background-color:#0d264a0d;border-color:#aaa}.icon-button:focus-visible{outline:2px solid #007bff;outline-offset:1px;border-color:#007bff}.reader-select option{background-color:var(--popup-bg);color:var(--text-color)}.reading-highlight{background-color:#ff06;outline:2px solid orange;box-shadow:0 0 5px #ffa500b3;transition:background-color .3s ease,outline .3s ease,box-shadow .3s ease}.reader-controls{display:flex;flex-direction:column;gap:15px}.control-buttons{display:flex;justify-content:center;gap:8px}.reader-control-button{background:var(--button-bg, #eee);border:none;color:var(--popup-text, #333);padding:8px;border-radius:6px;cursor:pointer;transition:background var(--transition-speed, .2s);display:flex;align-items:center;justify-content:center}.reader-control-button:hover:not(:disabled){background:var(--button-hover, #ddd)}.reader-control-button:disabled{opacity:.5;cursor:not-allowed;background:var(--disabled-bg, #f5f5f5);color:var(--disabled-color, #aaa)}.reader-settings{display:flex;flex-direction:column}.reader-setting{display:flex;align-items:center}.reader-setting label{min-width:50px;font-weight:500;font-size:.9rem}.slider{flex-grow:1;cursor:pointer}#speed-value,#pitch-value{min-width:35px;text-align:right;font-size:.9rem}.option-section{border-bottom:1px solid #eee}.option-header{background:none;border:none;padding:10px;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem}.header-content{display:flex;align-items:center;gap:8px}.chevron-icon{transition:transform .3s ease}.option-header[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.option-content{padding:10px 15px;border-top:1px solid #eee}.option-content.hidden{display:none}