:root{--blue: #1d3d8f;--blue-deep: #0f224f;--orange: #f58220;--cream: #f7f1e3;--ink: #1a1a1a;--muted: #667085;--border: #e4e0d5;--mark-yellow: rgba(255, 230, 100, .55);--mark-green: rgba(140, 220, 140, .5);--mark-blue: rgba(140, 190, 255, .5);--mark-pink: rgba(255, 160, 200, .5);--mark-orange: rgba(255, 180, 100, .55);--bg: var(--cream);--fg: var(--ink);--panel: #fffdf8;--header-bg: rgba(247, 241, 227, .92);--reader-width: 42rem;--font-size: 1.125rem;--line-height: 1.75;color-scheme:light}[data-theme=sepia]{--bg: #f3e7c9;--fg: #3b2f1e;--panel: #faf1da;--header-bg: rgba(243, 231, 201, .94);--border: #ddcfa8}[data-theme=dark]{--bg: #121826;--fg: #e8ecf5;--panel: #1a2235;--header-bg: rgba(18, 24, 38, .94);--border: #2c3854;--muted: #9aa6c0;--blue: #7ea0ff;--cream: #1a2235;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;background:var(--bg);color:var(--fg);line-height:1.5}button,input,select,textarea{font:inherit}a{color:var(--blue)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar h1{font-size:.95rem;margin:0;font-weight:700;letter-spacing:.02em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .actions{display:flex;gap:.4rem;align-items:center}.btn,a.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:0 0 auto;align-self:flex-start;height:auto;min-height:0;max-height:none;width:auto;padding:.4rem .75rem;margin:0;border:1px solid var(--border);border-radius:.375rem;background:var(--panel);color:var(--fg);cursor:pointer;font-size:.85rem;font-weight:500;font-family:system-ui,-apple-system,sans-serif;line-height:1.2;text-decoration:none!important;white-space:nowrap;box-sizing:border-box;vertical-align:middle}.btn:hover,a.btn:hover{border-color:var(--orange);color:var(--fg);text-decoration:none}.btn.primary,a.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover,a.btn.primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}.btn.ghost,a.btn.ghost{background:transparent}.btn.ghost:hover,a.btn.ghost:hover{background:var(--panel)}.btn.danger{color:#b42318;border-color:#f3c0ba}.login-page,.home-page,.admin-page{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:system-ui,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:0 0 auto}.login-card{max-width:24rem;margin:3rem auto;background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:0 12px 40px #1d3d8f14;text-align:center}.login-card img{width:10rem;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 8px 24px #0000002e}.login-card h1{font-family:Georgia,serif;font-size:1.5rem;margin:0 0 .25rem}.login-card .sub{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem}.field{display:flex;flex-direction:column;gap:.35rem;text-align:left;margin-bottom:1rem}.field label{font-size:.8rem;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:.5rem;padding:.65rem .75rem;background:var(--bg);color:var(--fg)}.error{color:#b42318;font-size:.85rem;margin-bottom:.75rem}.cover-hero{display:grid;grid-template-columns:12rem 1fr;gap:1.5rem;align-items:start;margin-bottom:2rem}.cover-hero img{width:100%;border-radius:.6rem;box-shadow:0 12px 30px #0003}.cover-hero h1{font-family:Georgia,serif;font-size:2rem;margin:0 0 .35rem}.cover-hero p{margin:0 0 1rem;color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:1.25rem 0 2rem}.download-card{display:block;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--panel);text-decoration:none;color:inherit}.download-card strong{display:block;margin-bottom:.25rem}.download-card span{color:var(--muted);font-size:.85rem}.kindle-guide{margin:0 0 2rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:1rem;background:var(--panel);box-shadow:0 10px 30px #1d3d8f0f}.kindle-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.kindle-guide-heading h2{margin:0 0 .4rem;font-family:Georgia,serif;font-size:1.45rem}.kindle-guide-heading p{max-width:35rem;margin:0;color:var(--muted)}.kindle-guide-heading .kindle-guide-eyebrow{margin-bottom:.35rem;color:var(--orange);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kindle-steps{margin:0;padding:1.5rem 0 0;list-style:none;counter-reset:kindle-step}.kindle-steps li{position:relative;display:grid;grid-template-columns:2rem 1fr;gap:.85rem;padding-bottom:1.25rem;counter-increment:kindle-step}.kindle-steps li:before{content:counter(kindle-step);position:relative;z-index:1;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.85rem;font-weight:700}.kindle-steps li:not(:last-child):after{content:"";position:absolute;top:2rem;bottom:0;left:calc(1rem - 1px);width:2px;background:var(--border)}.kindle-steps li strong{display:block;margin-top:.25rem}.kindle-steps li p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.kindle-note{display:flex;gap:.5rem;padding:.85rem 1rem;border-radius:.65rem;background:color-mix(in srgb,var(--orange) 10%,var(--bg));font-size:.85rem}.kindle-note strong{flex:0 0 auto}.kindle-note span{color:var(--muted)}.reader-layout{position:fixed;top:var(--reader-viewport-top, 0px);right:0;left:0;display:flex;flex-direction:column;height:var(--reader-viewport-height, 100dvh);overflow:hidden}.reader-main{position:relative;flex:1 1 auto;min-height:0;width:100%;padding:clamp(.75rem,2.5vh,1.5rem) clamp(2.5rem,7vw,6rem) 2rem;font-size:var(--font-size);line-height:var(--line-height);overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.reader-page-frame{position:relative;width:min(100%,var(--reader-width));height:100%;margin:0 auto}.reader-page-viewport{width:100%;height:100%;overflow:hidden}.reader-page-flow{width:100%;height:100%;column-width:var(--reader-width);column-gap:0;column-fill:auto;transition:transform .18s ease-out;will-change:transform}.reader-page-flow>:first-child{margin-top:0}.section-title{font-size:1.75rem;margin:0 0 1.5rem;font-weight:700;text-align:center;break-after:avoid}.block{margin:0 0 1em}.block.quote{border-left:3px solid var(--orange);padding-left:1rem;color:var(--muted);font-style:italic}.block.hr{border:0;border-top:1px solid var(--border);margin:2rem auto;width:4rem;height:0}.block mark{border-radius:.15em;padding:.05em 0}.block mark.yellow{background:var(--mark-yellow)}.block mark.green{background:var(--mark-green)}.block mark.blue{background:var(--mark-blue)}.block mark.pink{background:var(--mark-pink)}.block mark.orange{background:var(--mark-orange)}.block mark.orphaned{background:transparent;outline:1px dashed var(--muted)}.block mark[data-has-note=true]{position:relative}.block mark[data-has-note=true]:after{content:"✎";position:absolute;z-index:2;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:.72rem;height:.72rem;border:1px solid var(--panel);border-radius:999px;background:var(--blue);color:#fff;font-family:system-ui,sans-serif;font-size:.5rem;font-style:normal;font-weight:700;line-height:1;pointer-events:none;transform:translate(35%,-72%);box-shadow:0 1px 2px #0000002e}.selection-popover{position:fixed;z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 10px 30px #0000002e;padding:.6rem;display:flex;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 1rem);font-family:system-ui,sans-serif}.color-row{display:flex;align-items:center;gap:.35rem}.color-swatch{width:1.5rem;height:1.5rem;border-radius:999px;border:2px solid transparent;cursor:pointer}.color-swatch.active{border-color:var(--fg)}.color-swatch.yellow{background:#ffe664}.color-swatch.green{background:#8cdc8c}.color-swatch.blue{background:#8cbeff}.color-swatch.pink{background:#ffa0c8}.color-swatch.orange{background:#ffb464}.note-icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--border);border-radius:.35rem;background:transparent;color:var(--fg);cursor:pointer;font-family:system-ui,sans-serif;font-size:1rem;line-height:1}.note-icon-button:hover,.note-icon-button.active{border-color:var(--orange);background:var(--bg)}.drawer{position:fixed;top:0;bottom:0;width:min(20rem,90vw);background:var(--panel);border-right:1px solid var(--border);z-index:45;transform:translate(-105%);transition:transform .2s ease;overflow:auto;padding:1rem;font-family:system-ui,sans-serif}.drawer.open{transform:translate(0)}.drawer.right{right:0;left:auto;border-right:0;border-left:1px solid var(--border);transform:translate(105%)}.drawer.right.open{transform:translate(0)}.drawer h2{font-size:1rem;margin:0 0 1rem}.drawer nav button,.note-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:.5rem;padding:.55rem .65rem;cursor:pointer;color:inherit}.drawer nav button:hover,.note-item:hover{background:var(--bg)}.drawer nav button.active{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}.note-item{margin-bottom:.5rem;border:1px solid var(--border)}.note-item .quote{font-size:.85rem;color:var(--muted);margin:.25rem 0;font-style:italic}.note-item .meta{font-size:.75rem;color:var(--muted)}.banner{background:color-mix(in srgb,var(--orange) 20%,var(--panel));border-bottom:1px solid var(--border);padding:.65rem 1rem;font-family:system-ui,sans-serif;font-size:.9rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between}.settings-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.page-edge{position:absolute;z-index:10;top:0;bottom:0;width:clamp(2.5rem,7vw,6rem);padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;opacity:.35;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.page-edge:hover,.page-edge:focus-visible{color:var(--blue);opacity:1;background:color-mix(in srgb,var(--panel) 35%,transparent)}.page-edge:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.page-edge:disabled{cursor:default;opacity:0}.page-edge span{font-family:system-ui,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:200}.page-edge-left{left:0}.page-edge-right{right:0}.page-status{position:absolute;top:calc(100% + .35rem);left:0;right:0;color:var(--muted);text-align:center;font-size:.7rem;font-family:system-ui,sans-serif;line-height:1;pointer-events:none}.reader-settings{position:absolute;z-index:35;top:3.75rem;left:50%;width:min(calc(100% - 2rem),var(--reader-width));margin:0;transform:translate(-50%);font-family:system-ui,sans-serif;box-shadow:0 10px 30px #00000024}.admin-grid{display:grid;gap:1.5rem}.admin-card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.admin-card h2{margin:0 0 .75rem;font-size:1.1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}.muted{color:var(--muted)}.chip{display:inline-block;padding:.1rem .45rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.75rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:44}@media(max-width:640px){.cover-hero{grid-template-columns:1fr;text-align:center}.cover-hero img{max-width:12rem;margin:0 auto}.kindle-guide-heading,.kindle-note{flex-direction:column}.topbar{padding:.5rem}.topbar h1{display:none}.topbar .actions{margin-left:auto}.topbar .actions .btn{padding-inline:.55rem}.reader-main{padding-inline:2.25rem}.page-edge{width:2.25rem}.section-title{font-size:1.4rem;margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){.reader-page-flow{transition:none}}