:root{color-scheme:dark;font-family:Roboto,system-ui,sans-serif;background:#050910;color:#c5cad3;font-size:17px;--corner: .7rem}*{box-sizing:border-box}body{margin:0}.app-footer{padding:.7rem 1.5rem 1rem;font-family:ui-monospace,monospace;font-size:.75rem;color:#9aa3b2}.app-footer p{margin:0}.version-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.45rem 1rem;background:#1c2638;color:#c5cad3;font-size:.9rem}.version-banner button{border:1px solid #3a4458;border-radius:var(--corner);padding:.3rem .75rem}a{color:#b6bcc6}button{font:inherit;color:#b6bcc6;background:transparent;border:0;padding:0;cursor:pointer}.frame{min-height:100vh;display:flex;flex-direction:column}.soon,.page{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;max-width:36rem;margin:0 auto;width:100%}.brand{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;margin:0 0 1.5rem}.page .brand{font-size:clamp(1.45rem,3.6vw,2rem);font-weight:500;letter-spacing:.14em;line-height:.95;margin:0 0 .55rem}h1{font-size:clamp(3.5rem,12vw,7rem);font-weight:500;line-height:.9;margin:0}.page h1{font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:500;line-height:1.2;letter-spacing:0}.muted{color:#9aa3b2}.id{font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all}.actions{display:flex;gap:1.25rem;align-items:center}.auth-form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.auth-form input{font:inherit;color:inherit;background:transparent;border:1px solid #3a4458;border-radius:var(--corner);padding:.55rem .7rem}.auth-form button[type=submit]{align-self:start;border:1px solid #d0d4dc;padding:.5rem 1rem}.auth-form button[type=submit]:disabled,.add-chapter button:disabled{opacity:.6;cursor:default}.error{color:#e7a08a}.error button{color:inherit;text-decoration:underline;text-underline-offset:.15em}.bot-check-widget{position:absolute;width:0;height:0;overflow:hidden}.slug-hint{margin:.35rem 0 0;font-size:.85rem;color:#9aa3b2}.slug-hint.is-taken{color:#e7a08a}.app{flex:1;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto 1fr}.app-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 1.5rem;border-bottom:1px solid #3a4458}.brand-lockup{display:flex;align-items:baseline;gap:.9rem;min-width:0}.section-mark{color:#e7a08a;text-decoration:none;font-size:1.15rem;font-weight:500}.wordmark{color:inherit;text-decoration:none;font-size:1.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.icon-button{display:inline-flex;align-items:center;justify-content:center;color:#b6bcc6;text-decoration:none}.icon-button svg{width:1.25rem;height:1.25rem}.icon-button.is-on{color:#e7a08a}.account{display:flex;align-items:center;gap:1.1rem}.account-name{color:#c5cad3}.account a,.account button{color:#b6bcc6}.sidenav{border-right:1px solid #3a4458;padding:1.25rem 1.5rem;width:max-content}.sidenav a{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;color:#9aa3b2;text-decoration:none}.sidenav a.is-on{color:#d0d5de}.sidenav svg{width:1.25rem;height:1.25rem;flex:none}.chapter-nav{width:16rem;max-width:100%}.chapter-nav ol{display:grid;grid-template-columns:0 minmax(0,1fr);column-gap:.45rem;row-gap:.35rem;align-items:baseline;list-style:none;padding:0 0 0 1.15rem;margin:0}.chapter-nav li{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.chapter-nav button{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;width:auto;text-align:left;color:#9aa3b2;padding:.15rem 0}.chapter-num{justify-self:end;width:max-content;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.chapter-nav button.is-on{color:#d0d5de}.chapter-chips{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.4rem;width:100%;margin:0;padding:0;list-style:none}.chapter-chips li{display:block;width:100%}.chapter-chips li.is-dragging{pointer-events:none}.chapter-chip{display:flex;align-items:center;gap:.45rem;width:100%;padding:.45rem .6rem;border:1px solid #3a4458;border-radius:var(--corner);background:#101826;color:#c5cad3;cursor:grab;touch-action:none;font:inherit;text-align:left}.chapter-chip:active{cursor:grabbing}.chapter-chip.is-on{border-color:#b6bcc6;color:#d0d5de}.chapter-chip .muted{font-size:.75rem}.sidenav .add-chapter{flex-direction:column;align-items:stretch;margin-top:1rem}.sidenav .add-chapter input{width:100%}.app-content{padding:1.75rem 1.75rem 4rem;min-width:0}h1.section{font-size:1.15rem;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;margin:0 0 1.25rem}.book-name{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500;line-height:1.15;margin:0}.shelf,.reader{max-width:none}.reader{max-width:64rem}.reader h2{font-weight:500;letter-spacing:0;text-transform:none}.reader h2{font-size:1.35rem;margin:0 0 .75rem}.reader-head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.chapter-line{display:flex;align-items:baseline;justify-content:space-between;gap:1rem 2rem}.chapter-line h2{margin:0}.chapter-line .author{margin:0 0 0 auto;color:#9aa3b2;text-align:right}.also-read{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin:0}.also-read button{color:#9aa3b2}.catalog{list-style:none;padding:0;margin:1rem 0 1.5rem;display:grid;grid-template-columns:minmax(8rem,1fr) max-content max-content max-content;row-gap:.5rem}.catalog-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;column-gap:1.25rem;padding:.55rem .85rem;border:1px solid #3a4458;border-radius:2px;background:#10192b}.catalog-title,.catalog-author,.catalog-continue{color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.catalog-title{display:flex;align-items:center;gap:.7rem;font-weight:500}.catalog-title span{min-width:0;overflow:hidden;text-overflow:ellipsis}.catalog-title svg{width:1.25rem;height:1.25rem;flex:none;color:#9aa3b2}.catalog-author{text-align:right;color:#9aa3b2}.catalog-continue{text-align:left;color:#9aa3b2}.also{white-space:nowrap}.also{color:#d0d4dc;text-decoration:none}.modes,.tag-line,.add-chapter,.actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.modes{margin:0}button.also,.modes button,.toc button,.text-button{color:#9aa3b2}.modes button.is-on,.toc button.is-on{color:#d0d5de}.reader-grid{display:block}.toc ol{list-style:none;padding:0;margin:0 0 1rem}.toc li+li{margin-top:.55rem}.toc button{text-align:left}.add-chapter input,.tag-line input,.auth-form select,.auth-form textarea,.pane textarea{font:inherit;color:inherit;background:transparent;border:1px solid #3a4458;border-radius:var(--corner);padding:.45rem .6rem}.tag-line{margin:0;justify-content:flex-end}.tag-add{position:relative}.tag-suggest{position:absolute;z-index:2;top:calc(100% + .25rem);right:0;min-width:10rem;margin:0;padding:.25rem;list-style:none;background:#050910;border:1px solid #3a4458;border-radius:var(--corner)}.tag-suggest button{display:block;width:100%;text-align:left;color:#c5cad3;padding:.3rem .5rem;border-radius:.35rem}.tag-suggest button.is-on,.tag-suggest button:hover{background:#1c2638}.reader-head .tag-line{justify-content:flex-start}.tag-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.08rem .5rem;border-radius:999px;font-size:.78rem;line-height:1.45;white-space:nowrap}.tag-chip button{color:inherit;font-size:.9rem;line-height:1}.chapter p,.pane p{line-height:1.6;max-width:38rem}.panes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pane textarea,.auth-form textarea{width:100%;resize:vertical}.auth-form button[type=submit],.add-chapter button,.pane button[type=submit]{border:1px solid #d0d4dc;border-radius:var(--corner);padding:.45rem .9rem;color:#d0d4dc}.auth-form button[type=submit].zone-green{background:#8eae9a;border-color:#8eae9a;color:#0a1220}.auth-form button[type=submit].zone-red{background:#e7a08a;border-color:#e7a08a;color:#0a1220}@media(max-width:800px){.app{grid-template-columns:1fr}.sidenav{border-right:0;border-bottom:1px solid #3a4458;padding:.75rem 1.5rem}.app-header,.account,.chapter-line{flex-wrap:wrap}.catalog,.catalog-row,.panes{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:flex-start}.catalog-title,.catalog-author,.catalog-continue{white-space:normal}}