@font-face{font-family:'FicRoot Home Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/home/font-1.ttf) format('truetype')}
@font-face{font-family:'FicRoot Home Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/home/font-2.ttf) format('truetype')}
@font-face{font-family:'FicRoot Home Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/home/font-3.ttf) format('truetype')}
@font-face{font-family:'FicRoot Home Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/home/font-4.ttf) format('truetype')}
@font-face{font-family:'FicRoot Display';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/home/syne-variable.ttf) format('truetype')}
@font-face{font-family:'FicRoot Editorial';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/home/font-6.ttf) format('truetype')}
@font-face{font-family:'FicRoot Editorial';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/home/font-7.ttf) format('truetype')}

/* Scoped to discovery: reader themes, account forms and author tools stay independent. */
body.reference-home{
  --home-bg:#0c0c12;--home-surface:#17171f;--home-ink:#f8f7fc;--home-muted:#b5b3c5;
  --home-line:#ffffff18;--home-lavender:#bca2ff;--home-gold:#ffd27b;
  --home-sans:'FicRoot Home Sans',Arial,sans-serif;--home-display:'FicRoot Display',Arial,sans-serif;
  --accent:179 142 255;margin:0;background:radial-gradient(ellipse at 50% 0%,#4d286018,transparent 46%),var(--home-bg);
  color:var(--home-ink);font:14px/1.5 var(--home-sans);-webkit-font-smoothing:antialiased;color-scheme:dark
}
.reference-home *{box-sizing:border-box}
.reference-home [hidden]{display:none!important}
.reference-home a{color:inherit;text-decoration:none}
.reference-home button,.reference-home input{font-family:var(--home-sans)}
.reference-home button{cursor:pointer}
.reference-home button:disabled{opacity:.4;cursor:default}
.reference-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.reference-home .home-symbols{position:absolute;width:0;height:0;overflow:hidden}
.reference-home .home-wrap{width:calc(100% - 96px);max-width:1440px;margin:0 auto}
.reference-home main{padding:0;max-width:1440px}
.reference-home .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-home .skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(calc(-100% - 20px));background:var(--home-lavender);color:#170c29;padding:12px 18px;border-radius:6px}
.reference-home .skip-link:focus{transform:none}
.reference-home :is(a,button,input):focus-visible{outline:2px solid #e1d4ff;outline-offset:4px}
body.reference-home .simple-header.home-header{height:84px;min-height:84px;display:flex;align-items:center;border:0;border-bottom:1px solid var(--home-line);padding:0;gap:58px;background:transparent;box-shadow:none;position:relative;z-index:20;width:calc(100% - 96px);max-width:1440px;margin:0 auto}
.reference-home .home-brand{display:flex;align-items:center;gap:10px;font:700 28px/1 var(--home-sans);letter-spacing:-1.3px}
.reference-home .home-brand:before{content:none}
.reference-home .home-brand svg{width:24.27px;height:28px;color:var(--home-lavender);fill:currentColor;stroke:none}
.reference-home .simple-header>nav{display:flex;gap:28px;height:100%;align-items:center;margin:0}
.reference-home .simple-header>nav a{display:flex;align-items:center;height:100%;position:relative;color:var(--home-muted);font:500 14px var(--home-sans)}
.reference-home .simple-header>nav a.active{color:var(--home-ink)}
.reference-home .simple-header>nav a:after{content:none}
.reference-home .simple-header>nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--home-lavender)}
.reference-home .simple-actions{display:flex;margin-left:auto;gap:0}
.reference-home .home-icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--home-line);border-radius:50%;background:#ffffff04;color:var(--home-ink)}
.reference-home .home-icon-button:hover{border-color:#bca2ff88;background:#bca2ff12}
.reference-home .simple-actions .home-icon-button{border:0;background:none}
.reference-home .reader-account-nav{margin-left:-36px;gap:20px;font:600 13px var(--home-sans)}
.reference-home .reader-library-link{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-radius:0;padding:0;min-height:44px}
.reference-home .reader-library-link svg{width:21px;height:21px}
.reference-home .reader-write-link{display:none}
.reference-home .reader-signin,.reference-home .reader-account-menu>summary{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #a283d75c;border-radius:50%;background:#2c2535;color:var(--home-lavender)}
.reference-home .reader-signin svg{width:19px;height:19px}
.reference-home .reader-account-menu>summary .reader-avatar{width:42px;height:42px;border:0}
.reference-home .simple-menu{display:none;font-size:22px;min-width:44px;min-height:44px;padding:0;margin:0}
.reference-home .simple-mobile-nav{position:relative;top:auto;width:100%;padding:16px 24px;background:#191722;border-bottom:1px solid var(--home-line)}
.reference-home .simple-mobile-nav a{padding:12px 0;font-size:15px;display:block}
.reference-home .home-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0 20px}
.reference-home .home-collections{display:flex;flex-wrap:wrap;gap:8px}
.reference-home .home-collections button{border:1px solid transparent;border-radius:8px;background:none;font-size:14px;font-weight:600;color:var(--home-muted);padding:10px 16px;min-height:46px}
.reference-home .home-collections button[aria-pressed=true]{color:var(--home-ink);background:#bca2ff16;border-color:#bca2ff3d}
.reference-home .home-collections button span{font-size:10px;margin-left:6px;color:var(--home-muted)}
.reference-home .home-search{display:flex;gap:10px;align-items:center;border:1px solid #ffffff20;background:#ffffff04;border-radius:9px;min-height:46px;width:340px;padding:0 14px}
.reference-home .home-search input{background:transparent;color:var(--home-ink);border:0;min-width:0;width:100%;padding:10px 0;font-size:14px;box-shadow:none;border-radius:0;outline-offset:2px}
.reference-home .home-search input::placeholder{color:var(--home-muted);opacity:1}
.reference-home .home-search svg{width:18px;height:18px;color:var(--home-muted)}
.reference-home .home-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;min-height:44px;padding:8px 0}
.reference-home .home-text-link svg{width:17px;height:17px}
.reference-home .home-text-link:hover{color:var(--home-lavender)}
.reference-home .home-search-state:has(button:not([hidden])){margin:0 0 14px}
.reference-home #clear-home-search{background:none;color:var(--home-lavender);border:1px solid #bca2ff44;border-radius:7px;min-height:44px;padding:8px 15px}
.reference-home .home-carousel-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.reference-home .home-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--home-muted);margin:0}
.reference-home .home-live-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#bba0ff;box-shadow:0 0 12px #9c64ff99}
.reference-home .home-carousel-controls{display:flex;align-items:center;gap:8px}
.reference-home #carousel-position{color:var(--home-muted);font-size:11px;font-variant-numeric:tabular-nums;margin-right:8px}
.reference-home .home-carousel-controls .home-icon-button{width:36px;height:36px;min-width:36px}
.reference-home .home-arrow-back{transform:rotate(180deg)}
.reference-home #home-carousel{--spotlight-accent:179 142 255}
/* One canvas, three persistent stories: the selected cover colours the whole stage. */
.reference-home .home-shelf{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:550px;gap:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgb(var(--spotlight-accent)/.3);border-radius:22px;background:radial-gradient(ellipse at 80% 0,rgb(var(--spotlight-accent)/.12),transparent 65%),#12121b;box-shadow:0 24px 70px #0004,inset 0 1px #ffffff08;transition:border-color .6s}
.reference-home .home-shelf:has(>.home-status){height:auto}
.reference-home .home-shelf.no-queue{grid-template-columns:minmax(0,1fr)}
.reference-home .home-story{min-width:0;position:relative;isolation:isolate;overflow:hidden;transform-origin:top left}
.reference-home .home-story:has(.home-lead-art:focus-visible,.home-companion-art:focus-visible){outline:3px solid #e1d4ff;outline-offset:-3px}
.reference-home .home-featured{display:flex;min-height:0;z-index:2;background:radial-gradient(ellipse at 70% 40%,rgb(var(--accent)/.15),transparent 70%),#12121b}
.reference-home .home-lead-art{position:absolute;inset:0 0 0 35%;z-index:-1;display:block;overflow:hidden}
.reference-home .home-lead-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:55% 25%;mask-image:linear-gradient(90deg,transparent,#000 38%);filter:saturate(1.08)}
.reference-home .home-lead-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12121b,transparent 42%,#12121b18),linear-gradient(90deg,#12121b40,transparent 70%,#12121b44)}
.reference-home .home-lead-copy{width:72%;padding:36px 12px 32px 34px;display:flex;align-items:flex-start;flex-direction:column;gap:17px;min-width:0;background:linear-gradient(90deg,#12121b 10%,#12121bcc 62%,transparent)}
.reference-home .home-lead-copy>*{flex-shrink:0}
.reference-home .home-lead-copy:has(.home-warnings){gap:12px}
.reference-home .home-featured:has(.home-warnings) h3{-webkit-line-clamp:3}
.reference-home .home-featured :is(.home-universe,.home-feature-select){display:none}
.reference-home .home-companion :is(.home-badges,.home-premise,.home-warnings,.home-story-actions){display:none}
.reference-home .home-badges{display:flex;flex-wrap:wrap;gap:7px}
.reference-home .home-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 9px;border-radius:5px;font:700 10px/1.5 var(--home-sans);letter-spacing:.65px;text-transform:uppercase;background:rgb(var(--accent));color:#100e19;overflow-wrap:anywhere}
.reference-home .home-pill.outline{border:1px solid rgb(var(--accent)/.4);background:#11121ab8;color:#e8e1fa}
.reference-home .home-story-heading{min-width:0;width:100%}
.reference-home .home-featured h3{font:700 clamp(30px,2.8vw,43px)/1.08 var(--home-display);letter-spacing:-1.4px;margin:0 0 14px;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 25px #090b13;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.reference-home .home-byline{font-size:12px;line-height:1.7;color:#d3cddd;margin:0}
.reference-home .home-byline strong{color:var(--home-ink);font-weight:600}
.reference-home .home-premise{font-size:14px;line-height:1.75;margin:0;color:#d0ccd9;max-width:350px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.reference-home .home-story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#ddd7e8;font-size:12px}
.reference-home .home-meta-dot{width:3px;height:3px;background:#a599b4;border-radius:50%;flex-shrink:0}
.reference-home .home-advisory{display:inline-block;color:#f2d8c3;font-size:11px;line-height:1.5}
.reference-home .home-warnings{font-size:11px;color:#f2d8c3;margin:0;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.reference-home .home-story-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:auto;padding-top:5px;width:100%}
.reference-home .home-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;max-width:100%;padding:11px 17px;border-radius:8px;font:700 13px/1.5 var(--home-sans);border:1px solid transparent;text-align:center;transition:background .2s,box-shadow .2s,filter .2s}
.reference-home .home-button.primary{background:rgb(var(--accent));color:#100b18;box-shadow:0 6px 32px rgb(var(--accent)/.36),inset 0 1px #ffffff40}
.reference-home .home-button.primary:hover{filter:brightness(1.12);box-shadow:0 8px 34px rgb(var(--accent)/.34)}
.reference-home .home-button svg{width:18px;height:18px}
.reference-home .home-details{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:4px;color:#dfd7ee}
.reference-home .home-queue{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;border-left:1px solid #ffffff12;padding:10px 24px;background:linear-gradient(115deg,#ffffff03,transparent)}
.reference-home .home-companion{display:grid;grid-template-columns:clamp(82px,7.6vw,110px) minmax(0,1fr);align-items:center;gap:20px;min-height:0;padding:22px 0;background:transparent;transition:background .2s}
.reference-home .home-companion+.home-companion{border-top:1px solid #ffffff18}
.reference-home .home-companion:hover{background:radial-gradient(ellipse at 0 50%,rgb(var(--accent)/.06),transparent 85%)}
.reference-home .home-companion-art{position:relative;display:block;aspect-ratio:2/3;border-radius:7px;overflow:hidden;box-shadow:0 8px 25px #0007;outline:1px solid #ffffff15;outline-offset:-1px;transition:box-shadow .2s}
.reference-home .home-companion-art:hover{box-shadow:0 10px 30px rgb(var(--accent)/.18)}
.reference-home .home-companion-art img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.reference-home .home-feature-select{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;border:0;border-radius:5px;background:transparent;color:var(--home-lavender);font-size:11px;font-weight:600;padding:8px 0;text-align:left;width:100%;margin-top:2px}
.reference-home .home-feature-select svg{width:16px;height:16px}
.reference-home .home-feature-select:hover{color:#f1eaff}.reference-home .home-feature-select:hover svg{transform:translateX(3px)}
.reference-home .home-companion-copy{width:100%;min-width:0;display:flex;flex-direction:column;gap:7px}
.reference-home .home-universe{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.7px;color:rgb(var(--accent));margin:0;overflow-wrap:anywhere}
.reference-home .home-companion h3{font:700 clamp(18px,1.5vw,22px)/1.2 var(--home-display);letter-spacing:-.45px;margin:0 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.reference-home .home-companion .home-byline{font-size:11px;color:var(--home-muted)}
.reference-home .home-companion .home-byline strong{font-weight:400;color:inherit}
.reference-home .home-companion .home-story-meta{font-size:10px;color:var(--home-muted);gap:5px}
.reference-home .home-companion .home-advisory{font-size:10px;color:#d6bda8;align-self:flex-start}
.reference-home .home-carousel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:8px 0}
.reference-home .home-carousel-foot>.home-text-link{margin-left:auto}
.reference-home .home-carousel-dots{display:flex;align-items:center;gap:0}
.reference-home .home-carousel-dots button{display:grid;place-items:center;width:36px;height:44px;padding:8px;border:0;background:none;color:#858095;font:500 11px var(--home-sans);font-variant-numeric:tabular-nums;position:relative;transition:color .2s}
.reference-home .home-carousel-dots button:after{content:'';position:absolute;bottom:6px;height:2px;width:0;border-radius:3px;background:rgb(var(--spotlight-accent));transition:width .2s}
.reference-home .home-carousel-dots button[aria-current=true]{color:var(--home-ink)}
.reference-home .home-carousel-dots button[aria-current=true]:after{width:20px}
.reference-home .home-rotation-meter{width:64px;height:2px;background:#ffffff18;overflow:hidden;border-radius:2px}
.reference-home #carousel-progress{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:rgb(var(--spotlight-accent))}
.reference-home #home-carousel:not([data-rotating=true]) .home-rotation-meter{opacity:.35}
.reference-home #carousel-toggle{padding:8px 0;min-height:44px;background:none;color:var(--home-muted);border:0;font-size:11px}
.reference-home #carousel-toggle[aria-pressed=true]{color:var(--home-lavender)}
.reference-home .home-status{grid-column:1/-1;margin:0;padding:26px;border:1px solid var(--home-line);border-radius:10px;font-size:15px;color:var(--home-muted);line-height:1.8}
.reference-home .home-status h3{font-size:20px;color:var(--home-ink);margin:0 0 8px}
.reference-home .home-status p{margin:0 0 12px}
.reference-home .home-status .home-button{background:#312741;color:#eee;border:1px solid #bca2ff55}
.reference-home .cover-fallback{height:100%;min-height:100px;background:radial-gradient(ellipse at 60% 30%,#745495,#201b31 80%);display:grid;place-items:center;width:100%;color:#cbb5ec;font-size:11px;letter-spacing:1px}
.reference-home .home-unavailable{font-size:12px;color:var(--home-muted)}
.reference-home .home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.reference-home .home-section-heading .home-eyebrow{margin-bottom:9px;font-size:9px}
.reference-home .home-section-heading h2{font:700 29px/1.15 var(--home-display);letter-spacing:-.9px;margin:0;overflow-wrap:anywhere}
.reference-home .home-section-heading h2 span{color:var(--home-gold)}
.reference-home .home-section-note{font-size:12px;line-height:1.6;color:var(--home-muted);margin:0}
/* Curated shelves: a cover-led discovery row and a distinct fanfiction shelf. */
.reference-home .home-curated-section{padding:34px 0 30px;border-top:1px solid var(--home-line);margin-top:22px}
.reference-home .home-picks-section{position:relative;isolation:isolate}
.reference-home .home-picks-section:before{content:'';position:absolute;inset:0 -25px;z-index:-1;border-radius:22px;background:radial-gradient(ellipse at 10% 0,#bca2ff0e,transparent 65%);pointer-events:none}
.reference-home .home-picks-section .home-section-heading h2 span{color:var(--home-lavender)}
.reference-home .home-section-description{font-size:13px;color:var(--home-muted);line-height:1.6;margin:9px 0 0}
.reference-home .home-shelf-tools{display:flex;align-items:center;gap:20px}
.reference-home .home-shelf-tools>.home-text-link{color:var(--home-lavender);font-size:12px}
.reference-home .home-shelf-arrows{display:flex;gap:7px}
.reference-home .home-book-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 126px)/8);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:3px;padding:4px 3px 14px;margin:0 -3px;scrollbar-width:thin;scrollbar-color:#76618e transparent;outline-offset:5px}
.reference-home .home-pick{min-width:0;scroll-snap-align:start}
.reference-home .home-pick-cover{display:block;position:relative;aspect-ratio:2/3;border-radius:9px;overflow:hidden;box-shadow:0 9px 24px #0006;background:#201c2a}
.reference-home .home-pick-cover:after{content:'';position:absolute;inset:0;border:1px solid #ffffff20;border-radius:inherit;pointer-events:none}
.reference-home .home-pick-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease,filter .28s ease}
.reference-home .home-pick-cover:hover img,.reference-home .home-pick-cover:focus-visible img{transform:scale(1.045);filter:brightness(1.12)}
.reference-home .home-pick-open{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:26px 11px 12px;background:linear-gradient(0deg,#0c091be8,transparent);font-size:10px;font-weight:600;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.reference-home .home-pick-open svg{width:15px;height:15px}
.reference-home .home-pick-cover:hover .home-pick-open,.reference-home .home-pick-cover:focus-visible .home-pick-open{opacity:1;transform:none}
.reference-home .home-pick-copy{padding-top:13px;min-width:0}
.reference-home .home-pick-category{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--home-lavender);margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-home .home-pick h3{font:700 14px/1.4 var(--home-sans);margin:0 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:2.8em}
.reference-home .home-pick h3 a:hover{color:#d8c5ff}
.reference-home .home-pick-author{font-size:11px;color:var(--home-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-home .home-pick-meta{display:flex;gap:6px 10px;flex-wrap:wrap;color:#bcb4cb;font-size:10px;line-height:1.5;margin:10px 0 0}
.reference-home .home-pick-rating{color:#d8c7b2}
.reference-home .home-shelf-empty{grid-column:1/-1;min-width:220px;margin:0;padding:25px 0;font-size:13px;color:var(--home-muted)}
.reference-home .home-shelf-empty a{display:flex;align-items:center;gap:8px;color:var(--home-lavender);min-height:44px;font-weight:600}
.reference-home .home-fanfics-section .home-eyebrow{color:#dec18c}
.reference-home .home-fanfic-shelf{grid-auto-columns:calc((100% - 36px)/3);padding-bottom:16px}
.reference-home .home-fanfic-pick{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:18px;padding:20px;border:1px solid #ffffff16;border-radius:13px;background:radial-gradient(ellipse at 0 0,#e4bb6810,transparent 65%),linear-gradient(130deg,#19181f,#121219);transition:border-color .2s,background .2s}
.reference-home .home-fanfic-pick:hover,.reference-home .home-fanfic-pick:focus-within{border-color:#e4bb6847;background-color:#e4bb6807}
.reference-home .home-fanfic-pick .home-pick-copy{padding:0}
.reference-home .home-fanfic-pick .home-pick-category{color:var(--home-gold)}
.reference-home .home-fanfic-pick h3{font:700 17px/1.3 var(--home-display);letter-spacing:-.3px;-webkit-line-clamp:3;min-height:0}
.reference-home .home-pick-premise{font-size:11px;line-height:1.65;color:#c6bfce;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0}
/* Covers introduce the work; each full-width chapter row is a reading action. */
.reference-home .home-latest{padding:40px 0 44px}
.reference-home .home-latest .home-section-heading{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.reference-home .home-latest .home-section-heading h2{font:700 clamp(1.75rem,2.7vw,2.35rem)/1.15 var(--home-display);letter-spacing:-.04em;min-width:0}
.reference-home .home-latest .home-section-heading .home-eyebrow{color:var(--home-gold);font-size:10px;letter-spacing:1.4px;margin-bottom:10px}
.reference-home .home-updates-all{display:inline-flex;align-items:center;gap:12px;margin-left:auto;min-height:44px;padding:9px 14px;border:1px solid #bca2ff35;border-radius:10px;background:#bca2ff0a;color:var(--home-lavender);font-size:13px;font-weight:600;transition:background .18s,border-color .18s}
.reference-home .home-updates-all svg{width:18px;height:18px}
.reference-home .home-updates-all:hover{color:#e2d5ff;background:#bca2ff19;border-color:#bca2ff70}
.reference-home #latest-updates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reference-home .home-update{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:minmax(156px,auto) 1fr;gap:18px;align-items:start;min-width:0;padding:22px 18px 14px;border:1px solid #ffffff16;border-radius:16px;background:radial-gradient(ellipse at 95% 0%,#bca2ff12,transparent 65%),linear-gradient(145deg,#191820,#12121a);box-shadow:0 8px 25px #0002;transition:border-color .2s,box-shadow .2s}
.reference-home .home-update:hover,.reference-home .home-update:focus-within{border-color:#bca2ff52;box-shadow:0 10px 30px #0004}
.reference-home .home-update-cover{grid-column:1;grid-row:1;display:block;width:100%;aspect-ratio:2/3;border-radius:7px;overflow:hidden;box-shadow:0 8px 24px #0006;outline-offset:4px}
.reference-home .home-update-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.reference-home .home-update-cover:hover img{transform:scale(1.035)}
.reference-home .home-update-copy{grid-column:2;grid-row:1;min-width:0}
.reference-home .home-update-kind{font:700 10px/1.5 var(--home-sans);letter-spacing:.8px;text-transform:uppercase;color:var(--home-lavender);margin:0 0 9px;overflow-wrap:anywhere}
.reference-home .home-update h3{font:700 clamp(1rem,1.45vw,1.2rem)/1.3 var(--home-display);letter-spacing:-.025em;margin:0 0 9px;overflow-wrap:anywhere;text-wrap:pretty}
.reference-home .home-update h3 a:hover{color:#d7c5ff}
.reference-home .home-update-author{font-size:12px;line-height:1.6;color:var(--home-muted);margin:0;overflow-wrap:anywhere}
.reference-home .home-update-chapters{grid-column:1/-1;list-style:none;padding:0;margin:0;min-width:0;align-self:start;display:grid;gap:4px}
.reference-home .home-update-chapters li{min-width:0}
.reference-home .home-update-chapter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:60px;padding:11px 12px;border:1px solid transparent;border-radius:9px;color:#ded9e5;transition:color .16s,background .16s,border-color .16s}
.reference-home .home-update-chapter-name{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.reference-home .home-update-chapter .home-chapter-label{font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--home-muted)}
.reference-home .home-update-chapter strong{font:600 13px/1.5 var(--home-sans)}
.reference-home .home-update-chapter-meta{display:flex;align-items:center;gap:10px;min-width:0}
.reference-home .home-update-chapter time{font:400 11px/1.5 var(--home-sans);color:var(--home-muted);text-align:right;max-width:6.5em;font-variant-numeric:tabular-nums}
.reference-home .home-update-chapter-meta svg{width:16px;height:16px;color:#8a849b;transition:transform .18s}
.reference-home .home-update-chapter.is-latest{border-color:#ffd27b28;background:linear-gradient(100deg,#ffd27b13,#ffd27b05);color:var(--home-gold)}
.reference-home .home-update-chapter.is-latest :is(.home-chapter-label,time.is-recent){color:var(--home-gold)}
.reference-home .home-update-chapter:hover{border-color:#bca2ff38;background:#bca2ff10;color:#eee4ff}
.reference-home .home-update-chapter:hover .home-update-chapter-meta svg{transform:translateX(3px);color:#e2d5ff}
.reference-home .home-update-chapter:active{background:#bca2ff20}
.reference-home .home-continue{padding:14px 0 0}
.reference-home .home-continue .home-section-heading{align-items:center;margin:0 0 9px}
.reference-home .home-continue h2{font:600 15px var(--home-sans);letter-spacing:0}
.reference-home #continue-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-home .home-resume{display:flex;align-items:center;gap:12px;border:1px solid #ffffff16;border-radius:9px;padding:13px;background:#bca2ff08;min-width:0}
.reference-home .home-resume>div{min-width:0;flex:1}
.reference-home .home-resume>div>a{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere;line-height:1.45}
.reference-home .home-resume p{font-size:10px;color:var(--home-muted);margin:5px 0 0}
.reference-home .home-resume .home-button{font-size:11px;min-height:44px;padding:8px 10px;box-shadow:none;background:#bca2ff1c;color:#e2d4ff;border-color:#bca2ff33;flex-shrink:0;max-width:130px}
.reference-home .home-write{border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);padding:28px 0;display:flex;align-items:center;gap:22px}
.reference-home .home-write>svg{width:36px;height:36px;color:var(--home-lavender);fill:currentColor;stroke:none}
.reference-home .home-write h2{font:700 20px/1.3 var(--home-display);margin:0 0 4px;letter-spacing:-.4px;overflow-wrap:anywhere}
.reference-home .home-write p{font-size:12px;color:var(--home-muted);margin:0}
.reference-home .home-write .home-text-link{margin-left:auto}
.reference-home .home-footer{padding:25px 0;display:flex;align-items:center;gap:24px}
.reference-home .home-footer .home-brand{font-size:22px}
.reference-home .home-footer .home-brand svg{width:20.8px;height:24px}
.reference-home .home-footer p{color:var(--home-muted);font-size:11px;margin:0}
.reference-home .home-footer nav{margin-left:auto;display:flex;gap:22px;font-size:11px;color:var(--home-muted)}
.reference-home .home-footer nav a{display:inline-flex;align-items:center;min-height:44px}

@media(min-width:1800px){.reference-home .home-shelf{height:570px}}
@media(max-width:1150px){
 .reference-home .home-wrap,body.reference-home .simple-header.home-header{width:calc(100% - 48px)}
 .reference-home .home-shelf{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 .reference-home .home-lead-copy{width:78%;padding:30px 12px 28px 28px}
 .reference-home .home-featured h3{font-size:34px}
 .reference-home .home-queue{padding:8px 20px}
 .reference-home .home-companion{gap:15px;grid-template-columns:82px minmax(0,1fr)}.reference-home .home-companion h3{font-size:19px}
 .reference-home .home-poster-shelf{grid-auto-columns:calc((100% - 90px)/6)}
 .reference-home .home-fanfic-shelf{grid-auto-columns:calc((100% - 18px)/2)}
 .reference-home #latest-updates{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-home .home-update{grid-template-columns:88px minmax(0,1fr)}
}
@media(max-width:900px){
 body.reference-home .simple-header.home-header{gap:28px}.reference-home .reader-account-nav{margin-left:-10px;gap:13px}
 .reference-home .home-shelf{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .reference-home .home-shelf{height:510px}.reference-home .home-lead-copy{width:90%;padding:25px 18px 25px 24px}
 .reference-home .home-featured h3{font-size:29px}
 .reference-home .home-queue{padding:8px 16px}
 .reference-home .home-companion{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:20px 0}
 .reference-home .home-companion h3{font-size:17px}
 .reference-home .home-poster-shelf{grid-auto-columns:calc((100% - 54px)/4)}
 .reference-home #continue-stories{grid-template-columns:1fr}
 .reference-home .home-resume .home-button{max-width:none}
}
@media(max-width:700px){
 .reference-home .home-wrap,body.reference-home .simple-header.home-header{width:calc(100% - 36px)}
 body.reference-home .simple-header.home-header{height:auto;min-height:72px;gap:10px;flex-wrap:wrap;padding:10px 0}
 .reference-home .home-brand{font-size:26px;gap:7px;min-width:0;overflow-wrap:anywhere}
 .reference-home .home-brand svg{width:20.8px;height:24px}
 .reference-home .simple-header>nav{display:none}.reference-home .simple-actions{display:flex!important;margin-left:auto}
 .reference-home .reader-account-nav{margin-left:0;gap:0}.reference-home .reader-library-link{display:none}.reference-home .simple-menu{display:block}
 .reference-home .home-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:18px 0}
 .reference-home .home-collections{gap:4px}.reference-home .home-collections button{font-size:13px;padding:10px 12px}
 .reference-home .home-search{width:100%;min-height:46px}.reference-home .home-search input{font-size:16px}
 .reference-home .home-carousel-bar{gap:8px;margin-bottom:12px}
 .reference-home .home-eyebrow{font-size:9px;letter-spacing:1px}
 .reference-home .home-carousel-controls{gap:5px}.reference-home #carousel-position{display:none}
 .reference-home .home-carousel-controls .home-icon-button{width:40px;height:40px}
 .reference-home .home-shelf{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;border-radius:17px;container-type:inline-size}
 /* Phone cards keep the artwork alongside the title instead of above a long stack. */
 .reference-home .home-featured{height:390px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 16px;padding:20px;align-content:start;isolation:isolate;background:radial-gradient(ellipse at 15% 40%,rgb(var(--accent)/.12),transparent 75%),#12121b}
 .reference-home .home-shelf:has(.home-warnings) .home-featured{height:435px}
 .reference-home .home-lead-art{position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:auto;aspect-ratio:2/3;align-self:start;z-index:auto;border-radius:7px}
 .reference-home .home-lead-art img{object-position:50% 25%;mask-image:none}
 .reference-home .home-lead-art:after{background:none}
 .reference-home .home-lead-copy{display:contents}
 .reference-home .home-featured .home-story-heading{grid-column:2;grid-row:2;align-self:start}
 .reference-home .home-badges{grid-column:1/-1;grid-row:1}
 .reference-home .home-featured h3{font-size:clamp(21px,5.8vw,26px);line-height:1.15;letter-spacing:-.65px;text-wrap:pretty;margin:0 0 10px;-webkit-line-clamp:4}
 .reference-home .home-pill{font-size:10px;padding:5px 9px}
 .reference-home .home-premise{grid-column:1/-1;font-size:13px;line-height:1.6;max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .reference-home .home-featured .home-byline{font-size:11px}
 .reference-home .home-featured :is(.home-story-meta,.home-advisory,.home-warnings,.home-story-actions){grid-column:1/-1}
 .reference-home .home-story-meta{font-size:12px}
 .reference-home .home-featured .home-story-actions{gap:8px 12px;padding-top:2px}
 .reference-home .home-featured .home-button{font-size:13px;flex:1;min-height:46px;padding:10px 12px;gap:8px}.reference-home .home-featured .home-details{font-size:12px}
 .reference-home .home-queue{gap:0;border-left:0;border-top:1px solid #ffffff18;padding:0 20px}
 .reference-home .home-companion{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;height:150px;padding:14px 0}
 .reference-home .home-companion-art{width:100%;border-radius:6px}
 .reference-home .home-companion-copy{gap:3px}
 .reference-home .home-companion h3{font-size:17px;line-height:1.2;letter-spacing:-.3px;-webkit-line-clamp:2}
 .reference-home .home-companion .home-byline{display:none}
 .reference-home .home-companion .home-advisory{font-size:9px;padding:0;border:0;background:transparent}
 .reference-home .home-companion h3{margin-bottom:0}
 .reference-home .home-feature-select{font-size:10px;margin:0;padding:6px 0;min-height:32px}
 .reference-home .home-universe{font-size:9px}.reference-home .home-carousel-foot{gap:0 15px;padding:6px 0}
 .reference-home .home-carousel-foot .home-text-link{font-size:11px}.reference-home #carousel-toggle{font-size:10px}
 .reference-home .home-rotation-meter{display:none}
 .reference-home .home-section-heading{margin-bottom:17px;gap:12px;flex-wrap:wrap}
 .reference-home .home-section-heading h2{font-size:25px}.reference-home .home-section-note{font-size:11px}
 .reference-home .home-curated-section{padding:25px 0 10px;margin-top:17px}
 .reference-home .home-section-description{font-size:12px;max-width:260px;margin-top:7px}
 .reference-home .home-picks-section:before{inset:0 -10px}
 .reference-home .home-shelf-tools{justify-content:space-between;width:100%;gap:10px}
 .reference-home .home-shelf-tools>.home-text-link{font-size:11px}
 .reference-home .home-shelf-arrows .home-icon-button{width:36px;height:36px;min-width:36px}
 .reference-home .home-book-shelf{gap:14px}
 .reference-home .home-poster-shelf{grid-auto-columns:calc((100% - 35px)/2.4)}
 .reference-home .home-pick-cover{border-radius:7px}
 .reference-home .home-pick-copy{padding-top:12px}
 .reference-home .home-pick-category{font-size:8px;letter-spacing:.4px}
 .reference-home .home-pick h3{font-size:13px}
 .reference-home .home-pick-author{font-size:10px}
 .reference-home .home-pick-meta{font-size:9px;gap:3px 8px;margin-top:7px}
 .reference-home .home-fanfic-shelf{grid-auto-columns:min(88%,360px)}
 .reference-home .home-fanfic-pick{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:16px}
 .reference-home .home-fanfic-pick h3{font-size:16px}
 .reference-home .home-latest{padding:28px 0}.reference-home #latest-updates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .reference-home .home-latest .home-section-heading{gap:14px;margin-bottom:18px}
 .reference-home .home-latest .home-section-heading h2{font-size:1.65rem}
 .reference-home .home-latest .home-section-heading .home-eyebrow{font-size:9px;letter-spacing:1px}
 .reference-home .home-updates-all{font-size:12px;margin-left:0;padding:8px 12px}
 .reference-home .home-update{display:flex;flex-direction:column;gap:0;padding:0 0 8px;border-radius:12px;overflow:hidden}
 .reference-home .home-update-cover{width:100%;aspect-ratio:1.15;border-radius:0;box-shadow:none;outline-offset:-3px}
 .reference-home .home-update-cover img{object-position:center 28%}
 .reference-home .home-update-copy{padding:14px 11px 12px;width:100%;flex:1}
 .reference-home .home-update-kind{font-size:9px;letter-spacing:.4px;margin-bottom:7px}
 .reference-home .home-update h3{font-size:1rem;line-height:1.35;margin-bottom:7px}
 .reference-home .home-update-author{font-size:11px}
 .reference-home .home-update-chapters{width:100%;padding:0 6px}
 .reference-home .home-update-chapter{grid-template-columns:minmax(0,1fr);gap:5px;padding:10px 7px;min-height:64px}
 .reference-home .home-update-chapter strong{font-size:12px}
 .reference-home .home-update-chapter .home-chapter-label{font-size:10px}
 .reference-home .home-update-chapter-meta{justify-content:space-between;width:100%}
 .reference-home .home-update-chapter time{font-size:10px;text-align:left;max-width:none}
 .reference-home .home-update-chapter-meta svg{width:14px;height:14px}
 .reference-home .home-continue{padding-top:15px}.reference-home .home-resume{flex-wrap:wrap}
 .reference-home .home-resume>div{flex-basis:150px}.reference-home .home-resume>div>a{font-size:13px}
 .reference-home .home-resume p{font-size:11px}.reference-home .home-resume .home-button{font-size:12px}
 .reference-home .home-write{padding:24px 0;gap:15px;flex-wrap:wrap}.reference-home .home-write>div{flex:1;min-width:0}
 .reference-home .home-write h2{font-size:21px}.reference-home .home-write .home-text-link{margin-left:51px;flex-basis:calc(100% - 51px)}
 .reference-home .home-footer{padding:24px 0;gap:16px;flex-wrap:wrap}.reference-home .home-footer p{font-size:11px;flex:1}
 .reference-home .home-footer nav{margin-left:0;font-size:12px;gap:20px}
}
@media(max-width:370px){
 .reference-home .home-wrap,body.reference-home .simple-header.home-header{width:calc(100% - 28px)}
 body.reference-home .simple-header.home-header{gap:5px}.reference-home .home-brand{font-size:24px}
 .reference-home .home-collections button{padding:9px 10px;font-size:12px}
 .reference-home .home-featured{height:370px;grid-template-columns:82px minmax(0,1fr);padding:15px;column-gap:13px}
 .reference-home .home-shelf:has(.home-warnings) .home-featured{height:415px}
 .reference-home .home-companion{grid-template-columns:60px minmax(0,1fr);column-gap:13px}.reference-home .home-companion h3{font-size:16px}
 .reference-home .home-queue{padding:0 15px}
 .reference-home .home-carousel-foot{gap:0 8px}
 .reference-home .home-carousel-dots button{width:28px}
}
@media(prefers-reduced-motion:reduce){
 .reference-home *,.reference-home *:before,.reference-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}