:root{--font-body: "Cormorant Garamond", serif;--font-ui: "Proza Libre", sans-serif;--color-bg: #fdfbf7;--color-text: #222;--color-accent: #000;--color-ui-bg: #ffffff;--color-ui-border: #e0e0e0;--spacing-unit: 1rem}::selection{background-color:var(--color-accent);color:#fff}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1.25rem;line-height:1.7;-webkit-font-smoothing:antialiased}#app{display:flex;min-height:100vh}aside{width:320px;background:var(--color-ui-bg);border-right:1px solid var(--color-ui-border);padding:2rem;position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto}aside h1{font-family:var(--font-ui);font-size:1.2rem;font-weight:600;margin-top:0;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}aside h2{font-family:var(--font-ui);font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:2rem;margin-bottom:1rem}.chapter-list,.bookmark-list{list-style:none;padding:0;margin:0}.chapter-list li,.bookmark-list li{margin-bottom:.5rem;cursor:pointer;font-family:var(--font-ui);font-size:.95rem;color:#444;transition:color .2s}.chapter-list li.active{color:var(--color-accent);font-weight:600;border-left:2px solid var(--color-accent);padding-left:10px;margin-left:-12px}.chapter-list li:hover,.bookmark-list li:hover{color:var(--color-accent)}.bookmark-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.5rem;margin-bottom:.8rem;border-bottom:1px dashed #eee}.goto-bookmark{flex:1;display:flex;flex-direction:column}.bm-chapter{font-size:.7rem;text-transform:uppercase;color:#999;font-weight:600;margin-bottom:2px}.bm-snippet{font-size:.9rem;color:#333}.delete-bookmark{color:#ccc;font-size:1.2rem;margin-left:.5rem;line-height:1}.delete-bookmark:hover{color:red}main{flex:1;padding:4rem 10%;max-width:800px;margin:0 auto}main h2{font-size:2rem;margin-top:4rem;margin-bottom:2rem;text-align:center;font-weight:400}main h3{font-family:var(--font-ui);font-size:1.1rem;margin-top:3rem;margin-bottom:1.5rem;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#666}main p{margin-bottom:1.5rem;position:relative}main p:first-of-type:first-letter{float:left;font-size:4rem;line-height:3.5rem;margin-right:.5rem;font-weight:600}.bookmarkable{cursor:text}.bookmark-btn{position:absolute;left:-2rem;top:0;cursor:pointer;opacity:0;transition:opacity .2s;font-family:var(--font-ui);font-size:1.2rem}main p:hover .bookmark-btn{opacity:.5}main p:hover .bookmark-btn:hover{opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.landing-page{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:var(--color-bg);padding:2rem;box-sizing:border-box}.landing-title{font-family:var(--font-body);font-size:5rem;font-weight:700;line-height:1;margin:0;color:#111;letter-spacing:-2px}.landing-subtitle{font-family:var(--font-ui);font-size:1.5rem;text-transform:uppercase;letter-spacing:4px;color:#555;margin-top:1rem;margin-bottom:4rem}.landing-divider{width:100px;height:4px;background-color:#333;margin:2rem auto}.landing-btn{display:inline-block;padding:1rem 3rem;background-color:#222;color:#fff;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:2px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid #222;cursor:pointer;margin:.5rem}.landing-btn:hover{background-color:transparent;color:#222}.landing-btn.secondary{background-color:transparent;color:#555;border:1px solid #ccc}.landing-btn.secondary:hover{border-color:#555;color:#222}main p{content-visibility:auto;contain-intrinsic-size:100px}.landing-footer{position:absolute;bottom:2rem;font-family:var(--font-ui);font-size:.8rem;color:#999}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--color-bg);border-bottom:1px solid var(--color-ui-border);z-index:100;align-items:center;padding:0 1rem;justify-content:space-between}.hamburger{font-size:1.5rem;cursor:pointer;background:none;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center}main p{position:relative}main p:before{content:"🔖";position:absolute;left:-2.5rem;top:0;opacity:0;transition:opacity .2s;cursor:pointer;font-size:1.2rem}main p:hover:before{opacity:.5}@media(max-width:768px){:root{--spacing-unit: .5rem}body{font-size:1.1rem}#app{flex-direction:column}.mobile-header{display:flex}aside{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:5px 0 15px #0000001a}aside.open{transform:translate(0)}main{padding:6rem 1.5rem 2rem;width:100%;box-sizing:border-box}main p:before{display:none}.landing-title{font-size:3.5rem}}