@font-face{font-family:sheep;src:url(sheep.woff2)}@font-face{font-family:fang;src:url(fang.woff2)}@font-face{font-family:kai;src:url(kai.woff2)}
.study-tabs{display:flex;gap:8px;overflow:auto;padding:16px 0;scrollbar-width:thin}.study-tabs button{flex-shrink:0}.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-filter{display:block;margin:12px 0}.study-count{margin:15px 0}.original-text{font-size:22px;line-height:2.3;white-space:pre-wrap;overflow-wrap:anywhere}.word-link{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;min-height:0!important;background:transparent!important;font:inherit;line-height:inherit;text-decoration:underline;text-decoration-color:var(--light);text-underline-offset:6px}.word-link:hover{background:var(--green)!important}.source-link{display:inline-block;margin:9px 7px 5px 0;font-size:14px;max-width:100%;overflow-wrap:anywhere}.source-image{display:block;width:100%;height:auto}.answer-block,.note-priority{background:var(--green);padding:12px 15px;margin:14px 0;border-left:3px solid var(--accent)}.note-priority p{margin-top:8px}.word-note{padding:12px 0;border-bottom:1px solid var(--line)}#reader{width:min(94vw,820px);max-height:88vh;padding:18px 22px}#reader h2{margin-top:10px}.reader-close{position:sticky;top:0;display:block;margin-left:auto;z-index:2;background:var(--paper)}dialog::backdrop{background:#18251c88}.card h3{margin:20px 0 8px;font-size:20px}.card p{margin:9px 0}.study-grid .tile{min-height:100px}summary{cursor:pointer;min-height:44px;padding:8px 0}a{color:var(--accent)}@media(max-width:540px){.study-grid{grid-template-columns:1fr}.study-grid .tile{display:block;min-height:auto}.original-text{font-size:21px}#reader{padding:12px}.source-link{font-size:14px}nav button{font-size:14px}}
*{box-sizing:border-box}body{--bg:#faf6ea;--paper:#fffdf5;--ink:#263c33;--light:#647065;--line:#cbcbbb;--accent:#aa4838;--green:#dae7d5;--gold:#f0e1ba;--rose:#f3d9cf;margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 var(--face,sheep),serif}body.dark{--bg:#202b27;--paper:#293731;--ink:#f3eddb;--light:#b8c3b7;--line:#536158;--accent:#ffb39a;--green:#344c40;--gold:#50472f;--rose:#503e39;color-scheme:dark}header,main,nav{max-width:890px;margin:auto}header{padding:calc(16px + env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.seal{background:#a44938;color:white;border-radius:5px;padding:1px 8px;transform:rotate(-5deg)}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 13px}button:focus-visible{outline:3px solid var(--accent)}main{padding:20px 20px calc(110px + env(safe-area-inset-bottom))}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,7vw,56px);letter-spacing:.02em}h2{font-size:23px;margin:24px 0 12px}small,.sub{color:var(--light);font-size:15px}.hero{background-color:var(--green);background-image:linear-gradient(#748f7614 1px,transparent 1px),linear-gradient(90deg,#748f7614 1px,transparent 1px);background-size:21px 21px;border:1px solid var(--line);border-radius:18px;padding:24px;position:relative;overflow:hidden;min-height:205px;display:flex;align-items:center}.hero>div{position:relative;z-index:1;max-width:72%}.hero img{width:clamp(78px,20vw,145px);position:absolute;right:5%;bottom:12%;animation:bob 3.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.hero img{animation:none}}.primary{background:var(--ink);color:var(--paper);border:0;margin-top:15px;padding:10px 20px}.strip,.row,.card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:16px}.strip{display:flex;justify-content:space-around;text-align:center;margin-top:12px}.strip b,.strip small{display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{text-align:left;padding:19px;min-height:126px}.tile b,.tile small{display:block}.tile i{display:block;color:var(--accent);font:24px serif;margin-bottom:10px}.tile:nth-child(1){background:var(--gold)}.tile:nth-child(2){background:var(--rose)}.tile:nth-child(3){background:var(--green)}.row{width:100%;display:flex;align-items:center;justify-content:space-between;margin:8px 0;text-align:left;gap:10px}.quote{border-left:3px solid var(--accent);padding:4px 14px;margin-top:22px}.card{margin:12px 0;padding:22px}.choice{width:100%;display:flex;text-align:left;gap:12px;margin:9px 0}.choice b{color:var(--light)}.right{background:var(--green);border-color:#629575}.wrong{background:var(--rose);border-color:#bb6852}.meter{height:7px;background:var(--line);border-radius:8px;margin:8px 0 14px}.meter span{display:block;background:var(--accent);height:100%;border-radius:inherit}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--paper);border-top:1px solid var(--line);padding:6px 0 calc(8px + env(safe-area-inset-bottom));z-index:3}nav button{border:0;min-width:55px;background:transparent;font-size:15px}nav b{display:block;font:21px serif}.active{color:var(--accent);background:var(--rose)}dialog{width:min(90vw,380px);border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}dialog label{display:block;margin:14px 0}input,select{display:block;width:100%;padding:7px;background:var(--bg);border:1px solid var(--line);border-radius:6px}@media(max-width:540px){.grid{grid-template-columns:1fr}.tile{display:grid;grid-template-columns:42px 1fr;min-height:auto;padding:11px 16px}.tile i{grid-row:span 2;margin:auto 12px auto 0}.hero{padding:18px}.hero img{right:4%}main{padding-left:14px;padding-right:14px}}
body{--bg:#f5f7ed;--paper:#fffdf4;--ink:#304e42;--light:#5b7265;--line:#c2cdbb;--accent:#935362;--green:#deebda;--gold:#e2ebda;--rose:#f3dfdf;background:radial-gradient(ellipse at 92% 0%,#ecd4d640,transparent 45%),var(--bg)}
body.dark{--bg:#141411;--paper:#211f19;--ink:#ebd9ae;--light:#b8aa8b;--line:#554b34;--accent:#dec185;--green:#313023;--gold:#393322;--rose:#332b24;background:var(--bg)}
.hero{background:linear-gradient(110deg,var(--paper),var(--green));border-radius:3px 22px 3px 22px;min-height:225px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:url(garden.svg) right bottom/cover;z-index:-1}.hero:after{content:"";position:absolute;inset:7px;border:1px solid var(--line);border-radius:2px 16px 2px 16px;pointer-events:none}.dark .hero:before{background-image:url(garden-night.svg)}.hero img{max-height:139px;width:auto;max-width:24%;object-fit:contain}.hero h1{font-family:var(--face),serif;letter-spacing:.08em}.seal{background:var(--accent);color:var(--paper)}.tile,.card,.row{border-radius:3px 13px 3px 13px}.tile i{display:grid;place-items:center;border:1px solid currentColor;width:30px;height:35px;border-radius:4px;font-size:20px}.tile:nth-child(3){background:var(--paper)}.quizline,.filters{display:flex;align-items:center;justify-content:space-between;gap:14px}.filters{align-items:flex-end;flex-wrap:wrap}.filters label{flex:1;min-width:135px}.quizline{flex-wrap:wrap}.quizline .primary{margin:0}.quizline span{font-size:15px}.choice:disabled{color:var(--ink);opacity:1}.card details{margin-top:12px}.card details p{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}h1{line-height:1.35}.dark .right{border-color:#b7c385}.dark .wrong{border-color:#c18e81}button{min-height:44px}@media(max-width:540px){.hero{min-height:193px}.hero:before{background-position:right bottom;background-size:auto 100%}.hero img{right:8%;bottom:10%}.hero h1{font-size:32px}}
body{--scenery:url(landscape.svg);background-color:#eef1e4;background-image:url(cloud-silk.svg),radial-gradient(ellipse at top right,#f1d8d9aa,transparent 53%),linear-gradient(156deg,#f0f4e6 15%,#f5ecdf 58%,#dce9dd);background-attachment:fixed}
body.dark{--scenery:url(landscape-night.svg);background-color:#171813;background-image:url(cloud-silk.svg),radial-gradient(ellipse at top right,#65513740,transparent 52%),linear-gradient(150deg,#171a16,#211e17 73%,#29251a)}
header{background:var(--paper);border-bottom:3px double var(--line)}
.hero{background-image:linear-gradient(95deg,var(--paper) 7%,transparent 75%),var(--scenery),linear-gradient(120deg,var(--paper),var(--green));background-size:cover,cover,cover;box-shadow:0 6px 17px #303e3011}
.hero:before{opacity:.7;background-size:auto 105%;background-repeat:no-repeat;background-position:right top}.hero img{filter:drop-shadow(0 5px 2px #43564627)}.hero:after{border-style:double;border-width:3px}
main>h1{padding:12px 0 10px;border-bottom:1px solid var(--line)}main>h2{display:flex;align-items:center;gap:10px}main>h2:before{content:"";display:block;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--accent);box-shadow:inset 0 0 0 2px var(--bg);background:var(--accent)}
.tile{position:relative;overflow:hidden;background-image:linear-gradient(115deg,transparent 56%,#83978219),url(cloud-silk.svg)!important;background-size:auto,180px 120px!important;border-left:3px solid var(--accent)}
.card,.strip,.row,.filters{box-shadow:0 3px 10px #333d2910}.filters{background:var(--paper);padding:12px;border:1px solid var(--line);border-radius:4px 14px}.card h2{white-space:pre-line;font-size:clamp(19px,4vw,25px);line-height:1.65}.why{border-left:2px solid var(--accent);padding-left:12px;margin-top:10px}.card{border-top:3px double var(--line)}.quote{background:var(--paper);padding:12px 15px}nav{border-top:3px double var(--line)}@media(max-width:540px){.hero{background-position:center,65% bottom,center}.hero:before{background-size:auto 95%}}

.word-link{text-align:left;white-space:normal;appearance:none}