:root{--bg:#0d0806;--bg-deep:#070403;--bg-panel:#1b100b;--bg-panel-strong:#25150e;--blood:#782016;--blood-bright:#a52b1f;--brass:#c89a45;--brass-pale:#e3c37d;--ink:#170f0b;--parchment:#d8bd82;--parchment-light:#ead7a7;--purple:#6e35b8;--orange:#e57b22;--shadow:#0000008c;--font-ui:Georgia, "Times New Roman", serif;--font-accent:"Cormorant Garamond", CormorantGaramond, Georgia, "Times New Roman", serif;color:var(--parchment-light);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0}html{overscroll-behavior-y:contain;scrollbar-color:var(--brass) var(--bg-deep);min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 50% -10%, #be4c1638, transparent 34rem), linear-gradient(90deg, #050302 0%, var(--bg) 18%, #160d08 50%, var(--bg) 82%, #050302 100%);min-height:100%}button{font:inherit}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.login-screen,.journal-screen{flex:1;min-height:0}.login-screen{place-items:center;padding:32px 18px;display:grid}.login-card{width:min(760px,100%);font-family:var(--font-accent);text-align:center;box-shadow:0 30px 90px var(--shadow), inset 0 0 0 10px #00000029;background:linear-gradient(135deg,#78201642,#0000 42%),radial-gradient(circle at 20% 0,#c89a4538,#0000 21rem),linear-gradient(#25150ef2,#110906fa);border:1px solid #e3c37d6b;border-radius:28px;padding:clamp(28px,8vw,72px);position:relative;overflow:hidden}.login-card:before,.login-card:after{content:"";border:1px solid #e3c37d2e;width:180px;height:180px;position:absolute;rotate:45deg}.login-card:before{top:-96px;left:-96px}.login-card:after{bottom:-96px;right:-96px}.journal-kicker{color:var(--brass-pale);letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem}.journal-title{color:#f2dfaa;font-family:var(--font-accent);text-shadow:0 3px #000,0 0 24px #c89a4540;margin:0;font-size:clamp(2.45rem,8vw,5.2rem);font-weight:700;line-height:.95}.journal-title--compact{font-size:clamp(1.45rem,4vw,2.35rem)}.login-lead{max-width:430px;color:var(--parchment);margin:30px auto 0;font-size:clamp(1.2rem,3vw,1.55rem)}.profile-row{justify-content:center;gap:14px;margin-top:34px;display:flex}.profile-button{min-width:min(220px,43vw);color:var(--parchment-light);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#070403b8;border:1px solid #e3c37d70;border-radius:999px;padding:14px 22px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}.profile-button:hover,.profile-button:focus-visible{transform:translateY(-2px)}.profile-button--fireos:hover,.profile-button--fireos:focus-visible{border-color:var(--orange);background:linear-gradient(135deg,#e57b22f2,#792d10eb);box-shadow:0 0 28px #e57b225c}.profile-button--skiim:hover,.profile-button--skiim:focus-visible{background:linear-gradient(135deg,#6e35b8f2,#2d185ceb);border-color:#c89cff;box-shadow:0 0 28px #6e35b866}.journal-screen{position:relative}.journal-topbar{background:linear-gradient(90deg, #070403f5, #25150ef5, #070403f5), var(--bg-panel);border-bottom:1px solid #e3c37d40;justify-content:center;align-items:center;min-height:112px;padding:16px clamp(14px,4vw,32px);display:flex;position:relative;box-shadow:0 12px 34px #00000047}.journal-heading{max-width:min(720px,100% - 140px);font-family:var(--font-accent);text-align:center}.reader-pill,.toc-close,.toc-float-button{color:var(--parchment-light);cursor:pointer;background:#070403b3;border:1px solid #e3c37d5c}.reader-pill{border-radius:999px;min-height:42px;padding:10px 16px;position:absolute;right:clamp(14px,4vw,32px)}.reader-pill:hover,.toc-close:hover,.toc-float-button:hover{border-color:var(--brass-pale);background:#782016b8}.toc-float-button{z-index:15;width:42px;height:76px;color:var(--brass-pale);border-left:0;border-radius:0 999px 999px 0;padding:0;position:fixed;top:50%;left:0;transform:translateY(-50%)}.toc-float-button__icon{width:22px;height:22px}.scroll-top-button{z-index:15;width:48px;height:48px;color:var(--brass-pale);cursor:pointer;opacity:0;pointer-events:none;background:#070403d1;border:1px solid #e3c37d5c;border-radius:999px;place-items:center;transition:opacity .18s,transform .18s,border-color .16s,background .16s;display:grid;position:fixed;bottom:52px;right:20px;transform:translateY(12px);box-shadow:0 10px 30px #00000073}.scroll-top-button--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-button:hover{border-color:var(--brass-pale);background:#782016d1}.scroll-top-button__icon{width:22px;height:22px}.journal-viewer{background:radial-gradient(circle at 50% 0,#c89a4524,#0000 34rem),linear-gradient(90deg,#060302 0%,#0c0705 18%,#20120c 50%,#0c0705 82%,#060302 100%);min-height:100dvh;padding:14px 0 20px}.journal-virtual-space{overflow-anchor:none;width:100%;position:relative}.journal-page-slot{width:100%;height:var(--page-slot-height);overflow-anchor:none;justify-content:center;align-items:flex-start;padding:0 20px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.journal-page{background:#0d0806e0;border:1px solid #e3c37d52;border-radius:18px;width:100%;max-width:100%;margin:0;padding:clamp(6px,1.5vw,10px);overflow:hidden;box-shadow:0 24px 70px #0000008c}.journal-page__frame{width:100%;height:var(--page-image-height);position:relative}.favorite-button{z-index:2;color:#ead7a7b8;cursor:pointer;background:#070403c7;border:1px solid #e3c37d57;border-radius:999px;place-items:center;width:34px;height:34px;transition:border-color .16s,color .16s,background .16s,transform .16s;display:grid;position:absolute;top:6px;left:6px}.favorite-button:hover{border-color:var(--brass-pale);color:var(--brass-pale);transform:scale(1.05)}.favorite-button--active{color:#f0c14a;background:#782016d1;border-color:#f0c14a}.star-icon{width:18px;height:18px}.favorites-filter{min-height:42px;color:var(--parchment-light);cursor:pointer;background:#070403b3;border:1px solid #e3c37d5c;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:absolute;left:clamp(14px,4vw,32px)}.favorites-filter:hover,.favorites-filter--active{color:#f0c14a;background:#782016b8;border-color:#f0c14a}.favorites-filter .star-icon{width:16px;height:16px}.journal-page-open{cursor:zoom-in;background:0 0;border:0;border-radius:10px;width:100%;height:100%;padding:0;line-height:0;display:block;overflow:hidden}.journal-page__image{object-fit:contain;object-position:top center;width:100%;height:100%;max-height:100%;display:block}.journal-page figcaption{color:#ead7a7c2;font-family:var(--font-ui);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:6px 0 0;padding:0;font-size:.78rem;line-height:1.2}.toc-backdrop{cursor:pointer;z-index:20;background:#0000008f;border:0;padding:0;position:fixed;inset:0}.toc-drawer{z-index:30;background:linear-gradient(#78201633,#0000 22rem),linear-gradient(#1d100b,#090504);border-right:1px solid #e3c37d57;flex-direction:column;width:min(360px,88vw);height:100dvh;padding:20px;transition:transform .18s;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-105%);box-shadow:24px 0 70px #00000080}.toc-drawer--open{transform:translate(0)}.toc-drawer__header{color:var(--brass-pale);flex:none;justify-content:space-between;align-items:center;font-size:2rem;display:flex}.toc-close{width:38px;height:38px;font-size:1.45rem}.toc-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;grid-auto-rows:min-content;align-content:start;gap:10px;min-height:0;margin-top:24px;padding-bottom:12px;padding-right:4px;display:grid;overflow-y:auto}.toc-item{width:100%;max-height:3.25rem;color:var(--parchment-light);cursor:pointer;text-align:left;background:#0704037a;border:1px solid #e3c37d3d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.toc-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toc-item:hover{border-color:var(--brass-pale);background:#78201675}.toc-item small{color:var(--brass-pale);flex:none}.empty-pages{width:min(680px,100% - 32px);color:var(--parchment-light);text-align:center;background:#07040399;border:1px solid #e3c37d5c;border-radius:18px;margin:42px auto;padding:24px}.page-lightbox{z-index:50;background:#030201f0;grid-template-rows:auto 1fr;gap:14px;padding:16px;display:grid;position:fixed;inset:0}.page-lightbox__toolbar{color:var(--parchment-light);justify-content:space-between;align-items:center;gap:14px;display:flex}.page-lightbox__toolbar strong{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem}.page-lightbox__controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-lightbox__controls button{min-height:36px;color:var(--parchment-light);cursor:pointer;background:#1b100beb;border:1px solid #e3c37d61;border-radius:999px;padding:7px 13px}.page-lightbox__controls button:hover{border-color:var(--brass-pale);background:#782016c2}.page-lightbox__viewport{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e3c37d' stroke-width='2'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E") 12 12,pointer;place-items:center;min-height:0;display:grid;overflow:auto}.page-lightbox__image{object-fit:contain;cursor:zoom-in;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;max-width:100%;max-height:calc(100dvh - 112px);transition:transform .12s;display:block}.page-lightbox__image--zoomed{cursor:grab}.page-lightbox__image--dragging{cursor:grabbing;transition:none}.bottom-bar{color:#ead7a7b8;letter-spacing:.11em;text-align:center;background:#030201;border-top:1px solid #e3c37d29;flex:none;padding:10px 16px;font-size:.74rem;font-weight:300}@media (width<=720px){.journal-topbar{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;gap:10px 12px;min-height:auto;padding:12px 14px 14px;display:grid}.journal-heading{grid-column:1/-1;max-width:100%}.journal-kicker{letter-spacing:.16em;margin-bottom:6px;font-size:.66rem}.journal-title--compact{font-size:clamp(1.1rem,5.2vw,1.55rem);line-height:1.05}.favorites-filter{justify-self:start;min-height:38px;padding:8px 12px;position:static;transform:none}.favorites-filter span{display:none}.reader-pill{justify-self:end;min-height:38px;padding:8px 12px;font-size:.82rem;position:static;transform:none}.journal-viewer{padding:10px 0 16px}.journal-page-slot{padding-inline:10px}.toc-drawer{width:min(320px,92vw);padding:16px}.toc-drawer__header{font-size:1.55rem}.toc-item{padding:11px 12px;font-size:.92rem}.scroll-top-button{right:12px;bottom:calc(48px + env(safe-area-inset-bottom,0px));width:44px;height:44px}.toc-float-button{width:38px;height:64px}.page-lightbox__toolbar{flex-direction:column;align-items:flex-start}}@media (width<=420px){.profile-row{gap:10px}.profile-button{flex:1;min-width:0;padding-inline:10px;font-size:.85rem}}