:root{--bg:#050711;--panel:#0d1423;--panel2:#111e31;--line:#77e8ef26;--text:#f6fbff;--muted:#a3b4ca;--cyan:#38e0ee;--blue:#2563eb;color-scheme:dark}html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 8% 0%,#38e0ee1c,transparent 30rem),radial-gradient(circle at 90% 20%,#2563eb19,transparent 32rem),var(--bg);min-height:100vh}header{position:sticky;top:0;z-index:15;max-width:none;background:#050711e8;backdrop-filter:blur(18px);border-color:var(--line);height:82px;padding-inline:max(24px,calc((100vw - 1000px)/2))}.wordmark{letter-spacing:.5px}.wordmark small{color:#77e8ef;font-size:9px;letter-spacing:2.4px}.brandmark{background:linear-gradient(135deg,#38e0ee,#2573f4);color:#050711;box-shadow:0 0 25px #38e0ee22;border-radius:11px}.eyebrow,.small-label,.term-english{color:#77e8ef}h1{letter-spacing:-.4px}small,.muted,.compact,.footnote{color:var(--muted)}a{color:var(--cyan)}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .15s,border-color .15s}button:disabled{opacity:.45}.primary{background:linear-gradient(115deg,#38e0ee,#49b7fa);color:#03101b;box-shadow:0 5px 30px #38e0ee16;border:1px solid #a3f7ff55;font-weight:800}.primary:hover{background:#7cecf4}.secondary,.iconbutton{background:#112033;border:1px solid #7eeaf033;color:var(--text)}.secondary:hover,.iconbutton:hover{background:#1b334a}.back{background:transparent;color:var(--cyan)}.continue-banner{border:1px solid #70edf33d;background:linear-gradient(125deg,#1639489c,#122342ab 55%,#0b1428);box-shadow:inset 0 1px 0 #b7faff0a,0 20px 55px #0003;border-radius:28px;padding:28px}.continue-banner h1{font-size:27px}.continue-banner .compact{color:#85eaf3}.pill{background:#1c3549;color:#b8f5f8;white-space:normal}.total-progress .row,.level-count{color:#b7c9df}progress{accent-color:var(--cyan);background:#1c2b40}progress::-webkit-progress-bar{background:#1c2b40}progress::-webkit-progress-value{background:linear-gradient(90deg,#2563eb,#38e0ee)}.level{background:linear-gradient(120deg,#111d2bed,#0b1220f0);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff03}.level[open]{border-color:#38e0ee55}.level-badge{background:#173648;color:#83eff4;border:1px solid #56d2e51f}.level[open] .level-badge{background:#38e0ee;color:#06151b}.level-copy p{color:var(--muted)}.level.locked{background:#0c1220;opacity:.7;color:#9ba9bc}.locked .level-badge{background:#182233;color:#8c9db5}.lesson-item{border-color:#718fa71c}.lesson-index{background:#1c3346;color:#a1edf1}.lesson-item .done .lesson-index{background:#124e46;color:#9dffdd}.lesson-item button:hover:enabled{color:var(--cyan)}.lesson-item button:disabled{color:#9eb0c6}.updated{color:#8eeaf1!important;background:#183849!important}.nav{background:#080f1eea;border:1px solid #7eeaf029;box-shadow:0 12px 50px #0009;backdrop-filter:blur(20px);grid-template-columns:repeat(5,minmax(0,1fr));padding:7px;gap:3px}.nav button{color:#95abc5;min-width:0;background:transparent}.nav button[aria-current=page]{background:#12333e;color:#7cf2f4}.nav .ui-glyph{font-size:22px}.offline{color:#9eb4ca}.offline:before{background:var(--cyan);box-shadow:0 0 10px #38e0ee66}.reading-card,.reference-card,.settings>section,.result{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff04}.reference-card,.settings>section{border-radius:22px}.reading-card p,.reference-card p,.article-body p{color:#d3dfed}.term-inline{color:#72e4ed;border-color:#72e4ed66}.term-inline:hover{background:#1c3e51}.source-list{color:#9eb3c9;border-color:var(--line);overflow-wrap:anywhere}.source-list summary{color:#97cfdf}.search,.topic-filter{background:#0e1a2b;border:1px solid #7eeaf033;color:var(--text)}.search::placeholder{color:#8296af}.article-row{background:#0e1828;border-color:var(--line);color:var(--text)}.article-row:hover{background:#1b3043}.term-head{color:#9ce9ef}.option{background:#0d192a;color:#dce9fa;border-color:#7894ad40}.option span{background:#20364c;color:#b8d3e7}.option:hover:enabled{background:#193047}.option.selected{background:#153d4d;border-color:#38e0ee}.option.correct{background:#0e4538;border-color:#72edb7}.option.incorrect{background:#482631;border-color:#ff8a9a}.option:disabled{opacity:1}.feedback{background:#10362d;border-color:#397965;color:#c6f9e3}.feedback.wrong{background:#3b2330;border-color:#a35e71;color:#ffe0e5}.feedback p{color:inherit}.result-mark{background:#124b43;color:#91ffdc}.result{border-radius:26px}.reading-figure figcaption{color:var(--muted)}.notice{background:#173443;color:#defaff;border-color:var(--line)}.bottom-sheet{background:#0b1423;border:1px solid #7eeaf033;box-shadow:0 -20px 80px #0009}.sheet-grip{background:#2c4c65}.sheet-backdrop{background:#02050bc4}.image-viewer{background:var(--bg)}.viewer-toolbar,.viewer-notes{background:#0c1625;border-color:var(--line)}.viewer-stage{background:#101c2b}.viewer-notes p{color:#c4d7e7}.hotspot{background:#074d66ef;border-color:#9eeef3;color:white}.hotspot[aria-pressed=true]{background:#1557a4;outline-color:#60f2ff}.hotspot-chip{background:#183247;border-color:#79e6ed33;color:#b2e9ef}.hotspot-chip[aria-pressed=true]{background:#236c85;color:white}.footfall-chart{border-color:var(--line)}.beat{background:#132539;border-color:var(--line)}.foot{background:#23394d;color:#98aabf}.foot.down{background:#38e0ee;color:#05202b}.hub-grid,.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-card{padding:0;background:linear-gradient(140deg,#15283c,#0b1322);border:1px solid var(--line);border-radius:26px;overflow:hidden;text-align:start}.hub-card>img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block}.hub-card>span{display:grid;padding:24px;gap:7px}.hub-card b{font-size:29px;color:#ecfcff}.hub-card em{font-size:13px;font-style:normal;color:#83dbe5}.hub-card small{font-size:12px;color:#b0c3d7}.catalog-card{padding:0;border-radius:22px;overflow:hidden;background:#0f1b2c;border:1px solid var(--line);text-align:start;min-width:0}.catalog-card:hover{border-color:#38e0ee8f}.square-photo{width:100%;aspect-ratio:1;overflow:hidden;background:#152234}.square-photo img{width:100%;height:100%;object-fit:cover;display:block}.catalog-card-name{padding:15px;display:grid;gap:3px}.catalog-card-name b{font-size:18px}.catalog-card-name bdi{font-size:12px;color:#8dafc9;overflow-wrap:anywhere}.catalog-photo{margin:0 0 14px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#101b2c}.catalog-photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.photo-credit{margin:0 0 25px;font-size:12px}.photo-credit p{font-size:12px}.catalog-detail .reference-card,.comparison .reference-card{padding:26px;margin:22px 0}.fact-list{margin:0 0 24px}.fact-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;padding:15px 0;border-bottom:1px solid #8da6c222}.fact-list dt{color:#9bb1ca;font-size:13px}.fact-list dd{margin:0;color:#e1f5fc}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.compare-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.compare-photos .catalog-photo{border-radius:18px}.compare-photos img{height:240px;object-fit:contain}.compare-photos h2{font-size:20px}.comparison h1{font-size:30px}.similarity-summary{padding:16px 0}.similarity-summary p{font-size:13px;margin-top:12px;color:#acbfd6}.comparison-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.comparison-table th,.comparison-table td{padding:13px 10px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;text-align:start}.comparison-table th{color:#99e4eb}.comparison-table thead{background:#142c3d}.comparison-table th:first-child{width:29%}.comparison-table td{color:#ccdfef}.breed-picker{max-height:90dvh;padding-top:20px}.breed-picker .toolbar h2{font-size:18px;flex:1}.breed-picker .toolbar{gap:8px}.breed-picker>p{font-size:14px}.picker-row{display:flex;align-items:center;gap:13px;padding:12px 3px;background:transparent;border-bottom:1px solid var(--line);width:100%;text-align:start}.picker-row img{height:59px;width:59px;object-fit:cover;border-radius:13px}.picker-row>span:nth-child(2){flex:1;display:grid;gap:2px}.picker-row small{font-size:12px;color:#8bdce9}.picker-row[aria-checked=true]{background:#153c4b}.checkmark{color:var(--cyan);font-size:24px;padding:5px}.picker-footer{position:sticky;bottom:-25px;background:#0b1423f5;padding:15px 0 25px;border-top:1px solid var(--line);backdrop-filter:blur(10px)}.picker-footer small{display:block;font-size:11px;margin-top:9px}.high-contrast{--panel:#030911;--muted:#d1e0f0;--line:#b0efff70}.high-contrast p,.high-contrast small{color:#eef7ff!important}.high-contrast .updated{color:#a3fbff!important}.high-contrast .nav{background:#020711}.high-contrast .option{border-color:#d4eaff}.skip{background:#153649;color:white}.font-large .comparison-table{font-size:16px}@media(max-width:650px){header{height:76px;padding:14px 20px}main{padding:25px 20px 130px}.nav{width:calc(100% - 24px);bottom:12px;border-radius:23px}.nav button{font-size:10px;min-height:60px;padding:7px 0}.catalog-grid,.hub-grid{gap:12px}.hub-card>span{padding:16px}.hub-card b{font-size:24px}.hub-card em{font-size:11px}.hub-card small{font-size:10px}.catalog-card{border-radius:17px}.catalog-card-name{padding:12px}.catalog-card-name b{font-size:16px}.catalog-detail .reference-card,.comparison .reference-card{padding:20px}.compare-photos{gap:10px}.compare-photos img{height:180px}.compare-photos h2{font-size:16px}.comparison h1{font-size:26px}.comparison-table{font-size:11px}.comparison-table th,.comparison-table td{padding:12px 5px}.bottom-sheet{padding-inline:18px}.fact-list>div{grid-template-columns:1fr 1.15fr}.fact-list dd{font-size:14px}.reading-card{padding:24px}.breed-picker .toolbar .secondary{font-size:12px;padding:9px 13px}.breed-picker .toolbar h2{font-size:16px}.hub-grid{grid-template-columns:1fr}.hub-card{display:grid;grid-template-columns:40% 1fr}.hub-card>img{height:100%;aspect-ratio:1;min-height:160px}.picker-footer{bottom:-25px}}@media(max-width:350px){main{padding-inline:14px}.catalog-card-name b{font-size:14px}.catalog-card-name bdi{font-size:10px}.compare-photos img{height:140px}.comparison .reference-card{padding:13px}.comparison-table{font-size:10px}.viewer-toolbar{padding:8px}.brandmark{width:32px;height:32px}.wordmark{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#horse-canvas{display:block;width:100%;flex:1;min-height:250px;touch-action:none;cursor:grab}.model-viewer .viewer-notes{max-height:35dvh}.model-invite{padding:24px;margin-block:24px}.model-invite p{font-size:14px}.model-viewer .viewer-toolbar button{min-width:44px;min-height:44px;border-radius:12px}