/* Moderate blue light, calm reading surfaces, visible interaction states. */
:root,html[data-theme=dark]{--bg:#050505;--panel:#111214;--panel2:#191b20;--card:#111214;--line:#2b405b;--text:#e4edf8;--muted:#a4b6cd;--cyan:#7cc5ff;--blue:#397ee4;background:var(--bg);color:var(--text)}body{background:#050505}header{background:#08080aea;border-color:#35537366;backdrop-filter:blur(16px)}.brandmark{background:linear-gradient(135deg,#64bcff,#397ee4);color:#071120;border-color:#84caff66;box-shadow:0 0 18px #2b8cef1c}.wordmark small{color:#89bce4}.head-actions .iconbutton:hover,.head-actions #account-shortcut:hover{background:#152b46;color:#c7e4ff}#language{border-color:#2d4663}.eyebrow,.small-label,.term-english,.term-head{color:#91c6ef}.primary,.secondary,.iconbutton{border-radius:11px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.primary,.install-download{background:linear-gradient(115deg,#246fcc,#2455b8);border:1px solid #7bbdff80;color:#fff!important;box-shadow:0 5px 22px #297de51a}.primary:hover,.install-download:hover{background:linear-gradient(115deg,#2772c7,#2b62c3);box-shadow:0 6px 26px #318cec2b}.secondary,.iconbutton{background:#112239;border-color:#355374;color:#deedfc}.secondary:hover,.iconbutton:hover{background:#19324f;border-color:#68adee80}.back,.back:hover{color:#99ccf4}.pill{background:#162e49;color:#afcfee;border:1px solid #3f62852b}.continue-banner{background:linear-gradient(120deg,#151a23,#111214);border-color:#436c965e;border-radius:18px;box-shadow:inset 0 1px 0 #a1d7ff09,0 12px 40px #0002}.continue-banner .compact{color:#accfec}.continue-banner h1{font-size:25px}progress,.step-track{background:#20324a;accent-color:#5ea9f1}progress::-webkit-progress-bar{background:#20324a}progress::-webkit-progress-value,.step-track span{background:linear-gradient(90deg,#357de1,#75c3fb)}progress::-moz-progress-bar{background:#5ea9f1}.level{background:linear-gradient(125deg,#111f32,#0e1929);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;box-shadow:inset 0 1px 0 #badfff04}.level[open]{background:#122138;border-color:#538dc05e}.level-badge{background:#193653;border:1px solid #456f9550;color:#b8ddff}.level[open] .level-badge{background:#2b629a;color:#e7f4ff}.level-copy p,.level-count{color:var(--muted)}.level.locked{background:#0d1725;opacity:1;border-color:#223249}.locked .level-badge{background:#1b2b40;color:#93aac2}.level.locked .level-copy h3,.level.locked .level-count{color:#98aac0}.chevron{color:#94c3e9}.lesson-item{border-color:#2b405b}.lesson-index{background:#1a3653;color:#b0d8fb}.lesson-item .done .lesson-index{background:#17483f;color:#b9e9d7}.lesson-item small,.lesson-item button:disabled{color:#9eafc4}.nav{background:#08090bed;border-color:#34547377;backdrop-filter:blur(18px);box-shadow:0 -5px 30px #0002}.nav button{color:#9fb3cc;border-radius:10px;transition:background .18s,color .18s}.nav button[aria-current=page]{background:#183554;color:#b8ddff}.nav button[aria-current=page]:before{background:#74bfff;box-shadow:0 0 10px #448ce74d}.offline:before{background:#6baeff;box-shadow:0 0 8px #3a8ee32b}.reading-card p,.reference-card p,.article-body p{color:#cfdbeb}.reference-card,.hub-card,.catalog-card,.breed-directory-card,.account-page .reference-card{background:linear-gradient(135deg,#17191e,#101114);border:1px solid var(--line);border-radius:15px;box-shadow:inset 0 1px #c6e7ff05}.reading-card{background:transparent}.hub-card em{color:#9fcbef}.hub-card b{color:var(--text)}.catalog-card-name bdi,.breed-card-copy bdi{color:var(--muted)}.catalog-photo,.breed-thumb,.square-photo{background:#0b1524;border-color:#294361}.catalog-detail .reference-card,.comparison .reference-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}.reference-card,.hub-card,.catalog-card,.breed-directory-card,.article-row{transition:border-color .2s,box-shadow .2s,transform .2s}.fact-list dt{color:#9fb9d5}.fact-list dd{color:#d7e9fa}.search,.topic-filter,.account-page input,.breed-controls select,.gallery-colour{background:#102037;border-color:#365476;color:var(--text)}.search::placeholder{color:#91a8c3}.search:focus,.account-page input:focus{border-color:#76bfff;box-shadow:0 0 0 3px #3a8ee51a}.article-row{border-color:#2c435e}.article-row:hover{background:#142b45}.term-head bdi{color:#a7c7e4}.term-inline{color:#a1d3fa;border-color:#5586af}.term-inline:hover{background:#183754}.option{background:#112139;border-color:#395778;color:#e0ebfa}.option span{background:#1b3651;border-color:#476d92;color:#bedbfa}.option:hover:enabled{background:#1a3452}.option.selected{background:#1a3e62;border-color:#70baf5}.option.correct{background:#173e34;border-color:#629a7c}.option.incorrect{background:#402b35;border-color:#be7c8b}.result{background:#13263b;border-color:#3b648a}.result-mark{background:#1b4d69;color:#b9e5ff}.bottom-sheet,.install-dialog{background:#111316;border-color:#3b5e81;box-shadow:0 20px 70px #0008}.sheet-grip{background:#46617e}.sheet-backdrop{background:#040a14cc}.viewer-stage{background:#090a0d}.viewer-toolbar,.viewer-notes{background:#13171d}.viewer-notes p{color:#c7d8ea}.landing-visual{border-color:#466d9459;border-radius:18px;box-shadow:0 15px 40px #0003,0 0 28px #2473d10a}.landing-visual figcaption{background:#102137}.landing-copy .button-row>.secondary{color:#b0d3f3}.landing-stats b{color:#b5d8f7}.landing-features .reference-card{background:transparent;border-color:#2d465f}.landing-end{background:linear-gradient(120deg,#151a23,#111214);border-color:#41648966;border-radius:16px}.account-page input{background:#11263f;color:var(--text)}.install-panel{background:#13171d;border-color:#365777}.install-dialog{color:var(--text)}.install-dialog::backdrop{background:#050c17cc}.install-note{color:#b1c6dd}.install-dialog details{border-color:#3c6083}.breed-gallery{background:#101e32;border-color:#36597d}.breed-gallery>summary{color:#bddfff}.breed-gallery[open]{border-color:#548dc2}.gallery-image{background:#091321}.gallery-image:hover{outline:1px solid #74bdf5;box-shadow:0 0 18px #3f8ddd1c}.popularity-note{border-inline-start-color:#639fe0}.high-contrast{background:#050505;--panel:#101114;--muted:#c5d9ed;--line:#7ea7cb;color:#eef6ff}.high-contrast p,.high-contrast small{color:#e2efff!important}.high-contrast .nav{background:#081323}.high-contrast .option{border-color:#badbfa}.skip{background:#245482;color:#fff}.source-list,.source-list summary{color:#a7bbd3}body,html,.bottom-sheet,.viewer-notes{scrollbar-color:#47678c #101b2b}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #89c9ff;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.primary:hover,.secondary:hover{transform:translateY(-1px)}.hub-card:hover,.catalog-card:hover,.breed-directory-card:hover{transform:translateY(-3px);border-color:#6ab4f0a6;box-shadow:0 12px 28px #0004,0 0 20px #2d88dc12}.level summary:hover{background:#1b37501c}.nav button:hover{background:#193451;color:#c5e6ff}}
@media(max-width:650px){.continue-banner h1{font-size:21px}.level{margin-bottom:10px}.catalog-detail .reference-card,.comparison .reference-card{padding:20px 0}.nav button{border-radius:9px}.continue-banner{border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary:hover,.secondary:hover,.hub-card:hover,.catalog-card:hover,.breed-directory-card:hover{transform:none}}
*::-webkit-scrollbar-thumb{background:#47678c;border:2px solid #101b2b}*::-webkit-scrollbar-thumb:hover{background:#6b9bc9;box-shadow:0 0 10px #428bd133}*::-webkit-scrollbar-track{background:#101b2b}



/* Viewport anchored light: no scroll-linked movement or responsive media scaling. */
body{isolation:isolate;background:#050505}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 100vw 100vh at 0% 0%,rgba(37,112,255,.15) 0%,rgba(37,112,255,.10) 25%,rgba(37,112,255,.04) 50%,rgba(37,112,255,0) 71%),radial-gradient(ellipse 100vw 100vh at 100% 100%,rgba(232,43,67,.12) 0%,rgba(232,43,67,.08) 25%,rgba(232,43,67,.032) 50%,rgba(232,43,67,0) 71%)}

