:root{--ink:#12121a;--ink-raised:#1b1b26;--ink-sunken:#0d0d13;--line:#2a2a38;--text:#e9e7e2;--text-dim:#9a97a4;--text-faint:#6a6776;--gold:#e8c98a;--gold-dim:#8a7a52;--green:#7fc99a;--amber:#e0a95e;--red:#d98a86;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius:14px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--ink:#faf7f0;--ink-raised:#fffdf8;--ink-sunken:#f0ece2;--line:#ded7c8;--text:#23212a;--text-dim:#625f6b;--text-faint:#918d99;--gold:#9a7620;--gold-dim:#c4ab73;--green:#2f7d52;--amber:#a06a12;--red:#a3423c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:none;height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.app{width:100%;max-width:34rem;padding-top:var(--safe-top);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.status{color:var(--text-dim);padding:.35rem 1.1rem .2rem;font-size:.8rem}.status__row{align-items:center;gap:.55rem;min-width:0;display:flex}.status__row:last-child{align-items:baseline}.status__spacer{flex:1}.status__topic{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:baseline;gap:.5rem;padding:.2rem 0;display:flex}.status__topic:active .status__title{color:var(--gold)}.status__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);-webkit-text-decoration:underline dotted var(--line);text-decoration:underline dotted var(--line);text-underline-offset:3px;flex:1;font-weight:500;overflow:hidden}span.status__title{text-decoration:none}.status__ref{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none}.status__counts{font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;font:inherit;-webkit-text-decoration:underline dotted var(--line);text-decoration:underline dotted var(--line);text-underline-offset:3px;background:0 0;border:none;padding:.2rem 0}.status__counts:active{color:var(--gold)}.floppy{opacity:.55;pointer-events:none;flex:none;font-size:.85rem;line-height:1;animation:.25s floppy-in}.floppy--out{opacity:0;transition:opacity .7s}@keyframes floppy-in{0%{opacity:0;transform:translateY(-.2rem)}}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid;border-radius:999px;padding:.1rem .4rem;font-size:.65rem}.badge--placement{color:var(--amber)}.status__focus{gap:.5rem;padding-top:.15rem}.badge--focus{color:var(--gold);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.linkbtn{color:var(--text-dim);font:inherit;white-space:nowrap;-webkit-text-decoration:underline dotted var(--line);text-decoration:underline dotted var(--line);text-underline-offset:3px;background:0 0;border:none;padding:.2rem 0;font-size:.7rem}.linkbtn:active{color:var(--gold)}.iconbtn{min-width:var(--tap);min-height:var(--tap);color:var(--text-dim);border-radius:999px;place-items:center;margin:-.6rem 0;display:grid}.iconbtn:active{background:var(--ink-raised)}.study{flex-direction:column;flex:1;min-height:0;padding:0 1.1rem;display:flex}.study__scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:.5rem 0 .9rem;font-size:.72rem}.prompt{font-family:var(--serif);text-wrap:balance;margin:0 0 1.4rem;font-size:1.6rem;line-height:1.35}.answer-field{background:var(--ink-raised);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:5.5rem;color:var(--text);font-family:var(--serif);resize:none;padding:.85rem .95rem;font-size:1.15rem;line-height:1.45}.answer-field:focus{border-color:var(--gold-dim);outline:none}.answer-field::placeholder{color:var(--text-faint);font-style:italic}.compare{flex-direction:column;gap:.9rem;margin-bottom:1.2rem;display:flex}.compare__block{border-radius:var(--radius);background:var(--ink-raised);border:1px solid var(--line);padding:.8rem .95rem}.compare__block--reference{border-color:var(--gold-dim);background:color-mix(in srgb, var(--gold) 8%, var(--ink-raised))}.compare__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.3rem;font-size:.68rem}.compare__text{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:break-word;font-size:1.15rem;line-height:1.45}.compare__text--empty{color:var(--text-faint);font-style:italic}.compare__text--reference{color:var(--gold)}.note{color:var(--text-dim);margin-top:.5rem;font-size:.88rem}.word{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:5px}.word--held{background:color-mix(in srgb, var(--gold) 28%, transparent)}.word--b,.mark--b{-webkit-text-stroke:.4px currentColor;font-weight:800}.word--i,.mark--i{font-style:oblique 16deg}.word--s,.mark--s{text-decoration-line:line-through;text-decoration-thickness:.07em}.word--markable{box-shadow:0 1px 0 color-mix(in srgb, currentColor 30%, transparent)}.compare--marking .compare__block{border-color:color-mix(in srgb, var(--gold) 45%, var(--line))}.hint{color:var(--text-faint);text-align:center;margin:0 0 .4rem;font-size:.78rem}.crib{margin:.2rem 0 1rem}.crib__toggle{width:100%;min-height:2.4rem;color:var(--text-dim);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.crib__caret{color:var(--text-faint);font-size:.7rem}.crib__list{border-top:1px solid var(--line)}.crib__list--trail{padding-top:.5rem}.crib__status{color:var(--text-dim);align-items:center;gap:.6rem;padding:.7rem 0;font-size:.85rem;display:flex}.crib__status p{margin:0}.crib-row{border-bottom:1px solid var(--line);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;grid-template-columns:minmax(4.5rem,8rem) 1fr;align-items:baseline;gap:0 .8rem;margin:0 -.35rem;padding:.4rem .35rem;display:grid}.crib-row:last-child{border-bottom:none}.crib-row--held{background:color-mix(in srgb, var(--gold) 28%, transparent);border-radius:5px}.crib-row__english{color:var(--text-dim);overflow-wrap:break-word;font-size:.9rem}.crib-row__english--none{color:var(--text-faint)}.crib-row__citation{font-family:var(--serif);color:var(--gold);display:block}.crib-row__gloss{color:var(--text-dim);margin-top:.1rem;font-size:.82rem;display:block}.crib-row__missing{color:var(--text-faint);margin-top:.1rem;font-size:.82rem;font-style:italic;display:block}.actions{padding:.7rem 0 calc(.7rem + var(--safe-bottom));gap:.6rem;display:flex}.btn{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-raised);color:var(--text);flex:1;place-items:center;font-size:.95rem;font-weight:500;transition:transform 80ms;display:grid}.btn:active{transform:scale(.97)}.btn--primary{background:var(--gold);border-color:var(--gold);color:#17140c}.btn--quiet{color:var(--text-dim);background:0 0}.btn:disabled{opacity:.45}.linkrow{justify-content:center;gap:1.1rem;padding:.2rem 0 .6rem;display:flex}.linkrow button{color:var(--text-dim);min-height:2.4rem;padding:0 .3rem;font-size:.85rem}.grades{padding:.7rem 0 calc(.7rem + var(--safe-bottom));grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.grade{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-raised);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:3.4rem;transition:transform 80ms;display:flex}.grade:active{transform:scale(.95)}.grade__label{font-size:.85rem;font-weight:500}.grade__when{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.68rem}.grade--1 .grade__label{color:var(--red)}.grade--2 .grade__label{color:var(--amber)}.grade--3 .grade__label{color:var(--green)}.grade--4 .grade__label{color:var(--gold)}.sheet-backdrop{z-index:10;background:#00000080;animation:.18s fade;position:fixed;inset:0}.sheet{z-index:11;background:var(--ink);border-top:1px solid var(--line);border-radius:18px 18px 0 0;flex-direction:column;max-height:88dvh;animation:.22s cubic-bezier(.2,.9,.3,1) rise;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet__inner{flex-direction:column;width:100%;max-width:34rem;min-height:0;margin:0 auto;display:flex}.sheet__grip{background:var(--line);border-radius:999px;flex:none;width:2.2rem;height:.25rem;margin:.55rem auto 0}.sheet__head{border-bottom:1px solid var(--line);flex:none;align-items:baseline;gap:.6rem;padding:.7rem 1.1rem .6rem;display:flex}.sheet__title{font-family:var(--serif);flex:1;min-width:0;font-size:1.15rem}.sheet__body{-webkit-overflow-scrolling:touch;padding:.9rem 1.1rem calc(1.4rem + var(--safe-bottom));min-height:0;overflow-y:auto}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.grammar{font-family:var(--serif);overflow-wrap:break-word;padding-bottom:1.5rem;font-size:.98rem;line-height:1.7}.gr-p{margin:0 0 .9rem}.gr-h{font-size:.78rem;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:1.6rem 0 .7rem;font-weight:600}.gr-item{grid-template-columns:auto 1fr;gap:0 .55rem;margin:0 0 .8rem;display:grid}.gr-item--1{padding-left:1rem}.gr-item--2{color:var(--text-dim);padding-left:2rem;font-size:.92rem}.gr-marker{font-variant-numeric:tabular-nums;color:var(--gold-dim)}.gr-tablewrap{-webkit-overflow-scrolling:touch;margin:0 0 1.2rem;padding-bottom:.2rem;overflow-x:auto}.gr-table{border-collapse:collapse;font-size:.9rem}.gr-table th,.gr-table td{text-align:left;vertical-align:baseline;white-space:nowrap;padding:.22rem .7rem .22rem 0}.gr-table th{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line);padding-bottom:.35rem;font-size:.68rem;font-weight:600}.gr-row--body td:first-child{color:var(--text-dim);padding-right:1.1rem}.gr-divider{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-dim);padding-top:.8rem;font-size:.68rem;font-weight:600}.gr-b{color:var(--text);font-weight:650}.gr-i{color:var(--text-dim);font-style:italic}.reader{touch-action:pan-y;min-height:100%}.grammar--turn-next{animation:.2s ease-out page-next}.grammar--turn-prev{animation:.2s ease-out page-prev}@keyframes page-next{0%{opacity:0;transform:translate(1.6rem)}}@keyframes page-prev{0%{opacity:0;transform:translate(-1.6rem)}}@media (prefers-reduced-motion:reduce){.grammar--turn-next,.grammar--turn-prev{animation:none}}.pager{border-top:1px solid var(--line);gap:.6rem;padding-top:.8rem;display:flex}.pager__btn,.pager__end{flex:1 1 0;min-width:0}.pager__btn{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-raised);text-align:left;align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.pager__btn--next{text-align:right}.pager__btn:active{border-color:var(--gold-dim)}.pager__main{flex:1;min-width:0}.pager__arrow{color:var(--gold-dim);font-size:1.1rem}.pager__ref{letter-spacing:.04em;color:var(--text-faint);font-size:.68rem;display:block}.pager__title{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;display:block;overflow:hidden}.pager__hint{text-align:center;color:var(--text-faint);margin:.6rem 0 0;font-size:.72rem}.iconbtn--go{color:var(--gold)}.map__overall{color:var(--text-dim);padding:.4rem 1.1rem 1rem;font-size:.85rem}.family{border-bottom:1px solid var(--line)}.family__head{width:100%;min-height:var(--tap);text-align:left;align-items:center;gap:.75rem;padding:.75rem 1.1rem;display:flex}.family__main{flex:1;min-width:0}.family__name{font-size:.95rem;display:block}.family__sub{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:.1rem;font-size:.78rem;display:block}.family__meter{background:var(--line);border-radius:999px;flex:none;width:4.5rem;height:4px;overflow:hidden}.family__meter>i{background:var(--gold);border-radius:999px;height:100%;display:block}.list--topics{padding:0 1.1rem .7rem}.band{background:var(--ink-raised);border:1px solid var(--line);border-radius:999px;flex:none;align-self:stretch;width:6px;min-height:2rem}.band--m1{background:color-mix(in srgb, var(--amber) 22%, var(--ink-raised))}.band--m2{background:color-mix(in srgb, var(--amber) 45%, var(--ink-raised))}.band--m3{background:color-mix(in srgb, var(--green) 55%, var(--ink-raised))}.band--m4{background:var(--green)}.band--assumed{opacity:.55}.list{flex-direction:column;display:flex}.row{width:100%;min-height:var(--tap);border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:.8rem;padding:.7rem 0;display:flex}.row:last-child{border-bottom:none}.row__main{flex:1;min-width:0}.row__title{font-family:var(--serif);font-size:1.02rem;display:block}.row__ref{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:.45rem}.row__sub{color:var(--text-dim);margin-top:.1rem;font-size:.82rem;display:block}.row__answer{font-family:var(--serif);color:var(--gold);margin-top:.15rem;font-size:.98rem;display:block}.row--static{cursor:default}.row__chev{color:var(--text-faint);flex:none}.attempt{border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.9rem}.attempt:last-child{border-bottom:none}.attempt__meta{color:var(--text-faint);align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.72rem;display:flex}.attempt__prompt{color:var(--text-dim);margin-bottom:.2rem}.attempt__written{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:break-word}.attempt__written--empty{color:var(--text-faint);font-style:italic}.attempt__answer{font-family:var(--serif);color:var(--gold);white-space:pre-wrap;overflow-wrap:break-word;margin-top:.2rem}.attempt__answer-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-right:.45rem;font-size:.68rem}.attempt__matched{color:var(--gold)}.attempt__mark{color:var(--text-faint);border-radius:6px;margin-left:auto;padding:.1rem .45rem;font-size:.72rem}.attempt__mark[aria-pressed=true]{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.attempt--marking{background:color-mix(in srgb, var(--gold) 6%, transparent);border-radius:var(--radius);margin:0 -.6rem;padding:.6rem}.attempt__hint{color:var(--text-faint);margin-top:.4rem;font-size:.72rem}.field{margin-bottom:.9rem;display:block}.field__label{color:var(--text-dim);margin-bottom:.3rem;font-size:.78rem;display:block}.field input{width:100%;min-height:var(--tap);background:var(--ink-raised);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 .8rem;font-family:inherit;font-size:1rem}.field input:focus{border-color:var(--gold-dim);outline:none}.field__hint{color:var(--text-faint);margin-top:.3rem;font-size:.76rem}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:1.6rem 0 .6rem;font-size:.72rem}.section-title:first-child{margin-top:.3rem}.toast{left:50%;bottom:calc(5.6rem + var(--safe-bottom));z-index:20;background:var(--ink-raised);border:1px solid var(--line);max-width:calc(100% - 2rem);color:var(--text);border-radius:999px;align-items:center;gap:.7rem;padding:.6rem .95rem;font-size:.85rem;animation:.2s rise-fade;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.toast button{color:var(--gold);white-space:nowrap;font-weight:500}@keyframes rise-fade{0%{opacity:0;transform:translate(-50%,.5rem)}}.centered{padding:2rem 1.5rem calc(2rem + var(--safe-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.centered h1{font-family:var(--serif);margin:0;font-size:1.5rem;font-weight:400}.centered p{color:var(--text-dim);margin:0;font-size:.95rem}.spinner{border:2px solid var(--line);border-top-color:var(--gold);border-radius:999px;width:1.1rem;height:1.1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ring{--pct:0;background:conic-gradient(var(--gold) calc(var(--pct) * 1%), var(--line) 0);border-radius:999px;place-items:center;width:6.5rem;height:6.5rem;margin-bottom:.6rem;display:grid}.ring>span{background:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:calc(100% - 10px);height:calc(100% - 10px);font-size:1.15rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.confetti{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}