:root{--desk:#ebe8e1;--sheet:#f8f6f1;--ink:#1c1d20;--ink-soft:#4d4c48;--rule:#c4bfb3;--brick:#8f3520;--blue:#1f3f73;--mark:var(--brick);--word:48px}body[data-mark=blue]{--mark:var(--blue)}body[data-mark=none]{--mark:var(--ink)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--desk);color:var(--ink);font-family:Golos Text,system-ui,sans-serif;font-size:15px;line-height:1.5}[hidden]{display:none!important}button{font:inherit;color:var(--ink);cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}header{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding:18px 32px;display:flex}header .name{font-size:16px;font-weight:600}header .doc{color:var(--ink-soft)}header .doc b{color:var(--ink);font-weight:500}header .load{border:1px solid var(--ink);background:0 0;margin-left:auto;padding:6px 14px}.open{max-width:880px;padding:32px}.open label{margin-bottom:12px;font-size:17px;font-weight:600;display:block}.open textarea{width:100%;font:inherit;color:var(--ink);background:var(--sheet);border:1px solid var(--rule);resize:vertical;padding:16px 18px;font-size:16px;line-height:1.6}.open-bar{align-items:center;gap:18px;margin-top:14px;display:flex}.open-bar .main{background:var(--ink);color:var(--sheet);border:none;padding:12px 28px;font-weight:500}.open-bar .main:disabled{background:var(--rule);color:var(--ink-soft);cursor:default}.hint{color:var(--ink-soft);font-variant-numeric:tabular-nums}nav{border-bottom:1px solid var(--rule);scrollbar-width:none;padding:0 32px;display:flex;overflow-x:auto}nav button{color:var(--ink-soft);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px}nav button i{margin-right:6px;font-size:12px;font-style:normal}nav button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}nav button:disabled{cursor:default}.work{grid-template-columns:1fr 340px;gap:24px;padding:24px 32px 32px;display:grid}.sheet{background:var(--sheet);border:1px solid var(--rule);grid-template-rows:auto 1fr auto;min-width:0;min-height:470px;display:grid}.meta{border-bottom:1px solid var(--rule);color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:12px 20px;font-size:13px;display:flex}.stage{align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.word{width:100%;font-size:var(--word);white-space:pre;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);font-weight:500;display:grid}.word .l{text-align:right}.word .orp{color:var(--mark);font-weight:600}.gap{background:linear-gradient(var(--ink) 0 22px, transparent 22px calc(100% - 22px), var(--ink) calc(100% - 22px));width:1px;height:120px;margin:-60px 0 0 -.5px;position:absolute;top:50%;left:50%}.pagetext{max-width:72ch;max-height:60vh;padding:24px 28px;font-size:18px;line-height:1.65;overflow-y:auto}.pagetext p{margin:0 0 1em}.pagetext span{cursor:pointer}.pagetext span:hover{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.pagetext .here{box-shadow:0 2px 0 var(--mark);background:#e6dcc4}.pagetext .done{color:var(--ink-soft)}.bar{border-top:1px solid var(--rule);grid-template-columns:auto auto auto auto 1fr;align-items:center;display:grid}.bar button{border:none;border-right:1px solid var(--rule);background:0 0;padding:14px 18px}.bar button.main{background:var(--ink);color:var(--sheet);min-width:96px;font-weight:500}.bar .wpm{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft);padding:0 20px}.bar .wpm b{color:var(--ink);font-size:18px;font-weight:600}.bar .pause{font-size:12px;display:block}.track{background:var(--rule);height:3px}.track div{background:var(--ink);width:0;height:100%}.letter{border-top:1px solid var(--rule);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 20px;font-size:13px;display:flex}.letter label{cursor:pointer;color:var(--ink);align-items:center;gap:6px;display:inline-flex}.letter .dot{width:10px;height:10px;display:inline-block}.letter .dot.brick{background:var(--brick)}.letter .dot.blue{background:var(--blue)}.about{background:var(--sheet);border:1px solid var(--rule);align-self:start;padding:20px 22px}.about h2{margin:0 0 16px;font-size:17px;font-weight:600}.about dl{margin:0}.about dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--rule);padding-top:12px;font-size:12px;font-weight:600}.about dt:first-child{border-top:none;padding-top:0}.about dd{margin:4px 0 12px}@media (width<=900px){.work{grid-template-columns:1fr}}@media (width<=560px){:root{--word:36px}header,nav{padding-left:16px;padding-right:16px}header .load{margin-left:0}.open{padding:16px}.work{gap:16px;padding:16px}.sheet{min-height:360px}.pagetext{padding:16px;font-size:17px}.gap{background:linear-gradient(var(--ink) 0 18px, transparent 18px calc(100% - 18px), var(--ink) calc(100% - 18px));height:96px;margin-top:-48px}.bar{grid-template-columns:1fr 1fr 1fr 1fr}.bar button{border-bottom:1px solid var(--rule);padding:14px 6px}.bar button:nth-child(4){border-right:none}.bar .wpm{text-align:left;grid-column:1/-1;padding:10px 16px}.bar .pause{margin-left:8px;display:inline}}