@font-face{font-family:Literata;src:url(/fonts/literata.ttf)format("truetype-variations");font-weight:200 900;font-display:swap}:root{--tok-new:#cfe4ff;--tok-learning:#ffe9a8;--tok-novel-form:#7fb0e8;--tok-novel-form-learning:#d4a72c;--tok-review:#4a86c7;--tok-known:transparent;--fg:#1a1a1a;--bg:#fdfdfb;--line:#d8d5cc;--cursor:#c2410c;color:var(--fg);background:var(--bg);font-family:Literata,"Source Serif 4",Georgia,Iowan Old Style,serif;line-height:1.85}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tok-new:#24405f;--tok-learning:#5a4a1c;--tok-novel-form:#4d7fb5;--tok-novel-form-learning:#a3873c;--tok-review:#6ea3d6;--fg:#e8e6e1;--bg:#16181a;--line:#333;--cursor:#fb923c}}:root[data-theme=dark]{--tok-new:#24405f;--tok-learning:#5a4a1c;--tok-novel-form:#4d7fb5;--tok-novel-form-learning:#a3873c;--tok-review:#6ea3d6;--fg:#e8e6e1;--bg:#16181a;--line:#333;--cursor:#fb923c}body{background:var(--bg);color:var(--fg);margin:0}a{color:inherit}main{max-width:34rem;margin:0 auto;padding:2rem 1.5rem 8rem}main.with-panel{padding-bottom:calc(45vh + 3rem)}h1{font-size:1.3rem;font-weight:400}.tok{cursor:pointer;border-radius:3px;padding:2px 0}.tok--new{background:var(--tok-new)}.tok--learning{background:var(--tok-learning)}.tok--novel-form,.tok--novel-form-learning{outline-offset:1px;outline-width:1px;outline-style:dashed}.tok--novel-form{background:color-mix(in srgb, var(--tok-new) 45%, transparent);outline-color:var(--tok-novel-form)}.tok--novel-form-learning{background:color-mix(in srgb, var(--tok-learning) 45%, transparent);outline-color:var(--tok-novel-form-learning)}.tok--review{background:linear-gradient(to top, var(--tok-review) .16em, transparent .16em)}.tok--known{background:var(--tok-known);cursor:default}.tok--cursor{box-shadow:0 0 0 2px var(--cursor);border-radius:2px}.text{white-space:pre-wrap}.sentence{margin:0 0 .9rem}.gloss-line{white-space:normal;opacity:.55;font-size:.85rem;font-style:italic;line-height:1.5;display:block}.text:focus{outline:none}.bar{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.8rem;line-height:1.4;display:flex}.bar-actions{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.6rem;display:flex}.lang-select{font:inherit;color:inherit;opacity:.75;background:0 0;border:1px solid;border-radius:4px;padding:.2rem .4rem;font-size:.8rem}.lang-select:hover,.lang-select:focus{opacity:1}.lang-select option,.lang-select optgroup{background:var(--bg);color:var(--fg)}.langs-list{flex-direction:column;gap:.35rem;margin:0 0 .4rem;padding:0;list-style:none;display:flex}.langs-list li{align-items:baseline;gap:.6rem;display:flex}.lang-name{min-width:8rem}.lang-name.on{font-weight:600}.starters{margin:.6rem 0 1.4rem}.setting{margin:0 0 2.2rem}.setting h2{margin:0 0 .5rem;font-size:.95rem;font-weight:400}.setting .muted{max-width:46rem;margin:.5rem 0 0}.legend-demo .tok,.legend .tok{cursor:default}button{font:inherit;cursor:pointer;color:inherit;opacity:.75;background:0 0;border:1px solid;border-radius:4px;padding:.25rem .6rem;font-size:.8rem}button:hover{opacity:1}button:disabled{opacity:.3;cursor:default}button.link{border:none;padding:0;font-size:1rem;text-decoration:underline}button.ghost{opacity:.5;border:none;font-size:.7rem;text-decoration:underline}button.on{opacity:1;border-width:2px}a.button{color:inherit;opacity:.75;border:1px solid;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;text-decoration:none}a.button:hover{opacity:1}label.button{cursor:pointer;opacity:.75;text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:4px;max-width:16rem;padding:.25rem .6rem;font-size:.8rem;display:inline-block;overflow:hidden}label.button:hover{opacity:1}label.button input{display:none}.vocab input[type=checkbox]{margin:0}input,textarea{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:4px;padding:.4rem;font-size:.9rem}.import{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex}.import textarea{min-height:8rem}.import .grow{flex:1}.busy{opacity:.7;font-size:.8rem}main.library{max-width:44rem}.continue-line{margin:0 0 1.2rem}.lrow{border-bottom:1px solid var(--line);grid-template-columns:.9rem minmax(0,1fr) 5rem 6.6rem 2.6rem;align-items:center;gap:.9rem;padding:.42rem .2rem;display:grid}.lrow:hover{background:color-mix(in srgb, var(--fg) 5%, transparent)}.lrow.heads{opacity:.4;letter-spacing:.05em;text-transform:uppercase;border-bottom:none;padding-bottom:.15rem;font-size:.68rem}.lrow .right{text-align:right}.arrow{opacity:.6;margin-left:.25rem}.lrow .name{color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:1;overflow-wrap:anywhere;background:0 0;border:none;padding:0}.lrow .name:hover{text-decoration:underline}.dot{border:1.5px solid var(--fg);opacity:.45;border-radius:50%;justify-self:center;width:8px;height:8px}.dot.started{background:var(--fg);opacity:.85}.tick{opacity:.5;justify-self:center;font-size:.8rem}.lrow.is-done .name{opacity:.5}.lrow.is-done .pos{opacity:.4}.lrow.is-done .diff{opacity:.45}.lrow.is-done:hover .name{opacity:.85}.pos{opacity:.55;text-align:right;font-size:.75rem}.diff{justify-content:flex-end;align-items:center;gap:.45rem;display:flex;position:relative}.detail{z-index:8;background:var(--bg);border:1px solid var(--line);border-radius:5px;flex-direction:column;gap:.15rem;width:12.5rem;padding:.55rem .7rem;font-size:.75rem;line-height:1.6;display:none;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 4px 14px #00000040}.diff:hover .detail{display:flex}.detail strong{font-size:.8rem}.detail-row{align-items:center;gap:.4rem;display:flex}.detail-row i{border-radius:2px;flex:none;width:9px;height:9px}.detail-row .tok--known{background:var(--fg);opacity:.35}.detail-row .tok--learning{background:var(--tok-learning)}.detail-row .tok--new{background:var(--tok-new)}.detail-row em{opacity:.55;margin-left:auto;font-style:normal}.detail-foot{opacity:.55;margin-top:.25rem}.diff .shape-bar{flex:0 0 3.6rem;height:5px}.diff .pct{opacity:.6;text-align:right;width:2.2rem;font-size:.75rem}.group>summary{cursor:pointer;list-style:none}.group>summary::-webkit-details-marker{display:none}.caret{opacity:.45;justify-self:center;font-size:.7rem}.group-name{font-weight:600}.lrow.chap{padding-left:1.6rem}.lrow.chap .name{opacity:.85;font-size:.92rem}.lrow.chap.is-done .name{opacity:.45}.acts{justify-content:flex-end;gap:.3rem;display:flex}.act{opacity:0;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.lrow:hover .act,.act:focus,.act.shown{opacity:.55}.act:hover,.act.shown{opacity:1}.meta,.pos,.muted{opacity:.55;font-size:.75rem}.shape-bar{background:var(--line);border-radius:3px;width:12rem;height:6px;display:flex;overflow:hidden}.shape-bar>span{display:block}.shape-bar .tok--new{background:var(--tok-new)}.shape-bar .tok--learning{background:var(--tok-learning)}.shape-bar .tok--known{background:var(--fg);opacity:.35}.panel{background:var(--bg);border-top:1px solid var(--line);padding:.6rem 1.5rem calc(.9rem + env(safe-area-inset-bottom,0px));max-height:45vh;line-height:1.5;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.panel>*{max-width:34rem;margin:0 auto}.panel p{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.panel input{box-sizing:border-box;width:100%;margin:.4rem auto;display:block}.panel .keys{margin-top:.4rem}.morph{opacity:.8;font-size:.75rem;font-style:italic}.glosses{margin:.2rem auto;padding-left:1.2rem;font-size:.85rem}.glosses li{margin:.1rem 0}.vocab{padding:0;list-style:none}.vocab li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:.35rem 0;display:flex}.vocab .note{opacity:.8;font-size:.8rem;font-style:italic}.vocab .context{opacity:.5;flex-basis:100%;font-size:.78rem}.forms{flex-wrap:wrap;gap:.3rem;margin-left:auto;display:flex}.form{opacity:.7;border:1px solid var(--line);border-radius:3px;padding:0 .3rem;font-size:.7rem}.undo{z-index:5;background:var(--tok-learning);color:#1a1a1a;justify-content:center;align-items:center;gap:.6rem;margin:0;padding:.5rem;font-size:.85rem;display:flex;position:sticky;top:0}.undo button{color:#1a1a1a;opacity:.9;border-color:#1a1a1a}.scrim{background:#00000059;justify-content:center;padding-top:15vh;display:flex;position:fixed;inset:0}.palette{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:min(28rem,90vw);height:fit-content;padding:.75rem}.palette input{box-sizing:border-box;width:100%}.palette ul{margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none}.palette li{padding:.15rem 0}.report-tab{z-index:6;opacity:.35;background:var(--bg);font-size:.7rem;position:fixed;bottom:.75rem;right:.75rem}.report-tab:hover{opacity:.9}.theme-tab{z-index:6;opacity:.35;background:var(--bg);font-size:.7rem;position:fixed;bottom:.75rem;left:.75rem}.theme-tab:hover{opacity:.9}.only-narrow{display:none}@media (width<=640px){.only-wide{display:none}.only-narrow{display:revert}}.report{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:min(28rem,90vw);height:fit-content;padding:.6rem}.report textarea{box-sizing:border-box;width:100%;min-height:5rem}.report .bar{margin:.4rem 0 0}.legend-demo{margin:.5rem 0 2rem;font-size:1.05rem;line-height:2.2}.legend{padding:0;list-style:none}.legend li{grid-template-columns:9rem 1fr;align-items:baseline;gap:1rem;margin-bottom:.7rem;display:grid}.legend li>.tok{justify-self:start}.legend.keys-list li{grid-template-columns:10rem 1fr;margin-bottom:.45rem}kbd{font:inherit;border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:.1rem .4rem;font-size:.8rem}.legend-btn{opacity:.75;white-space:nowrap;border:1px solid;border-radius:4px;justify-self:start;padding:.15rem .4rem;font-size:.75rem}.legend-loop{font-size:1rem;line-height:2.4}.legend-notes{padding-left:1.1rem}.legend-notes li{margin-bottom:.7rem}main.signin{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;max-width:26rem;min-height:100vh;padding:3rem 1.5rem 6rem;display:flex}.signin-mark{border-radius:14px;display:block}.signin h1{margin:.6rem 0 1.6rem;font-size:1.35rem}.signin .warn{text-align:left;margin-bottom:1.2rem}.signin-lang{opacity:.75;margin:0 0 1.2rem;font-size:.85rem}.signin select{font:inherit;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:3px;padding:.25rem;font-size:.85rem}.signin-foot{opacity:.5;margin-top:2.5rem;font-size:.75rem}a.button.primary{opacity:1;border-color:currentColor;padding:.55rem 1.1rem;font-size:.95rem;text-decoration:none;display:inline-block}a.button.primary:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.warn{border-left:2px solid var(--cursor);padding-left:.7rem;font-size:.85rem;line-height:1.6}.account{z-index:7;text-align:right;position:fixed;top:.6rem;right:.75rem}.account>button{background:var(--bg)}.account-menu{border:1px solid var(--line);background:var(--bg);text-align:left;flex-direction:column;align-items:flex-start;gap:.45rem;width:15rem;padding:.7rem;display:flex}.account-menu .meta,.account-menu .warn{margin:0}button:not(.name),a.button,label.button,.lang-select{white-space:nowrap}@media (hover:none){.act{opacity:.55}}@media (width<=640px){.account{text-align:right;padding:.5rem .9rem 0;position:relative}.account-menu{z-index:20;width:min(15rem,100vw - 2rem);position:absolute;top:100%;right:.9rem}.acts{flex-wrap:wrap;justify-content:flex-start}.panel{max-height:60vh;padding-left:1rem;padding-right:1rem;padding-bottom:calc(1.7rem + env(safe-area-inset-bottom,0px))}main.with-panel{padding-bottom:calc(60vh + 4rem)}.shape-bar{width:100%;max-width:8rem}button,a.button,label.button{padding:.4rem .5rem;font-size:.75rem}.bar,.bar-actions{gap:.4rem}}