@font-face{font-family:"Noto Sans";src:url('/font.ttf');font-display:swap}
:root{font-family:"Noto Sans",sans-serif;background:#f1f1ef;color:#171717;color-scheme:light;font-synthesis:weight;--muted:#60605b;--line:#d5d5d0}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:transparent;border-radius:8px;padding:12px 16px;min-height:44px}button:hover{background:#e2e2dd}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #171717;outline-offset:4px}::selection{background:#cfcfc7;color:#111}*{scrollbar-color:#b4b4ad #f1f1ef}input{caret-color:#171717}main{max-width:1140px;margin:auto;padding:0 40px 64px}header{height:88px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:18px}header>a{font-size:25px;font-weight:700;text-decoration:none;letter-spacing:-.03em}header>span{margin-left:auto;color:var(--muted);font-size:13px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1{font-size:34px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance}.heading{margin:42px 0 28px}.heading p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}nav{display:flex;gap:12px;margin-bottom:30px}nav button{font-size:17px;border-radius:0;border-bottom:2px solid transparent;padding:12px 4px;min-width:74px}nav button.selected{border-bottom-color:#171717;font-weight:700}#shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 28px}.item{padding:0;text-align:left;min-width:0;border-radius:0}.item:hover{background:transparent}.cover{aspect-ratio:3/4;background:#e6e6e1;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:3px;overflow:hidden;transition:transform .14s ease-out}.item:hover .cover{transform:translateY(-3px)}.cover strong{font-size:23px;line-height:1.35;overflow-wrap:anywhere}.cover small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cover.sheet{padding:0;background:white;border:1px solid var(--line)}.cover img{width:100%;height:100%;object-fit:contain}.item h2{font-size:15px;line-height:1.5;margin:12px 0 3px;overflow-wrap:anywhere}.item p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.back{display:flex;align-items:center;gap:6px;margin:20px 0 0 -14px;padding-left:8px}#detail .heading{margin-top:24px}#actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}#actions a{font-size:14px;padding:12px 0}.reading{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px}.reading:has(aside:empty){grid-template-columns:minmax(0,1fr)}#content{min-width:0}.paper{display:block;width:100%;background:#fff;border:1px solid var(--line);margin-bottom:18px}.paper-label{font-size:12px;color:var(--muted);margin:24px 0 10px}aside{font-size:14px}aside h2{font-size:18px;margin:0 0 20px}.annotation{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.annotation blockquote{margin:0 0 10px;line-height:1.7}.annotation p{margin:6px 0;line-height:1.7;color:var(--muted)}article{background:#fff;padding:34px;line-height:1.85;max-width:75ch;overflow-wrap:anywhere}article h2{font-size:25px;line-height:1.4;margin:0 0 24px}article p{margin:0 0 1.25em}article blockquote{margin:1.5em 0 1.5em 24px}article pre{white-space:pre-wrap}iframe{width:100%;height:80vh;border:1px solid var(--line)}#notice{padding:16px;border:1px solid var(--line);line-height:1.6}#login{max-width:540px;margin:80px auto}#login p{color:var(--muted);line-height:1.75}form{display:grid;gap:12px;margin-top:32px}input{border:1px solid #999990;background:#fff;border-radius:6px;min-height:48px;padding:12px}form button{background:#171717;color:white}form button:hover{background:#383835}#empty{line-height:1.8;color:var(--muted);padding:30px 0}.chapter-nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:14px}.chapter-nav span{padding:12px 0;font-variant-numeric:tabular-nums}[hidden]{display:none!important}
@media(max-width:760px){main{padding:0 22px 40px}header{height:72px}.heading{margin-top:30px}h1{font-size:30px}#shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.cover{padding:20px}.cover strong{font-size:20px}.reading{grid-template-columns:1fr}aside{margin-top:16px}article{padding:24px 20px}#login{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.cover{transition:none}.item:hover .cover{transform:none}}

#password-fields,#key-fields{display:grid;gap:10px}#password-fields label:not(:first-child){margin-top:10px}#login-error{color:#171717;border-left:3px solid currentColor;padding-left:12px;margin:4px 0;font-size:14px}#password-help{font-size:13px;margin:0}#logout{font-size:14px}#login-submit{margin-top:8px}form input{min-width:0;width:100%}
@media(max-width:420px){header{gap:10px}header>span{font-size:12px}#logout{padding:10px}}

.account-view{max-width:540px;margin:60px auto}.account-view p{line-height:1.75;color:var(--muted)}.account-view .back{margin-top:0;margin-bottom:32px}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary{background:#171717;color:white}.primary:hover{background:#383835}#pair-code{font-size:36px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#171717;padding:20px 0;margin:24px 0;border-block:1px solid var(--line)}#pair-code:empty{display:none}#pair-message{font-size:14px}#devices-open{font-size:14px}#device-revoke{border:1px solid var(--line);margin-top:16px}#device-confirm{border-top:1px solid var(--line);margin-top:28px;padding-top:12px}@media(max-width:540px){header{gap:4px}header>span{font-size:11px}header>button{padding:10px}.account-view{margin:42px auto}#pair-code{font-size:32px}}

@media(max-width:540px){header>a{font-size:22px}header>span{display:none}#devices-open{margin-left:auto}}