:root{--primary-hue:142;--primary-dark:hsl(var(--primary-hue), 76%, 25%);--primary-main:hsl(var(--primary-hue), 71%, 45%);--primary-bright:hsl(var(--primary-hue), 80%, 60%);--primary-glow:hsl(var(--primary-hue), 90%, 70%);--bg-base:#fff;--bg-alt:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--border-light:#e2e8f0;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--container-width:1280px;--shadow-soft:0 4px 20px -2px #16a34a14;--shadow-glow:0 8px 30px -5px #22c55e66;--shadow-card:0 10px 40px -10px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,.btn,.option{-webkit-tap-highlight-color:transparent}body{color:var(--text-main);background:var(--bg-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;text-decoration:none;transition:all .3s}a:focus,a:active{-webkit-tap-highlight-color:transparent;outline:none}a:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.word-popup{z-index:10001;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:90%;max-width:400px;padding:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}.word-popup-overlay{z-index:10000;background-color:#0000;position:fixed;inset:0}.word-popup-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.word-popup-header h5{color:#333;margin:0;font-size:1.2rem;font-weight:600}.word-popup-header-extra{align-items:center;gap:8px;margin-left:auto;margin-right:10px;display:flex}.word-popup-close{cursor:pointer;color:#999;font-size:20px}.word-popup-close:hover{color:#333}.word-popup-content{margin-bottom:15px}.word-popup-item{margin-bottom:8px}.word-popup-label{margin-right:5px;font-weight:700}.word-popup-favorite{cursor:pointer;color:#ccc;margin-right:10px;font-size:13px}.clickable-word{cursor:pointer;color:inherit;border-bottom:1px dotted #999;text-decoration:none}.clickable-word:hover{color:#5b8e7d;border-bottom:1px solid #5b8e7d}.word-loading-spinner{vertical-align:middle;border:.25em solid;border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite wordLookupSpinner;display:inline-block}@keyframes wordLookupSpinner{to{transform:rotate(360deg)}}.word-popup-pronounce-btn{cursor:pointer;color:#2c6e49;margin-left:10px;font-size:1.2rem;transition:color .2s}.word-popup-pronounce-btn:hover{color:#1a4d2e}.word-popup .text-center{text-align:center}.word-popup .mt-3{margin-top:1rem}.word-popup .text-muted{color:#6c757d}@keyframes wordLookupShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}html{scrollbar-gutter:stable}