:root{--color-base:#f6f2ec;--color-contrast:#21251f;--color-primary:#4a5568;--color-secondary:#fcc263;--color-tertiary:#e7a1a9;--font-serif:"Source Serif 4", serif;--font-sans:"Inter", sans-serif;--max-width:800px;--spacing:2.5rem;--header-bg-rgb:246, 242, 236;--font-size:1.15rem;--font-main:var(--font-serif)}[data-theme=dark]{--color-base:#232323;--color-contrast:#f0f0f0;--color-primary:#cbd5e0;--color-secondary:#ffd580;--color-tertiary:#ffb6c1;--header-bg-rgb:35, 35, 35}*{box-sizing:border-box}body{background-color:var(--color-base);color:var(--color-contrast);background-color:var(--color-base);font-family:var(--font-main);font-size:var(--font-size);margin:0;line-height:1.6;transition:background-color .3s,color .3s}#app{flex-direction:column;min-height:100vh;display:flex}.floating-btn{background-color:var(--color-primary);width:3.5rem;height:3.5rem;color:var(--color-base);cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;box-shadow:0 4px 12px #00000026}.scroll-top{opacity:0;pointer-events:none;left:2rem;transform:translateY(20px)}.floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.floating-btn svg{width:24px;height:24px}[data-theme=dark] .sun{display:block}[data-theme=dark] .moon,:root:not([data-theme=dark]) .sun{display:none}:root:not([data-theme=dark]) .moon{display:block}.entry-content{max-width:800px;line-height:1.8;font-size:inherit;-webkit-touch-callout:none;margin:6rem auto 10rem;padding:0 4rem 0 1.5rem}h1,h2,h3,h4,h5,h6{margin-top:2.5rem;margin-bottom:1rem;font-style:italic;font-weight:400;line-height:1.3}h1{font-size:3rem}h6+h1{font-size:6rem;line-height:1.1}h2{font-size:2.5rem}h3{font-size:2rem}h6{text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-sans);opacity:.6;margin-top:4rem;font-size:.8rem;font-style:normal}.entry-content p:has(a[href^=\#]){grid-template-columns:repeat(10,1fr);gap:.5rem;margin-top:1.5rem;display:grid}@media (width<=800px){.entry-content p:has(a[href^=\#]){grid-template-columns:repeat(5,1fr)}}@media (width<=400px){.entry-content p:has(a[href^=\#]){grid-template-columns:repeat(4,1fr)}}.entry-content p:has(a[href^=\#]) a{aspect-ratio:1;width:100%;font-family:var(--font-sans);color:var(--color-contrast);background-color:#00000008;border-radius:4px;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .entry-content p:has(a[href^=\#]) a{background-color:#ffffff0d}.entry-content p:has(a[href^=\#]) a:hover{background-color:var(--color-primary);color:var(--color-base);transform:translateY(-2px)}a{color:var(--color-primary);text-decoration:underline}a:hover{text-decoration:none}p{margin-bottom:1.5rem}ol{padding-left:2.5rem;list-style-type:decimal}ol li{margin-bottom:1rem}ol li::marker{color:var(--color-contrast);font-family:var(--font-sans);opacity:.6;font-size:.9rem}hr{border:none;border-top:2px solid #0000000d;margin:3rem 0}.site-footer{text-align:center;font-family:var(--font-sans);opacity:.7;padding:2rem;font-size:.9rem}.loading{text-align:center;padding:5rem 0;font-style:italic}table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:1rem}th,td{text-align:left;vertical-align:top;border:1px solid #0000001a;padding:1rem}th{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;background-color:#00000008;font-size:.85rem;font-weight:600}[data-theme=dark] th,[data-theme=dark] td{border-color:#ffffff1a}[data-theme=dark] th{background-color:#ffffff0d}.site-header{-webkit-backdrop-filter:blur(12px);background-color:rgba(var(--header-bg-rgb), .8);z-index:5000;border-bottom:1px solid #0000000d;align-items:center;height:4.5rem;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .site-header{border-bottom-color:#ffffff0d;box-shadow:0 4px 20px #0000004d}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{font-family:var(--font-main);letter-spacing:-.02em;color:var(--color-contrast);font-size:1.2rem;font-weight:600;text-decoration:none;transition:opacity .2s,font-family .3s}.logo:hover{opacity:.7}.header-actions{gap:.5rem;display:flex}.header-btn{color:var(--color-contrast);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.6rem;transition:background .2s;display:flex}.header-btn:hover{background-color:#0000000d}[data-theme=dark] .header-btn:hover{background-color:#ffffff1a}.header-btn svg{width:20px;height:20px}.settings-wrapper{position:relative}.settings-menu{background-color:var(--color-base);z-index:5100;border:1px solid #0000001a;border-radius:16px;flex-direction:column;gap:1.5rem;min-width:240px;padding:1.5rem;animation:.2s cubic-bezier(.4,0,.2,1) slideDown;display:flex;position:absolute;top:3.5rem;right:0;box-shadow:0 10px 30px #00000026}[data-theme=dark] .settings-menu{border-color:#ffffff1a;box-shadow:0 10px 40px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-group{flex-direction:column;gap:.75rem;display:flex}.settings-group label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.8rem}.slider-container{align-items:center;gap:1rem;display:flex}#font-size-slider{accent-color:var(--color-contrast);flex:1}#font-size-value{font-family:var(--font-sans);min-width:2.5rem;font-size:.9rem}.typeface-toggle{background:#0000000d;border-radius:10px;padding:.25rem;display:flex}[data-theme=dark] .typeface-toggle{background:#ffffff1a}.typeface-btn{color:var(--color-contrast);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.9rem;transition:all .2s}#serif-btn{font-family:var(--font-serif)}#sans-btn{font-family:var(--font-sans)}.typeface-btn.active{background-color:var(--color-base);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .typeface-btn.active{box-shadow:0 2px 8px #0000004d}@media (width<=600px){body{font-size:var(--font-size)}h1{font-size:2.2rem}h2{font-size:1.8rem}h6+h1{font-size:3.5rem}.entry-content{margin-top:4.5rem;padding:2rem 1.5rem}.settings-menu{border-radius:16px;width:280px;max-width:calc(100vw - 3rem);top:3.5rem;left:auto;right:0}}.selection-menu{background-color:var(--color-base);color:var(--color-contrast);z-index:2000;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:.5rem;max-width:280px;padding:.5rem;transition:transform .3s,opacity .3s;animation:.2s cubic-bezier(.4,0,.2,1) scaleIn;display:flex;position:fixed;box-shadow:0 10px 25px #0003}@media (width<=600px){.selection-menu{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));opacity:0;border-radius:20px 20px 0 0;flex-direction:column;transform:translateY(100%);box-shadow:0 -5px 25px #0003;width:100%!important;max-width:none!important;top:auto!important;bottom:0!important;left:0!important}.selection-menu:not(.hidden){opacity:1;transform:translateY(0)}.menu-row{justify-content:space-around}.menu-btn{flex:1;min-width:0}}.note-preview{border-left:4px solid var(--hl-color,var(--color-secondary));background:#00000008;border-radius:0 4px 4px 0;max-height:120px;margin-bottom:.25rem;padding:.75rem;font-size:.85rem;font-style:italic;overflow-y:auto}[data-theme=dark] .note-preview{background:#ffffff0d}[data-theme=dark] .selection-menu{border-color:#ffffff1a;box-shadow:0 10px 30px #0006}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.menu-row{gap:.25rem;display:flex}.menu-btn{color:inherit;cursor:pointer;font-size:.7rem;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;min-width:4rem;padding:.75rem .5rem;transition:background .2s;display:flex}.menu-btn:hover{background-color:#0000000d}[data-theme=dark] .menu-btn:hover{background-color:#ffffff1a}.menu-btn svg{opacity:.9;width:20px;height:20px}.color-grid{border-top:1px solid #0000001a;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.5rem;display:grid}[data-theme=dark] .color-grid{border-top-color:#ffffff1a}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .2s}.color-dot:hover{transform:scale(1.2)}.modal{z-index:3000;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=light] .modal{background-color:#0000001a}.modal-content{background-color:var(--color-base);color:var(--color-contrast);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;padding:1.5rem 2rem 2rem;box-shadow:0 20px 50px #0000004d}.modal-content h3{margin-top:0;margin-bottom:1.5rem}[data-theme=light] .modal-content{border-color:#0000001a}.modal-color-selection{margin-bottom:1.5rem}.modal-color-selection label{font-family:var(--font-sans);opacity:.7;margin-bottom:.5rem;font-size:.9rem;display:block}.modal-color-selection .color-grid{border-top:none;gap:.75rem;padding:0;display:flex}.modal-color-selection .color-dot.selected{border:2px solid var(--color-contrast);transform:scale(1.1)}#note-text{width:100%;height:150px;color:inherit;resize:none;background:#00000005;border:1px solid #0000001a;border-radius:8px;margin:1rem 0;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}[data-theme=dark] #note-text{background:#ffffff0d;border-color:#ffffff1a}#note-text:focus{border-color:var(--color-primary);outline:none}.selected-text-preview{border-left:4px solid var(--hl-color,var(--color-secondary));background:#00000008;border-radius:0 4px 4px 0;max-height:100px;margin-bottom:1rem;padding:1rem;font-size:.95rem;font-style:italic;overflow-y:auto}[data-theme=dark] .selected-text-preview{background:#ffffff0d}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--color-contrast);color:var(--color-base)}[data-theme=dark] .btn-primary{color:#000;background-color:#fff}.btn-secondary{color:var(--color-contrast);background-color:#0000000d}[data-theme=dark] .btn-secondary{background-color:#ffffff1a}.toast{background-color:var(--color-contrast);color:var(--color-base);z-index:4000;border-radius:30px;padding:.75rem 1.5rem;font-size:.9rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0003}.hidden{display:none!important}.hl-active{background-color:var(--hl-color,#fef08a);cursor:pointer;border-radius:2px;transition:filter .2s;position:relative;color:#000!important}.hl-active:hover{filter:brightness(.95)}[data-theme=dark] .hl-active{background-color:var(--hl-color);-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2);background-image:linear-gradient(#0009,#0009);box-shadow:inset 0 0 0 1px #ffffff1a;color:#fff!important}[data-theme=dark] .hl-active:hover{background-image:linear-gradient(#00000080,#00000080)}.note-indicator{background-color:var(--hl-color);color:#000;cursor:pointer;z-index:10;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;transition:transform .2s;display:inline-flex;position:absolute;right:-2.5rem;box-shadow:0 2px 5px #0000001a}[data-theme=dark] .note-indicator{color:#fff;background-image:linear-gradient(#00000080,#00000080);border-color:#fff3}.note-indicator svg{width:.9rem;height:.9rem}.note-indicator:hover{transform:scale(1.1)}[data-block]{position:relative}