/* fa-subset.css */
/* Font Awesome Free 6.5.2 subset for this site (generated; icons in use only).
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Rebuild after adding new icons. */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-file-alt:before,.fa-file-lines:before{content:"\f15c"}.fa-calendar-alt:before{content:"\f073"}.fa-minus-circle:before{content:"\f056"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-pencil-alt:before{content:"\f303"}.fa-comments:before{content:"\f086"}.fa-paste:before{content:"\f0ea"}.fa-clipboard-list:before{content:"\f46d"}.fa-user-check:before{content:"\f4fc"}.fa-paw:before{content:"\f1b0"}.fa-table:before{content:"\f0ce"}.fa-reply:before{content:"\f3e5"}.fa-compass:before{content:"\f14e"}.fa-swatchbook:before{content:"\f5c3"}.fa-bars:before{content:"\f0c9"}.fa-hourglass-end:before{content:"\f253"}.fa-heart-crack:before{content:"\f7a9"}.fa-film:before{content:"\f008"}.fa-lightbulb:before{content:"\f0eb"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-arrow-right-from-bracket:before{content:"\f08b"}.fa-unlock-alt:before{content:"\f13e"}.fa-flag:before{content:"\f024"}.fa-comment-slash:before{content:"\f4b3"}.fa-compress:before{content:"\f066"}.fa-check-square:before{content:"\f14a"}.fa-heading:before{content:"\f1dc"}.fa-ghost:before{content:"\f6e2"}.fa-list:before{content:"\f03a"}.fa-lock:before{content:"\f023"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-hourglass-half:before{content:"\f252"}.fa-shopping-bag:before{content:"\f290"}.fa-users:before{content:"\f0c0"}.fa-eye-slash:before{content:"\f070"}.fa-hand:before{content:"\f256"}.fa-plug:before{content:"\f1e6"}.fa-chevron-up:before{content:"\f077"}.fa-i:before{content:"\49"}.fa-g:before{content:"\47"}.fa-bookmark:before{content:"\f02e"}.fa-folder:before{content:"\f07b"}.fa-chart-simple:before{content:"\e473"}.fa-vial:before{content:"\f492"}.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-user:before{content:"\f007"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-c:before{content:"\43"}.fa-chart-area:before{content:"\f1fe"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-star:before{content:"\f005"}.fa-mouse-pointer:before{content:"\f245"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-server:before{content:"\f233"}.fa-right-to-bracket:before{content:"\f2f6"}.fa-heart-pulse:before{content:"\f21e"}.fa-crown:before{content:"\f521"}.fa-fire:before{content:"\f06d"}.fa-folder-open:before{content:"\f07c"}.fa-unlock:before{content:"\f09c"}.fa-headset:before{content:"\f590"}.fa-file-upload:before{content:"\f574"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-bold:before{content:"\f032"}.fa-mug-hot:before{content:"\f7b6"}.fa-gift:before{content:"\f06b"}.fa-chart-bar:before{content:"\f080"}.fa-image:before{content:"\f03e"}.fa-rotate-left:before{content:"\f2ea"}.fa-gem:before{content:"\f3a5"}.fa-play-circle:before{content:"\f144"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-certificate:before{content:"\f0a3"}.fa-file-import:before{content:"\f56f"}.fa-pause:before{content:"\f04c"}.fa-bomb:before{content:"\f1e2"}.fa-cloud-upload-alt:before{content:"\f0ee"}.fa-palette:before{content:"\f53f"}.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-layer-group:before{content:"\f5fd"}.fa-square:before{content:"\f0c8"}.fa-italic:before{content:"\f033"}.fa-feather-alt:before{content:"\f56b"}.fa-ad:before{content:"\f641"}.fa-sort:before{content:"\f0dc"}.fa-list-ol:before{content:"\f0cb"}.fa-language:before{content:"\f1ab"}.fa-filter:before{content:"\f0b0"}.fa-question:before{content:"\3f"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-arrow-up-right-from-square:before{content:"\f08e"}.fa-chart-pie:before{content:"\f200"}.fa-chart-line:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-tools:before{content:"\f7d9"}.fa-heart:before{content:"\f004"}.fa-face-surprise:before{content:"\f5c2"}.fa-lock-open:before{content:"\f3c1"}.fa-circle:before{content:"\f111"}.fa-mobile-screen-button:before{content:"\f3cd"}.fa-volume-up:before{content:"\f028"}.fa-wallet:before{content:"\f555"}.fa-clipboard-check:before{content:"\f46c"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-tags:before{content:"\f02c"}.fa-eye:before{content:"\f06e"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-file-code:before{content:"\f1c9"}.fa-signal:before{content:"\f012"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-comment-dots:before{content:"\f4ad"}.fa-hand-pointer:before{content:"\f25a"}.fa-redo:before{content:"\f01e"}.fa-phone:before{content:"\f095"}.fa-user-cog:before{content:"\f4fe"}.fa-sort-numeric-up:before{content:"\f163"}.fa-pen-fancy:before{content:"\f5ac"}.fa-trash:before{content:"\f1f8"}.fa-arrow-left:before{content:"\f060"}.fa-ruler:before{content:"\f545"}.fa-align-left:before{content:"\f036"}.fa-external-link-alt:before{content:"\f35d"}.fa-th-large:before{content:"\f009"}.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-envelope:before{content:"\f0e0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-calendar-check:before{content:"\f274"}.fa-check-double:before{content:"\f560"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-undo:before{content:"\f0e2"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-shopping-cart:before{content:"\f07a"}.fa-clock:before{content:"\f017"}.fa-s:before{content:"\53"}.fa-coins:before{content:"\f51e"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-folder-tree:before{content:"\f802"}.fa-ellipsis-v:before{content:"\f142"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-images:before{content:"\f302"}.fa-download:before{content:"\f019"}.fa-face-meh:before{content:"\f11a"}.fa-id-card:before{content:"\f2c2"}.fa-home:before,.fa-house:before{content:"\f015"}.fa-calendar-week:before{content:"\f784"}.fa-rotate-right:before{content:"\f2f9"}.fa-stop:before{content:"\f04d"}.fa-upload:before{content:"\f093"}.fa-bolt:before{content:"\f0e7"}.fa-sun:before{content:"\f185"}.fa-user-lock:before{content:"\f502"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-bug:before{content:"\f188"}.fa-credit-card:before{content:"\f09d"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-medal:before{content:"\f5a2"}.fa-bell:before{content:"\f0f3"}.fa-arrow-down:before{content:"\f063"}.fa-eraser:before{content:"\f12d"}.fa-inbox:before{content:"\f01c"}.fa-tachometer-alt:before{content:"\f625"}.fa-envelope-open-text:before{content:"\f658"}.fa-link:before{content:"\f0c1"}.fa-play:before{content:"\f04b"}.fa-font:before{content:"\f031"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-receipt:before{content:"\f543"}.fa-chevron-down:before{content:"\f078"}.fa-list-ul:before{content:"\f0ca"}.fa-arrow-up:before{content:"\f062"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-user-circle:before{content:"\f2bd"}.fa-user-shield:before{content:"\f505"}.fa-copy:before{content:"\f0c5"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-expand:before{content:"\f065"}.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-quote-left:before{content:"\f10d"}.fa-trash-arrow-up:before{content:"\f829"}.fa-rocket:before{content:"\f135"}.fa-arrow-trend-up:before{content:"\e098"}.fa-bell-slash:before{content:"\f1f6"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-face-smile:before{content:"\f118"}.fa-thumbtack:before{content:"\f08d"}.fa-trophy:before{content:"\f091"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-spinner:before{content:"\f110"}.fa-robot:before{content:"\f544"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-award:before{content:"\f559"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-pen-nib:before{content:"\f5ad"}.fa-magic:before{content:"\f0d0"}.fa-moon:before{content:"\f186"}.fa-music:before{content:"\f001"}.fa-broom:before{content:"\f51a"}.fa-hashtag:before{content:"\23"}.fa-t:before{content:"\54"}.fa-chart-column:before{content:"\e0e3"}.fa-infinity:before{content:"\f534"}.fa-calendar:before{content:"\f133"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-clone:before{content:"\f24d"}.fa-fire-flame-curved:before{content:"\f7e4"}.fa-face-angry:before{content:"\f556"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-desktop:before{content:"\f390"}.fa-book:before{content:"\f02d"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-user-tag:before{content:"\f507"}.fa-book-open:before{content:"\f518"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-database:before{content:"\f1c0"}.fa-share:before{content:"\f064"}.fa-exchange-alt:before{content:"\f362"}.fa-paper-plane:before{content:"\f1d8"}.fa-life-ring:before{content:"\f1cd"}.fa-calendar-day:before{content:"\f783"}.fa-brain:before{content:"\f5dc"}.fa-circle-xmark:before,.fa-times-circle:before{content:"\f057"}.fa-thumbs-up:before{content:"\f164"}.fa-user-clock:before{content:"\f4fd"}.fa-file-invoice:before{content:"\f570"}.fa-sticky-note:before{content:"\f249"}.fa-exclamation:before{content:"\21"}.fa-print:before{content:"\f02f"}.fa-dollar-sign:before{content:"\24"}.fa-users-cog:before{content:"\f509"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../../fonts/fa/fa-brands-400.woff2?v=2026102102) format("woff2")}.fa-brands,.fab{font-weight:400}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-apple:before{content:"\f179"}.fa-stripe:before{content:"\f429"}.fa-paypal:before{content:"\f1ed"}.fa-reddit-alien:before{content:"\f281"}.fa-patreon:before{content:"\f3d9"}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f09a"}.fa-whatsapp:before{content:"\f232"}.fa-twitter:before{content:"\f099"}.fa-pinterest:before{content:"\f0d2"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../../fonts/fa/fa-regular-400.woff2?v=2026102102) format("woff2")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../../fonts/fa/fa-solid-900.woff2?v=2026102102) format("woff2")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../../fonts/fa/fa-brands-400.woff2?v=2026102102) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../../fonts/fa/fa-solid-900.woff2?v=2026102102) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../../fonts/fa/fa-regular-400.woff2?v=2026102102) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa/fa-solid-900.woff2?v=2026102102) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa/fa-brands-400.woff2?v=2026102102) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa/fa-regular-400.woff2?v=2026102102) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa/fa-v4compatibility.woff2?v=2026102102) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
/* fonts-ui.css */
/* Self-hosted Manrope + Source Serif 4 (SIL Open Font License), from Google Fonts. Rebuild: python3 cli/build_ui_fonts.py */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-cyrillic-ext-normal-37facb.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-cyrillic-normal-c9a5f1.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-greek-normal-f00fa0.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-vietnamese-normal-bd6e7f.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-latin-ext-normal-76dcfc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../../fonts/ui/manrope-latin-normal-814019.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-cyrillic-ext-italic-6e8683.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-cyrillic-italic-a31fd4.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-greek-italic-74929c.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-vietnamese-italic-dd6eb3.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-latin-ext-italic-6ea709.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ui/sourceserif4-latin-italic-88563b.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-cyrillic-ext-normal-0c0492.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-cyrillic-normal-c3472e.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-greek-normal-763e4b.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-vietnamese-normal-62c768.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-latin-ext-normal-b5e287.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/ui/sourceserif4-latin-normal-8012ef.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* tailwind.min.css */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-0\.5{inset:-.125rem}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-bottom-2{bottom:-.5rem}.-left-2{left:-.5rem}.-left-3{left:-.75rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:.5rem}.left-3{left:.75rem}.left-3\/4{left:75%}.right-0{right:0}.right-1\/3{right:33.333333%}.right-1\/4{right:25%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:.5rem}.top-24{top:6rem}.top-3{top:.75rem}.top-3\/4{top:75%}.top-4{top:1rem}.top-6{top:1.5rem}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1000000\]{z-index:1000000}.z-\[10000\]{z-index:10000}.z-\[200\]{z-index:200}.z-\[250\]{z-index:250}.z-\[260\]{z-index:260}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[600px\]{height:600px}.h-\[60vh\]{height:60vh}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:20rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2\.4rem\]{min-height:2.4rem}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[18px\]{width:18px}.w-\[42vw\]{width:42vw}.w-\[60vw\]{width:60vw}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[16px\]{min-width:16px}.min-w-\[20px\]{min-width:20px}.min-w-\[5rem\]{min-width:5rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-\[168px\]{max-width:168px}.max-w-\[260px\]{max-width:260px}.max-w-\[7rem\]{max-width:7rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-12,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-12{--tw-translate-x:-3rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-16,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-16{--tw-translate-y:-4rem}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-16{--tw-translate-x:4rem}.translate-x-16,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-12,.translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.rotate-180{--tw-rotate:180deg}.rotate-180,.skew-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-y-6{--tw-skew-y:6deg}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.scale-\[1\.02\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse-gentle{animation:pulse 3s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1px*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem}.rounded-br-md,.rounded-r-md{border-bottom-right-radius:.375rem}.rounded-tl-sm{border-top-left-radius:.125rem}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-tr-sm{border-top-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-\[var\(--cr-border\)\]{border-color:var(--cr-border)}.border-amber-200\/80{border-color:hsla(48,97%,77%,.8)}.border-amber-300\/70{border-color:rgba(252,211,77,.7)}.border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.border-amber-600{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.border-amber-600\/30{border-color:rgba(217,119,6,.3)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-400\/50{border-color:rgba(96,165,250,.5)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/30{border-color:rgba(59,130,246,.3)}.border-blue-500\/50{border-color:rgba(59,130,246,.5)}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-cyan-200\/50{border-color:rgba(165,243,252,.5)}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-200\/80{border-color:rgba(167,243,208,.8)}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-emerald-500\/50{border-color:rgba(16,185,129,.5)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-400\/30{border-color:rgba(156,163,175,.3)}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-700\/30{border-color:rgba(55,65,81,.3)}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-200\/30{border-color:rgba(187,247,208,.3)}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-400\/30{border-color:rgba(74,222,128,.3)}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/30{border-color:rgba(34,197,94,.3)}.border-green-500\/50{border-color:rgba(34,197,94,.5)}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-500\/30{border-color:rgba(99,102,241,.3)}.border-pink-400{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-200\/30{border-color:rgba(233,213,255,.3)}.border-purple-400\/50{border-color:rgba(192,132,252,.5)}.border-purple-500\/30{border-color:rgba(168,85,247,.3)}.border-purple-500\/50{border-color:rgba(168,85,247,.5)}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400\/30{border-color:hsla(0,91%,71%,.3)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-red-500\/50{border-color:rgba(239,68,68,.5)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-violet-400{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-400\/30{border-color:rgba(250,204,21,.3)}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.border-yellow-500\/50{border-color:rgba(234,179,8,.5)}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-zinc-200\/50{border-color:hsla(240,6%,90%,.5)}.border-zinc-200\/80{border-color:hsla(240,6%,90%,.8)}.border-zinc-300\/50{border-color:hsla(240,5%,84%,.5)}.border-zinc-300\/70{border-color:hsla(240,5%,84%,.7)}.border-zinc-400{--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity,1))}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.border-t-premium{--tw-border-opacity:1;border-top-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--cr-bg\)\]{background-color:var(--cr-bg)}.bg-\[var\(--cr-brand\)\]{background-color:var(--cr-brand)}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/90{background-color:rgba(255,251,235,.9)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/80{background-color:rgba(37,99,235,.8)}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-blue-900\/30{background-color:rgba(30,58,138,.3)}.bg-cyan-300{--tw-bg-opacity:1;background-color:rgb(103 232 249/var(--tw-bg-opacity,1))}.bg-cyan-50\/40{background-color:rgba(236,254,255,.4)}.bg-cyan-50\/80{background-color:rgba(236,254,255,.8)}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-emerald-50\/90{background-color:rgba(236,253,245,.9)}.bg-emerald-50\/95{background-color:rgba(236,253,245,.95)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/30{background-color:rgba(31,41,55,.3)}.bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.bg-gray-900\/50{background-color:rgba(17,24,39,.5)}.bg-gray-900\/90{background-color:rgba(17,24,39,.9)}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-green-500\/30{background-color:rgba(34,197,94,.3)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-600\/80{background-color:rgba(22,163,74,.8)}.bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-green-900\/30{background-color:rgba(20,83,45,.3)}.bg-green-900\/50{background-color:rgba(20,83,45,.5)}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-pink-400{--tw-bg-opacity:1;background-color:rgb(244 114 182/var(--tw-bg-opacity,1))}.bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-600\/80{background-color:rgba(147,51,234,.8)}.bg-purple-900\/30{background-color:rgba(88,28,135,.3)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-500\/30{background-color:rgba(239,68,68,.3)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/30{background-color:rgba(127,29,29,.3)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-500\/30{background-color:rgba(234,179,8,.3)}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900\/30{background-color:rgba(113,63,18,.3)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.bg-zinc-100\/20{background-color:hsla(240,5%,96%,.2)}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-50\/50{background-color:hsla(0,0%,98%,.5)}.bg-zinc-50\/60{background-color:hsla(0,0%,98%,.6)}.bg-zinc-50\/80{background-color:hsla(0,0%,98%,.8)}.bg-zinc-50\/90{background-color:hsla(0,0%,98%,.9)}.bg-zinc-950\/80{background-color:rgba(9,9,11,.8)}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:rgba(217,119,6,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-700\/10{--tw-gradient-from:rgba(180,83,9,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(180,83,9,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:rgba(219,234,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-200{--tw-gradient-from:#bfdbfe var(--tw-gradient-from-position);--tw-gradient-to:rgba(191,219,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from:rgba(59,130,246,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600\/20{--tw-gradient-from:rgba(37,99,235,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/50{--tw-gradient-from:rgba(30,58,138,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from:rgba(16,185,129,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-300{--tw-gradient-from:#d1d5db var(--tw-gradient-from-position);--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-400\/10{--tw-gradient-from:rgba(156,163,175,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:hsla(220,9%,46%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:rgba(75,85,99,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:rgba(31,41,55,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/10{--tw-gradient-from:rgba(74,222,128,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:rgba(34,197,94,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-900\/80{--tw-gradient-from:rgba(20,83,45,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,83,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(129,140,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-900\/95{--tw-gradient-from:rgba(49,46,129,.95) var(--tw-gradient-from-position);--tw-gradient-to:rgba(49,46,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-premium{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-100{--tw-gradient-from:#f3e8ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,232,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/10{--tw-gradient-from:rgba(192,132,252,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from:rgba(168,85,247,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600\/10{--tw-gradient-from:rgba(147,51,234,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600\/20{--tw-gradient-from:rgba(147,51,234,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800\/80{--tw-gradient-from:rgba(30,41,59,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:rgba(45,212,191,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,243,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,179,8,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500\/20{--tw-gradient-from:rgba(234,179,8,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,179,8,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-600\/20{--tw-gradient-from:rgba(202,138,4,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(202,138,4,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-amber-500\/15{--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(245,158,11,.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eff6ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to:rgba(31,41,55,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1f2937 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-500{--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#22c55e var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-400{--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c084fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:rgba(88,28,135,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900\/90{--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(15,23,42,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-zinc-50\/40{--tw-gradient-to:hsla(0,0%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,98%,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-blue-400\/10{--tw-gradient-to:rgba(96,165,250,.1) var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-600\/10{--tw-gradient-to:rgba(37,99,235,.1) var(--tw-gradient-to-position)}.to-blue-600\/20{--tw-gradient-to:rgba(37,99,235,.2) var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-blue-800\/20{--tw-gradient-to:rgba(30,64,175,.2) var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-500\/20{--tw-gradient-to:rgba(6,182,212,.2) var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-emerald-500\/20{--tw-gradient-to:rgba(16,185,129,.2) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-emerald-900\/80{--tw-gradient-to:rgba(6,78,59,.8) var(--tw-gradient-to-position)}.to-fuchsia-50{--tw-gradient-to:#fdf4ff var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)}.to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)}.to-gray-500\/10{--tw-gradient-to:hsla(220,9%,46%,.1) var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to:#374151 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-indigo-900\/50{--tw-gradient-to:rgba(49,46,129,.5) var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-orange-50\/70{--tw-gradient-to:rgba(255,247,237,.7) var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-500\/20{--tw-gradient-to:rgba(249,115,22,.2) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-orange-700\/10{--tw-gradient-to:rgba(194,65,12,.1) var(--tw-gradient-to-position)}.to-pink-100{--tw-gradient-to:#fce7f3 var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-pink-400\/10{--tw-gradient-to:rgba(244,114,182,.1) var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to:rgba(236,72,153,.2) var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-600\/20{--tw-gradient-to:rgba(147,51,234,.2) var(--tw-gradient-to-position)}.to-purple-800\/20{--tw-gradient-to:rgba(107,33,168,.2) var(--tw-gradient-to-position)}.to-purple-900{--tw-gradient-to:#581c87 var(--tw-gradient-to-position)}.to-purple-900\/95{--tw-gradient-to:rgba(88,28,135,.95) var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.to-slate-500{--tw-gradient-to:#64748b var(--tw-gradient-to-position)}.to-slate-800\/80{--tw-gradient-to:rgba(30,41,59,.8) var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-teal-500\/20{--tw-gradient-to:rgba(20,184,166,.2) var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}.to-yellow-500\/20{--tw-gradient-to:rgba(234,179,8,.2) var(--tw-gradient-to-position)}.to-yellow-800\/20{--tw-gradient-to:rgba(133,77,14,.2) var(--tw-gradient-to-position)}.to-zinc-100\/20{--tw-gradient-to:hsla(240,5%,96%,.2) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-\[family-name\:var\(--cr-font-ui\)\]{font-family:var(--cr-font-ui)}.font-inter{font-family:Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal}.ordinal,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--cr-accent\)\]{color:var(--cr-accent)}.text-\[var\(--cr-brand\)\]{color:var(--cr-brand)}.text-\[var\(--cr-text\)\]{color:var(--cr-text)}.text-\[var\(--cr-text-muted\)\]{color:var(--cr-text-muted)}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-amber-900\/80{color:rgba(120,53,15,.8)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.text-fuchsia-600{--tw-text-opacity:1;color:rgb(192 38 211/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-purple-100{--tw-text-opacity:1;color:rgb(243 232 255/var(--tw-text-opacity,1))}.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-violet-950{--tw-text-opacity:1;color:rgb(46 16 101/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-200\/70{color:hsla(53,98%,77%,.7)}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-emerald-700{text-decoration-color:#047857}.decoration-dotted{text-decoration-style:dotted}.decoration-2{text-decoration-thickness:2px}.decoration-4{text-decoration-thickness:4px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.accent-cyan-500{accent-color:#06b6d4}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(234\2c 179\2c 8\2c 0\.15\)\]{--tw-shadow:0 0 20px rgba(234,179,8,.15);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(234\2c 179\2c 8\2c 0\.15\)\],.shadow-\[3px_3px_0_0\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[3px_3px_0_0\]{--tw-shadow:3px 3px 0 0;--tw-shadow-colored:3px 3px 0 0 var(--tw-shadow-color)}.shadow-\[4px_4px_0_0\]{--tw-shadow:4px 4px 0 0;--tw-shadow-colored:4px 4px 0 0 var(--tw-shadow-color)}.shadow-\[4px_4px_0_0\],.shadow-\[5px_5px_0_0_rgba\(217\2c 119\2c 6\2c 0\.35\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[5px_5px_0_0_rgba\(217\2c 119\2c 6\2c 0\.35\)\]{--tw-shadow:5px 5px 0 0 rgba(217,119,6,.35);--tw-shadow-colored:5px 5px 0 0 var(--tw-shadow-color)}.shadow-\[8px_8px_0_0\]{--tw-shadow:8px 8px 0 0;--tw-shadow-colored:8px 8px 0 0 var(--tw-shadow-color)}.shadow-\[8px_8px_0_0\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-amber-600\/35{--tw-shadow-color:rgba(217,119,6,.35);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/40{--tw-shadow-color:rgba(6,182,212,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-600\/30{--tw-shadow-color:rgba(5,150,105,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-600\/30{--tw-shadow-color:rgba(220,38,38,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-violet-600\/25{--tw-shadow-color:rgba(124,58,237,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-yellow-500\/30{--tw-shadow-color:rgba(234,179,8,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-zinc-900{--tw-shadow-color:#18181b;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2,.ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-amber-200\/90{--tw-ring-color:hsla(48,97%,77%,.9)}.ring-amber-300\/60{--tw-ring-color:rgba(252,211,77,.6)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-blue-500\/30{--tw-ring-color:rgba(59,130,246,.3)}.ring-white\/30{--tw-ring-color:hsla(0,0%,100%,.3)}.ring-yellow-400{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.ring-yellow-500\/50{--tw-ring-color:rgba(234,179,8,.5)}.ring-zinc-900\/5{--tw-ring-color:rgba(24,24,27,.05)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:scale-125:hover,.hover\:scale-\[1\.01\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-cyan-500\/30:hover{border-color:rgba(6,182,212,.3)}.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.hover\:border-purple-400\/50:hover{border-color:rgba(192,132,252,.5)}.hover\:border-purple-500\/50:hover{border-color:rgba(168,85,247,.5)}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:bg-yellow-100:hover{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-600:hover{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-500:hover{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:rgba(185,28,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-yellow-600:hover{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgba(202,138,4,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-cyan-600:hover{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.hover\:to-emerald-600:hover{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.hover\:to-indigo-800:hover{--tw-gradient-to:#3730a3 var(--tw-gradient-to-position)}.hover\:to-orange-600:hover{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:to-red-600:hover{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.hover\:to-teal-600:hover{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.hover\:text-\[var\(--cr-brand\)\]:hover{color:var(--cr-brand)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-cyan-600:hover{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.hover\:text-pink-700:hover{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:rgba(59,130,246,.5);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-purple-500\/20:hover{--tw-shadow-color:rgba(168,85,247,.2);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-\[var\(--cr-brand\)\]:focus{--tw-ring-color:var(--cr-brand)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-blue-500\/20:focus{--tw-ring-color:rgba(59,130,246,.2)}.focus\:ring-blue-500\/40:focus{--tw-ring-color:rgba(59,130,246,.4)}.focus\:ring-cyan-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 243 252/var(--tw-ring-opacity,1))}.focus\:ring-cyan-500\/30:focus{--tw-ring-color:rgba(6,182,212,.3)}.focus\:ring-cyan-500\/50:focus{--tw-ring-color:rgba(6,182,212,.5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.99\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-amber-500\/40:is(.dark *){border-color:rgba(245,158,11,.4)}.dark\:border-amber-500\/55:is(.dark *){border-color:rgba(245,158,11,.55)}.dark\:border-amber-800\/50:is(.dark *){border-color:rgba(146,64,14,.5)}.dark\:border-cyan-800\/40:is(.dark *){border-color:rgba(21,94,117,.4)}.dark\:border-cyan-900\/30:is(.dark *){border-color:rgba(22,78,99,.3)}.dark\:border-emerald-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.dark\:border-emerald-800\/50:is(.dark *){border-color:rgba(6,95,70,.5)}.dark\:border-emerald-800\/60:is(.dark *){border-color:rgba(6,95,70,.6)}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-violet-500\/70:is(.dark *){border-color:rgba(139,92,246,.7)}.dark\:border-white:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.dark\:border-zinc-200:is(.dark *){--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.dark\:border-zinc-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.dark\:border-zinc-600\/40:is(.dark *){border-color:rgba(82,82,91,.4)}.dark\:border-zinc-600\/50:is(.dark *){border-color:rgba(82,82,91,.5)}.dark\:border-zinc-600\/60:is(.dark *){border-color:rgba(82,82,91,.6)}.dark\:border-zinc-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.dark\:border-zinc-700\/50:is(.dark *){border-color:rgba(63,63,70,.5)}.dark\:bg-amber-300:is(.dark *){--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.dark\:bg-amber-900\/20:is(.dark *){background-color:rgba(120,53,15,.2)}.dark\:bg-amber-950\/40:is(.dark *){background-color:rgba(69,26,3,.4)}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-cyan-300:is(.dark *){--tw-bg-opacity:1;background-color:rgb(103 232 249/var(--tw-bg-opacity,1))}.dark\:bg-cyan-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.dark\:bg-cyan-950\/20:is(.dark *){background-color:rgba(8,51,68,.2)}.dark\:bg-cyan-950\/30:is(.dark *){background-color:rgba(8,51,68,.3)}.dark\:bg-emerald-950\/40:is(.dark *){background-color:rgba(2,44,34,.4)}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/50:is(.dark *){background-color:rgba(15,23,42,.5)}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\:bg-zinc-800\/20:is(.dark *){background-color:rgba(39,39,42,.2)}.dark\:bg-zinc-800\/30:is(.dark *){background-color:rgba(39,39,42,.3)}.dark\:bg-zinc-800\/50:is(.dark *){background-color:rgba(39,39,42,.5)}.dark\:bg-zinc-800\/60:is(.dark *){background-color:rgba(39,39,42,.6)}.dark\:bg-zinc-800\/80:is(.dark *){background-color:rgba(39,39,42,.8)}.dark\:bg-zinc-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\:bg-zinc-900\/50:is(.dark *){background-color:rgba(24,24,27,.5)}.dark\:from-amber-950\/50:is(.dark *){--tw-gradient-from:rgba(69,26,3,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(69,26,3,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-950\/60:is(.dark *){--tw-gradient-from:rgba(2,44,34,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,44,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-950\/50:is(.dark *){--tw-gradient-from:rgba(46,16,101,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(46,16,101,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-zinc-900:is(.dark *){--tw-gradient-from:#18181b var(--tw-gradient-from-position);--tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-zinc-900\/90:is(.dark *){--tw-gradient-from:rgba(24,24,27,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:via-slate-900:is(.dark *){--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-zinc-900:is(.dark *){--tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#18181b var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-zinc-900\/60:is(.dark *){--tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(24,24,27,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-zinc-950:is(.dark *){--tw-gradient-to:rgba(9,9,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#09090b var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:to-slate-900:is(.dark *){--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.dark\:to-zinc-900:is(.dark *){--tw-gradient-to:#18181b var(--tw-gradient-to-position)}.dark\:to-zinc-950\/50:is(.dark *){--tw-gradient-to:rgba(9,9,11,.5) var(--tw-gradient-to-position)}.dark\:text-amber-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-200\/90:is(.dark *){color:hsla(48,97%,77%,.9)}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-cyan-200:is(.dark *){--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.dark\:text-emerald-100:is(.dark *){--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-fuchsia-400:is(.dark *){--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-violet-100:is(.dark *){--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity,1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-zinc-100:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.dark\:text-zinc-200:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.dark\:text-zinc-300:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dark\:text-zinc-400:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\:text-zinc-50:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\:decoration-emerald-300:is(.dark *){text-decoration-color:#6ee7b7}.dark\:shadow-\[5px_5px_0_0_rgba\(245\2c 158\2c 11\2c 0\.22\)\]:is(.dark *){--tw-shadow:5px 5px 0 0 rgba(245,158,11,.22);--tw-shadow-colored:5px 5px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-emerald-500\/25:is(.dark *){--tw-shadow-color:rgba(16,185,129,.25);--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-violet-500\/20:is(.dark *){--tw-shadow-color:rgba(139,92,246,.2);--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-white:is(.dark *){--tw-shadow-color:#fff;--tw-shadow:var(--tw-shadow-colored)}.dark\:ring-amber-400\/30:is(.dark *){--tw-ring-color:rgba(251,191,36,.3)}.dark\:ring-amber-400\/40:is(.dark *){--tw-ring-color:rgba(251,191,36,.4)}.dark\:ring-white\/5:is(.dark *){--tw-ring-color:hsla(0,0%,100%,.05)}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-cyan-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-zinc-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.dark\:hover\:bg-zinc-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:left-4{left:1rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-2{margin-left:.5rem}.sm\:ml-4{margin-left:1rem}.sm\:mr-3{margin-right:.75rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-3{margin-top:.75rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:h-36{height:9rem}.sm\:h-4{height:1rem}.sm\:h-48{height:12rem}.sm\:h-6{height:1.5rem}.sm\:h-screen{height:100vh}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-12{width:3rem}.sm\:w-16{width:4rem}.sm\:w-24{width:6rem}.sm\:w-40{width:10rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-\[130px\]{max-width:130px}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:gap-2{gap:.5rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-0{padding:0}.sm\:p-2{padding:.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-2{padding-bottom:.5rem;padding-top:.5rem}.sm\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.sm\:py-24{padding-bottom:6rem;padding-top:6rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pb-2\.5{padding-bottom:.625rem}.sm\:pb-4{padding-bottom:1rem}.sm\:align-middle{vertical-align:middle}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-full{grid-column:1/-1}.md\:mb-1{margin-bottom:.25rem}.md\:mb-2{margin-bottom:.5rem}.md\:mb-8{margin-bottom:2rem}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-40{height:10rem}.md\:h-56{height:14rem}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}.md\:w-40{width:10rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-none{max-width:none}.md\:shrink{flex-shrink:1}.md\:snap-none{scroll-snap-type:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.md\:divide-zinc-200\/50>:not([hidden])~:not([hidden]){border-color:hsla(240,6%,90%,.5)}.md\:overflow-visible{overflow:visible}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-3xl{border-radius:1.5rem}.md\:p-12{padding:3rem}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:pl-4{padding-left:1rem}.md\:pr-4{padding-right:1rem}.md\:pt-0{padding-top:0}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.dark\:md\:divide-zinc-700\/50:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgba(63,63,70,.5)}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:h-64{height:16rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.lg\:text-left{text-align:left}}.\[\&\>h1\]\:mb-4>h1{margin-bottom:1rem}.\[\&\>h1\]\:mt-8>h1{margin-top:2rem}.\[\&\>h1\]\:border-b>h1{border-bottom-width:1px}.\[\&\>h1\]\:pb-2>h1{padding-bottom:.5rem}.\[\&\>h1\]\:text-2xl>h1{font-size:1.5rem;line-height:2rem}.\[\&\>h1\]\:font-bold>h1{font-weight:700}.\[\&\>h1\]\:text-slate-900>h1{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.\[\&\>h2\]\:mb-3>h2{margin-bottom:.75rem}.\[\&\>h2\]\:mt-6>h2{margin-top:1.5rem}.\[\&\>h2\]\:text-xl>h2{font-size:1.25rem;line-height:1.75rem}.\[\&\>h2\]\:font-bold>h2{font-weight:700}.\[\&\>h2\]\:text-slate-900>h2{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.\[\&\>h3\]\:mb-2>h3{margin-bottom:.5rem}.\[\&\>h3\]\:mt-5>h3{margin-top:1.25rem}.\[\&\>h3\]\:text-lg>h3{font-size:1.125rem;line-height:1.75rem}.\[\&\>h3\]\:font-semibold>h3{font-weight:600}.\[\&\>h3\]\:text-slate-900>h3{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.\[\&\>h4\]\:mb-2>h4{margin-bottom:.5rem}.\[\&\>h4\]\:mt-4>h4{margin-top:1rem}.\[\&\>h4\]\:text-base>h4{font-size:1rem;line-height:1.5rem}.\[\&\>h4\]\:font-semibold>h4{font-weight:600}.\[\&\>h4\]\:text-slate-900>h4{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.\[\&\>li\]\:mb-1>li{margin-bottom:.25rem}.\[\&\>ol\]\:mb-4>ol{margin-bottom:1rem}.\[\&\>ol\]\:list-decimal>ol{list-style-type:decimal}.\[\&\>ol\]\:space-y-2>ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.\[\&\>ol\]\:pl-6>ol{padding-left:1.5rem}.\[\&\>p\]\:mb-4>p,.\[\&\>ul\]\:mb-4>ul{margin-bottom:1rem}.\[\&\>ul\]\:list-disc>ul{list-style-type:disc}.\[\&\>ul\]\:space-y-2>ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.\[\&\>ul\]\:pl-6>ul{padding-left:1.5rem}
/* theme.css */
/**
 * CrushRead — Modern Editorial Reader design tokens & base components
 * Ivory / midnight navy / emerald / amber
 */
:root {
  --cr-bg: #f7f4ef;
  --cr-bg-elevated: #fffdf9;
  --cr-surface: #ffffff;
  --cr-surface-soft: #f0ebe3;
  --cr-text: #1a2332;
  --cr-text-muted: #5c6675;
  --cr-border: #e4ddd2;
  --cr-brand: #0f766e;
  --cr-brand-hover: #0d9488;
  --cr-brand-soft: #ccfbf1;
  --cr-accent: #d97706;
  --cr-accent-soft: #fef3c7;
  --cr-danger: #b91c1c;
  --cr-success: #047857;
  --cr-shadow: 0 1px 2px rgba(26, 35, 50, 0.06), 0 8px 24px rgba(26, 35, 50, 0.06);
  --cr-shadow-sm: 0 1px 2px rgba(26, 35, 50, 0.05);
  --cr-radius: 14px;
  --cr-radius-sm: 10px;
  --cr-radius-lg: 20px;
  --cr-focus: 0 0 0 3px rgba(15, 118, 110, 0.28);
  --cr-font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cr-font-display: "Source Serif 4", "Source Serif 4 Fallback", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --cr-reader-max: 720px;
  --cr-header-h: 4rem;
  color-scheme: light;
}

html.dark-mode,
html.dark {
  --cr-bg: #0b1220;
  --cr-bg-elevated: #121a2b;
  --cr-surface: #151e30;
  --cr-surface-soft: #1c2740;
  --cr-text: #eef2f7;
  --cr-text-muted: #9aa6b8;
  --cr-border: #2a364d;
  --cr-brand: #2dd4bf;
  --cr-brand-hover: #5eead4;
  --cr-brand-soft: rgba(45, 212, 191, 0.14);
  --cr-accent: #fbbf24;
  --cr-accent-soft: rgba(251, 191, 36, 0.14);
  --cr-danger: #f87171;
  --cr-success: #34d399;
  --cr-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.35);
  --cr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --cr-focus: 0 0 0 3px rgba(45, 212, 191, 0.35);
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--cr-font-ui);
  background: var(--cr-bg);
  color: var(--cr-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.m-auto {
  background: var(--cr-bg);
  color: var(--cr-text);
}

a {
  color: var(--cr-brand);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--cr-brand-hover);
}

:focus-visible {
  outline: none;
  box-shadow: var(--cr-focus);
}

.cr-display {
  font-family: var(--cr-font-display);
  letter-spacing: -0.02em;
}

.cr-kicker {
  font-family: var(--cr-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cr-brand);
}

.cr-card {
  background: var(--cr-surface);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  box-shadow: var(--cr-shadow-sm);
}

.cr-card-soft {
  background: var(--cr-surface-soft);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
}

.cr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.65rem 1.15rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-family: var(--cr-font-ui);
  font-size: 0.925rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.cr-btn:active {
  transform: translateY(1px);
}

.cr-btn-primary {
  background: var(--cr-brand);
  color: #fff !important;
}

.cr-btn-primary:hover {
  background: var(--cr-brand-hover);
  color: #fff !important;
}

html.dark-mode .cr-btn-primary,
html.dark .cr-btn-primary {
  color: #042f2e !important;
}

.cr-btn-ghost {
  background: transparent;
  border-color: var(--cr-border);
  color: var(--cr-text) !important;
}

.cr-btn-ghost:hover {
  background: var(--cr-surface-soft);
  border-color: var(--cr-brand);
  color: var(--cr-brand) !important;
}

.cr-btn-accent {
  background: var(--cr-accent);
  color: #1a1205 !important;
}

.cr-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: var(--cr-brand-soft);
  color: var(--cr-brand);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none !important;
}

.cr-input {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.65rem 0.95rem;
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius-sm);
  background: var(--cr-surface);
  color: var(--cr-text);
  font-family: var(--cr-font-ui);
}

.cr-input:focus {
  border-color: var(--cr-brand);
  box-shadow: var(--cr-focus);
  outline: none;
}

.cr-shell {
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.cr-section {
  padding: 2.5rem 0;
}

.cr-section-title {
  font-family: var(--cr-font-display);
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 600;
  color: var(--cr-text);
  margin: 0 0 0.35rem;
}

.cr-section-sub {
  color: var(--cr-text-muted);
  margin: 0 0 1.5rem;
  max-width: 40rem;
}

.cr-cover {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: var(--cr-radius-sm);
  background: var(--cr-surface-soft);
}

.cr-novel-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  text-decoration: none !important;
  color: inherit;
}

.cr-novel-card:hover .cr-cover {
  box-shadow: var(--cr-shadow);
}

.cr-novel-card h3 {
  font-family: var(--cr-font-display);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  color: var(--cr-text);
}

.cr-novel-card p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cr-text-muted);
}

.cr-empty {
  text-align: center;
  padding: 3rem 1.25rem;
  border: 1px dashed var(--cr-border);
  border-radius: var(--cr-radius);
  background: var(--cr-surface);
  color: var(--cr-text-muted);
}

.cr-skeleton {
  background: linear-gradient(90deg, var(--cr-surface-soft) 25%, var(--cr-border) 50%, var(--cr-surface-soft) 75%);
  background-size: 200% 100%;
  animation: cr-shimmer 1.2s ease-in-out infinite;
  border-radius: var(--cr-radius-sm);
}

@keyframes cr-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes cr-spin {
  to { transform: rotate(360deg); }
}

/* Shared theme spinner */
.cr-spinner {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 999px;
  border: 3px solid color-mix(in srgb, var(--cr-brand) 24%, transparent);
  border-top-color: var(--cr-brand);
  animation: cr-spin 0.7s linear infinite;
  vertical-align: middle;
}
.cr-spinner--sm {
  width: 1rem;
  height: 1rem;
  border-width: 2px;
}
.cr-spinner--lg {
  width: 2.5rem;
  height: 2.5rem;
  border-width: 4px;
}
.cr-spinner--xl {
  width: 3rem;
  height: 3rem;
  border-width: 4px;
}
.cr-spinner--accent {
  border-color: color-mix(in srgb, var(--cr-accent) 24%, transparent);
  border-top-color: var(--cr-accent);
}

/* Map legacy Tailwind spinner colors → Appearance brand */
.animate-spin.border-blue-500.border-t-transparent,
.animate-spin.border-rose-500.border-t-transparent,
.border-4.border-blue-500.border-t-transparent,
.border-2.border-blue-500.border-t-transparent,
.border-4.border-rose-500.border-t-transparent {
  border-color: color-mix(in srgb, var(--cr-brand) 28%, transparent) !important;
  border-top-color: transparent !important;
}

.animate-spin.border-t-2.border-b-2.border-blue-500,
.animate-spin.border-t-2.border-b-2.border-rose-500,
.border-t-2.border-b-2.border-blue-500,
.border-t-2.border-b-2.border-rose-500 {
  border-top-color: var(--cr-brand) !important;
  border-bottom-color: var(--cr-brand) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.fa-spinner,
.fa-spin.fa-spinner {
  color: var(--cr-brand);
}

/* Covers first paint until deferred CSS load events fire (see page_loader.php). */
#cr-page-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden auto;
  background: var(--cr-bg);
  color: var(--cr-text);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#cr-page-loader.cr-loader-leave {
  animation: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 140ms ease, visibility 140ms ease;
}

.cr-loader-shell {
  width: min(100% - 2rem, 72rem);
  margin: 0 auto;
  padding: 1.25rem 0 3rem;
}

.cr-loader-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
  margin-bottom: 1.25rem;
}

.cr-loader-block {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: color-mix(in srgb, var(--cr-brand) 10%, var(--cr-surface-soft));
}

.cr-loader-block::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--cr-surface) 72%, transparent),
    transparent
  );
  animation: cr-loader-shimmer 1.15s ease-in-out infinite;
}

@keyframes cr-loader-shimmer {
  100% { transform: translateX(100%); }
}

.cr-loader-brand { width: 9rem; height: 2rem; }
.cr-loader-actions { width: 7rem; height: 2rem; }
.cr-loader-hero {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius-lg);
  background: var(--cr-surface);
}
.cr-loader-cover { aspect-ratio: 2 / 3; height: auto; }
.cr-loader-copy { padding: 0.5rem 0; }
.cr-loader-line { height: 0.85rem; margin-bottom: 0.7rem; }
.cr-loader-line.lg { width: 82%; height: 2.2rem; margin-bottom: 1rem; }
.cr-loader-line.md { width: 62%; }
.cr-loader-line.sm { width: 38%; }
.cr-loader-pills { display: flex; gap: 0.55rem; margin: 1.15rem 0; }
.cr-loader-pill { width: 5.5rem; height: 2rem; border-radius: 999px; }
.cr-loader-buttons { display: flex; gap: 0.75rem; margin-top: 1.4rem; }
.cr-loader-button { width: 10rem; height: 2.75rem; border-radius: 999px; }
.cr-loader-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.cr-loader-card {
  height: 8.5rem;
  padding: 0.8rem;
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  background: var(--cr-surface);
}
.cr-loader-reader {
  width: min(100%, var(--cr-reader-max));
  margin: 1rem auto 0;
  padding: 2rem 0;
}
.cr-loader-reader .cr-loader-line { margin-bottom: 1rem; }

@media (max-width: 640px) {
  .cr-loader-shell { width: min(100% - 1.25rem, 72rem); }
  .cr-loader-hero { grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.85rem; padding: 0.75rem; }
  .cr-loader-line.lg { height: 1.4rem; }
  .cr-loader-grid { grid-template-columns: 1fr; }
  .cr-loader-card { height: 6.5rem; }
  .cr-loader-pills { display: none; }
  .cr-loader-button { width: 7rem; }
}

/* Phones/tablets: the real home and novel heroes are full-bleed with square corners, so the skeleton is too
   (otherwise a rounded, inset card flashes and then snaps to the edges when the page appears). */
@media (max-width: 767px) {
  .cr-loader-hero { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-left: 0; border-right: 0; border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-loader-block::after {
    animation: none;
  }
}

/* Site header — editorial */
#cr-header-root {
  font-family: var(--cr-font-ui);
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--cr-bg-elevated) 92%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--cr-border);
}

#cr-header-root .cr-font-display,
.cr-font-display {
  font-family: var(--cr-font-display);
}

.cr-panel {
  border: 1px solid var(--cr-border) !important;
  background: var(--cr-surface) !important;
  border-radius: var(--cr-radius) !important;
  box-shadow: var(--cr-shadow) !important;
}

.cr-brand-mark {
  width: 2.4rem !important;
  height: 2.4rem !important;
  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, var(--cr-brand) 0%, #115e59 100%) !important;
  color: #ecfdf5 !important;
  box-shadow: none !important;
}

.cr-brand-title {
  font-family: var(--cr-font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: var(--cr-text) !important;
}

.cr-brand-sub {
  color: var(--cr-brand) !important;
  letter-spacing: 0.16em !important;
}

.cr-brand-link:hover .cr-brand-title {
  color: var(--cr-brand) !important;
}

/* Footer editorial */
.custom-footer {
  background: var(--cr-bg-elevated) !important;
  color: var(--cr-text-muted) !important;
  border-top: 1px solid var(--cr-border) !important;
}

.footer-heading {
  color: var(--cr-text) !important;
  font-family: var(--cr-font-display) !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

.footer-tag {
  background: var(--cr-surface-soft) !important;
  color: var(--cr-text) !important;
  border-radius: 999px !important;
}

.footer-tag:hover {
  background: var(--cr-brand) !important;
  color: #fff !important;
}

.footer-icon {
  background: var(--cr-surface-soft) !important;
  color: var(--cr-text) !important;
  border-radius: 12px !important;
}

.footer-icon:hover {
  background: var(--cr-brand) !important;
  color: #fff !important;
}

/* Back to top */
#topBtn {
  background: var(--cr-brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: var(--cr-shadow) !important;
}

#topBtn:hover {
  background: var(--cr-brand-hover) !important;
}

/* Soften legacy brutalist / purple utilities on shared shell */
.border-zinc-900,
.dark\:border-white {
  border-color: var(--cr-border) !important;
}

.shadow-\[4px_4px_0_0\],
.shadow-\[8px_8px_0_0\],
.shadow-\[3px_3px_0_0\],
.shadow-\[5px_5px_0_0\] {
  box-shadow: var(--cr-shadow-sm) !important;
}

/* Reader content width helper */
.cr-reader-column {
  max-width: var(--cr-reader-max);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 640px) {
  .cr-section {
    padding: 1.75rem 0;
  }
}

/* —— Site theme packs (Appearance modal) —— */
html[data-cr-theme="ivory-gold"] {
  --cr-bg: #faf7f2;
  --cr-bg-elevated: #fffdf8;
  --cr-surface: #ffffff;
  --cr-surface-soft: #f3ebe0;
  --cr-text: #1c1917;
  --cr-text-muted: #78716c;
  --cr-border: #e7dccb;
  --cr-brand: #b8893d;
  --cr-brand-hover: #c59d5f;
  --cr-brand-soft: #f5e6c8;
  --cr-accent: #c59d5f;
  --cr-accent-soft: #f8efd9;
  --cr-focus: 0 0 0 3px rgba(184, 137, 61, 0.28);
}
html.dark-mode[data-cr-theme="ivory-gold"],
html.dark[data-cr-theme="ivory-gold"] {
  --cr-bg: #14110e;
  --cr-bg-elevated: #1b1713;
  --cr-surface: #221d18;
  --cr-surface-soft: #2a241e;
  --cr-text: #f5efe6;
  --cr-text-muted: #b7a99a;
  --cr-border: #3a322a;
  --cr-brand: #e0b45c;
  --cr-brand-hover: #f0c56e;
  --cr-brand-soft: rgba(224, 180, 92, 0.16);
  --cr-accent: #e0b45c;
  --cr-accent-soft: rgba(224, 180, 92, 0.14);
  --cr-focus: 0 0 0 3px rgba(224, 180, 92, 0.32);
}

html[data-cr-theme="warm-library"] {
  --cr-bg: #f3ebe0;
  --cr-bg-elevated: #faf4eb;
  --cr-surface: #fffaf3;
  --cr-surface-soft: #ebe0d2;
  --cr-text: #2a2118;
  --cr-text-muted: #7a6a58;
  --cr-border: #dfd0bd;
  --cr-brand: #8b5e34;
  --cr-brand-hover: #a47244;
  --cr-brand-soft: #ead7c2;
  --cr-accent: #c4843c;
  --cr-accent-soft: #f3e0c8;
  --cr-focus: 0 0 0 3px rgba(139, 94, 52, 0.28);
}
html.dark-mode[data-cr-theme="warm-library"],
html.dark[data-cr-theme="warm-library"] {
  --cr-bg: #17120e;
  --cr-bg-elevated: #1f1813;
  --cr-surface: #261e17;
  --cr-surface-soft: #32271e;
  --cr-text: #f4ebe1;
  --cr-text-muted: #b8a490;
  --cr-border: #3d3228;
  --cr-brand: #d4a574;
  --cr-brand-hover: #e0b68a;
  --cr-brand-soft: rgba(212, 165, 116, 0.16);
  --cr-accent: #e0a35c;
  --cr-accent-soft: rgba(224, 163, 92, 0.14);
  --cr-focus: 0 0 0 3px rgba(212, 165, 116, 0.32);
}

html[data-cr-theme="emerald-ink"] {
  --cr-bg: #f7f4ef;
  --cr-bg-elevated: #fffdf9;
  --cr-surface: #ffffff;
  --cr-surface-soft: #f0ebe3;
  --cr-text: #1a2332;
  --cr-text-muted: #5c6675;
  --cr-border: #e4ddd2;
  --cr-brand: #0f766e;
  --cr-brand-hover: #0d9488;
  --cr-brand-soft: #ccfbf1;
  --cr-accent: #d97706;
  --cr-accent-soft: #fef3c7;
  --cr-focus: 0 0 0 3px rgba(15, 118, 110, 0.28);
}
html.dark-mode[data-cr-theme="emerald-ink"],
html.dark[data-cr-theme="emerald-ink"] {
  --cr-bg: #0b1220;
  --cr-bg-elevated: #121a2b;
  --cr-surface: #151e30;
  --cr-surface-soft: #1c2740;
  --cr-text: #eef2f7;
  --cr-text-muted: #9aa6b8;
  --cr-border: #2a364d;
  --cr-brand: #2dd4bf;
  --cr-brand-hover: #5eead4;
  --cr-brand-soft: rgba(45, 212, 191, 0.14);
  --cr-accent: #fbbf24;
  --cr-accent-soft: rgba(251, 191, 36, 0.14);
  --cr-focus: 0 0 0 3px rgba(45, 212, 191, 0.35);
}

html[data-cr-theme="midnight-gold"] {
  --cr-bg: #eef1f6;
  --cr-bg-elevated: #f7f8fb;
  --cr-surface: #ffffff;
  --cr-surface-soft: #e5e9f0;
  --cr-text: #152033;
  --cr-text-muted: #5b667a;
  --cr-border: #d5dbe6;
  --cr-brand: #1e3a5f;
  --cr-brand-hover: #2a4d7a;
  --cr-brand-soft: #d9e4f2;
  --cr-accent: #c59d5f;
  --cr-accent-soft: #f3e7d0;
  --cr-focus: 0 0 0 3px rgba(30, 58, 95, 0.28);
}
html.dark-mode[data-cr-theme="midnight-gold"],
html.dark[data-cr-theme="midnight-gold"] {
  --cr-bg: #0a0f18;
  --cr-bg-elevated: #101826;
  --cr-surface: #141c2b;
  --cr-surface-soft: #1b2538;
  --cr-text: #eef2f7;
  --cr-text-muted: #9aa6b8;
  --cr-border: #2a364d;
  --cr-brand: #e0b45c;
  --cr-brand-hover: #f0c56e;
  --cr-brand-soft: rgba(224, 180, 92, 0.14);
  --cr-accent: #e0b45c;
  --cr-accent-soft: rgba(224, 180, 92, 0.12);
  --cr-focus: 0 0 0 3px rgba(224, 180, 92, 0.32);
}

html[data-cr-theme="classic"] {
  --cr-bg: #f4f5f7;
  --cr-bg-elevated: #fbfbfc;
  --cr-surface: #ffffff;
  --cr-surface-soft: #eceef2;
  --cr-text: #1f2937;
  --cr-text-muted: #6b7280;
  --cr-border: #e5e7eb;
  --cr-brand: #475569;
  --cr-brand-hover: #334155;
  --cr-brand-soft: #e2e8f0;
  --cr-accent: #64748b;
  --cr-accent-soft: #eef2f7;
  --cr-focus: 0 0 0 3px rgba(71, 85, 105, 0.28);
}
html.dark-mode[data-cr-theme="classic"],
html.dark[data-cr-theme="classic"] {
  --cr-bg: #0f141b;
  --cr-bg-elevated: #161c25;
  --cr-surface: #1a222d;
  --cr-surface-soft: #232c39;
  --cr-text: #eef2f7;
  --cr-text-muted: #9aa6b8;
  --cr-border: #2d3748;
  --cr-brand: #94a3b8;
  --cr-brand-hover: #cbd5e1;
  --cr-brand-soft: rgba(148, 163, 184, 0.16);
  --cr-accent: #94a3b8;
  --cr-accent-soft: rgba(148, 163, 184, 0.12);
  --cr-focus: 0 0 0 3px rgba(148, 163, 184, 0.32);
}

html[data-cr-theme="rose-blush"] {
  --cr-bg: #faf4f6;
  --cr-bg-elevated: #fff8fa;
  --cr-surface: #ffffff;
  --cr-surface-soft: #f6e8ee;
  --cr-text: #2a1a22;
  --cr-text-muted: #8a6a76;
  --cr-border: #ebd5de;
  --cr-brand: #c45b7a;
  --cr-brand-hover: #d4738f;
  --cr-brand-soft: #f9dce6;
  --cr-accent: #e08a5b;
  --cr-accent-soft: #fce8dc;
  --cr-focus: 0 0 0 3px rgba(196, 91, 122, 0.28);
}
html.dark-mode[data-cr-theme="rose-blush"],
html.dark[data-cr-theme="rose-blush"] {
  --cr-bg: #160e12;
  --cr-bg-elevated: #1e1419;
  --cr-surface: #251820;
  --cr-surface-soft: #302028;
  --cr-text: #f8eef2;
  --cr-text-muted: #c4a0ae;
  --cr-border: #3d2a34;
  --cr-brand: #f0a0b8;
  --cr-brand-hover: #f7b8c9;
  --cr-brand-soft: rgba(240, 160, 184, 0.16);
  --cr-accent: #f0b48a;
  --cr-accent-soft: rgba(240, 180, 138, 0.14);
  --cr-focus: 0 0 0 3px rgba(240, 160, 184, 0.32);
}

html[data-cr-theme="violet-mist"] {
  --cr-bg: #f5f3f9;
  --cr-bg-elevated: #fbfaff;
  --cr-surface: #ffffff;
  --cr-surface-soft: #ebe6f4;
  --cr-text: #1e1830;
  --cr-text-muted: #6f6688;
  --cr-border: #ddd5eb;
  --cr-brand: #6d5a9c;
  --cr-brand-hover: #7f6bb3;
  --cr-brand-soft: #e6dff5;
  --cr-accent: #c084b8;
  --cr-accent-soft: #f3e4f0;
  --cr-focus: 0 0 0 3px rgba(109, 90, 156, 0.28);
}
html.dark-mode[data-cr-theme="violet-mist"],
html.dark[data-cr-theme="violet-mist"] {
  --cr-bg: #100e18;
  --cr-bg-elevated: #17141f;
  --cr-surface: #1d1928;
  --cr-surface-soft: #282235;
  --cr-text: #f0ecf8;
  --cr-text-muted: #aea3c8;
  --cr-border: #342e45;
  --cr-brand: #b8a4e8;
  --cr-brand-hover: #cabaef;
  --cr-brand-soft: rgba(184, 164, 232, 0.16);
  --cr-accent: #e0a8d4;
  --cr-accent-soft: rgba(224, 168, 212, 0.14);
  --cr-focus: 0 0 0 3px rgba(184, 164, 232, 0.32);
}

/* CrushReel: cinema black / soft grey surfaces with the Rose Blush pink accents. */
html[data-cr-theme="crushreel"] {
  --cr-bg: #f4f5f7;
  --cr-bg-elevated: #fafbfc;
  --cr-surface: #ffffff;
  --cr-surface-soft: #eceef2;
  --cr-text: #121418;
  --cr-text-muted: #5d6370;
  --cr-border: #dde0e6;
  --cr-brand: #c45b7a;
  --cr-brand-hover: #d4738f;
  --cr-brand-soft: #f9dce6;
  --cr-accent: #e08a5b;
  --cr-accent-soft: #fce8dc;
  --cr-focus: 0 0 0 3px rgba(196, 91, 122, 0.28);
}
html.dark-mode[data-cr-theme="crushreel"],
html.dark[data-cr-theme="crushreel"] {
  --cr-bg: #050505;
  --cr-bg-elevated: #0e0e10;
  --cr-surface: #141416;
  --cr-surface-soft: #1f1f23;
  --cr-text: #f2f3f5;
  --cr-text-muted: #a3a6ad;
  --cr-border: #2a2b30;
  --cr-brand: #f0a0b8;
  --cr-brand-hover: #f7b8c9;
  --cr-brand-soft: rgba(240, 160, 184, 0.16);
  --cr-accent: #f0b48a;
  --cr-accent-soft: rgba(240, 180, 138, 0.14);
  --cr-focus: 0 0 0 3px rgba(240, 160, 184, 0.32);
}


/* index.css */
.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rank,.spinner{border-radius:50%}.merriweather-black,.merriweather-bold,.merriweather-light,.merriweather-regular,body{font-family:Merriweather,serif;font-style:normal}.dark-mode .grid.grid-cols-1.md\:grid-cols-2.gap-8.p-2.md\:p-6.rounded-lg.shadow-lg,.dark-mode .rounded-md.shadow-lg.p-2,.dark-mode .w-full.md\:col-span-2.rounded-md.shadow-lg.p-2,header{background:#06121e}.bg-gradient-to-b{background:linear-gradient(to bottom,#1a202c,#2d3748)}.bg-gradient-to-t{background:linear-gradient(to top,#a5d8ff,transparent)}.transform{transform-origin:bottom left}.skew-y-6{transform:skewY(-6deg)}.spinner{border-top-color:transparent;border-right-color:transparent;border-width:4px;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{100%{transform:rotate(360deg)}}h3.text-lg.font-semibold.text-gray-500{font-size:15px;font-weight:700}.story-titles{position:absolute;bottom:0;width:100%;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;padding:.2rem}.story-container,.story-containers,.tabs-container{position:relative}hr.dashed-line{margin-top:66px;border-top-width:5px;background:#ff2b2b;border-color:#8800b1}.story-containers{overflow:hidden;height:16rem}.story-containers:hover .story-image{transform:scale(1.1)}.story-container{width:7.7rem;height:11.6rem}.story-image{transition:transform .3s;width:100%;height:100%;object-fit:cover}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1}button.tab-button.w-3.h-3.rounded-full.bg-orange-500{background:#639}i.fa-brands.fa-bitcoin{color:#ffa400}i.fa-solid.fa-fire{color:red}.story-title{transition:color .3s}.chapter-number,.story-title:hover{color:orange}.elapsed-time,.genre{color:gray}.genre{font-size:smaller}.chapter-container{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e0e0e0}.left-section{flex:1}.right-section{text-align:right}#topBtn,.mobile-container{display:none}@media (max-width:768px){.table-container{display:none}.mobile-container{display:block}}.rank,.tab-contents,h2.logo{display:flex}.recommended-read,.top-read{display:flex;align-items:center;padding:4px 0}.recommended-read span,.top-read span{margin-right:8px}.rank{align-items:center;justify-content:center;width:24px;height:24px;color:#fff}.rank-1{background-color:#ff4500}.rank-2{background-color:#ff8c00}.rank-3{background-color:orange}.rank-4-10{border:2px solid gray;color:gray}.tab-contents{transition:transform .5s ease-in-out}.tab-content{min-width:100%}.tab-button{width:1rem;height:1rem;border-radius:9999px;background-color:#d1d5db}.tab-button.bg-orange-500,.tabs-nav button.active{background-color:#f97316}main.flex-grow.p-4.max-w-screen-xl.mx-auto{max-width:1420px;color:#dfdfdf}body{--tw-bg-opacity:1;font-size:.875rem;line-height:1.25rem;font-optical-sizing:auto;margin:auto;top:0!important}.merriweather-light{font-weight:300}.merriweather-regular{font-weight:400}.merriweather-bold{font-weight:700}.merriweather-black{font-weight:900}.merriweather-black-italic,.merriweather-bold-italic,.merriweather-light-italic,.merriweather-regular-italic{font-family:Merriweather,serif;font-style:italic}.merriweather-light-italic{font-weight:300}.merriweather-regular-italic{font-weight:400}.merriweather-bold-italic{font-weight:700}.merriweather-black-italic{font-weight:900}#cookieConsent{display:none;position:fixed;bottom:0;left:0;right:0;padding:1rem;background-color:#2d3748;color:#fff;text-align:center;z-index:1000}#cookieConsent button{background-color:#3b82f6;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.375rem;margin-left:1rem;cursor:pointer;transition:background-color .3s ease-in-out}#cookieConsent button:hover{background-color:#2563eb}#mode-toggle{cursor:pointer;width:28px}.logo{font-size:25px;font-family:"Rubik Gemstones",system-ui;background:linear-gradient(90deg,#14e6ff,#ff7f00,#83833d,#0f0,#00f,indigo,#8b00ff);background-size:600% 100%;color:transparent;background-clip:text;animation:10s linear infinite rainbow;padding:1px;font-weight:700}#mobile-search-input{font-size:16px}.light-mode{background:#f0f0f0;color:#000}.dark-mode,main{color:#dfdfdf}.dark-mode{background:#25283d}header{font-weight:600}.text-gray-500{color:#222}.dark-mode .text-gray-700{color:#969595}.dark-mode main{background:#060d14}.bg-gray-100{background:#f5f5f5}.dark-mode .bg-gray-100{background:#2f25417a}@media (min-width:1024px){.lg\:flex{display:flex;gap:1.2rem}}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:grid{display:grid}.absolute.hidden.group-hover\:grid.bg-gray-800.text-white.p-4.grid-cols-1.lg\:grid-cols-3.gap-2{width:470px;z-index:100}a.block.hover\:text-orange-400{padding:8px}a.block.hover\:text-orange-400:hover{color:#d2691e}.dark-mode .grid.grid-cols-2.gap-4{background:#1f2937}.absolute.hidden.group-hover\:block.bg-gray-800.text-white.p-4.space-y-2.w-48{z-index:100}.toggle-dot{transition:transform .3s,background-color .3s}.toggle-checked .toggle-dot{transform:translateX(1.5rem)}.toggle-bg{transition:background-color .3s}.toggle-checked .toggle-bg{background-color:#f59e0b}.light-mode .text-gray-500{--tw-text-opacity:1;color:#222}.light-mode .grid.grid-cols-1.md\:grid-cols-2.gap-8.p-2.md\:p-6.rounded-lg.shadow-lg,.light-mode .rounded-md.shadow-lg.p-2,.light-mode .w-full.md\:col-span-2.rounded-md.shadow-lg.p-2{background:#f2e7ee61}.dark-mode .text-gray-500{color:#fff}.text-gray-700{font-size:13px}#google_translate_element img,.goog-te-banner-frame,.goog-te-gadget .VIpgJd-ZVi9od-l4eHX-hSRGPd,.goog-te-gadget-icon,iframe#\:1\.container{display:none!important}select.goog-te-combo{width:117px}.skiptranslate.goog-te-gadget{position:absolute;left:50%;transform:translateX(-50%);top:47px;z-index:1;height:20px}.quangcao{justify-items:center}.rotate-animation{animation:rotate .5s ease-in-out}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-container{width:100%;text-align:center}.light-mode{background:#f0f0f0;color:#000}.dark-mode{background:#060d14;color:#dfdfdf}header{font-weight:600;background:#06121E}.text-gray-500{color:#000}.dark-mode .text-gray-500{color:#fff}.text-gray-700{font-size:13px}.dark-mode .text-gray-700{color:#969595}main{color:#dfdfdf}.dark-mode main{background:#060d14}.bg-gray-100{background:#f5f5f5}.dark-mode .bg-gray-100{background:#2f25417a}.dark-mode tr.bg-gray-100{background:#2f25417}.light-mode tr.bg-gray-100{background:#e5e5e5}.dark-mode .grid.grid-cols-1.md\:grid-cols-2.gap-8.p-2.md\:p-6.rounded-lg.shadow-lg{background:#06121E}.light-mode .grid.grid-cols-1.md\:grid-cols-2.gap-8.p-2.md\:p-6.rounded-lg.shadow-lg{background:#ffffff61}.dark-mode .rounded-md.shadow-lg.p-2{background:#06121E}.light-mode .rounded-md.shadow-lg.p-2{background:#ffffff61}.dark-mode .w-full.md\:col-span-2.rounded-md.shadow-lg.p-2{background:#06121E}.light-mode .w-full.md\:col-span-2.rounded-md.shadow-lg.p-2{background:#dadada61}.toggle-dot{transition:transform .3s ease,background-color .3s ease}.toggle-checked .toggle-dot{transform:translateX(1.5rem)}.toggle-bg{transition:background-color .3s ease}.toggle-checked .toggle-bg{background-color:#f59e0b}header.sticky{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}@media (max-width: 768px){header.sticky.scrolled-down{transform:translateY(-100%)}header.sticky.scrolled-up{transform:translateY(0)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.group:hover .animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);background-size:200px 100%}@media (max-width: 640px){.aspect-\[3\/4\]{aspect-ratio:3/4}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-stroke{-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;color:transparent;text-shadow:2px 2px 0 #333333,4px 4px 0 #222222,6px 6px 0 #111111,8px 8px 10px rgba(0,0,0,0.5);transform:perspective(500px) rotateX(10deg)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes progressComplete{from{width:0}to{width:100%}}.group:hover .animate-progress{animation:progressComplete 1.5s ease-in-out}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.desktop-thumbnail{width:60px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;flex-shrink:0;transform:scale(0.9);opacity:.7;position:relative}.desktop-thumbnail:hover{transform:scale(0.95);opacity:.9}.desktop-thumbnail.active{border-color:#eab308;transform:scale(1.1);opacity:1;box-shadow:0 0 15px rgba(234,179,8,0.6);z-index:10}.desktop-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.1) saturate(1.1)}.mobile-dot{width:6px;height:6px;border-radius:50%;cursor:pointer;transition:all .3s ease;background:rgba(255,255,255,0.4)}.mobile-dot:hover{background:rgba(255,255,255,0.6);transform:scale(1.3)}.mobile-dot.active{background:#eab308;transform:scale(1.3);box-shadow:0 0 8px rgba(234,179,8,0.8)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}*{transition-property:color,background-color,border-color,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms}.content-fade{opacity:.7;transform:translateY(5px)}.content-show{opacity:1;transform:translateY(0);transition:all .4s ease}.backdrop-blur-sm{backdrop-filter:blur(4px)}button:focus{outline:2px solid #eab308;outline-offset:2px}.drop-shadow{filter:drop-shadow(0 1px 2px #000)}.drop-shadow-lg{filter:drop-shadow(0 4px 6px #000)}@media (max-width: 768px){.h-\[350px\]{height:400px}}
/* editorial-pages.css */
/**
 * Page-level Modern Editorial Reader overrides
 * Softens legacy brutalist / blue / purple skins toward theme tokens.
 */

/* —— Home —— */
#home-root,
#home-page,
.home-editorial,
.wn-container {
  font-family: var(--cr-font-ui);
  color: var(--cr-text);
  background: transparent;
}

#home-root h1,
#home-root h2,
#home-root .cr-font-display,
#home-page h1,
#home-page h2,
#home-page .cr-font-display,
.home-editorial h1,
.home-editorial h2 {
  font-family: var(--cr-font-display);
  letter-spacing: -0.02em;
}

#home-root .border-zinc-900,
#home-root .border-4,
#home-page .border-zinc-900,
#home-page .border-4,
.home-editorial .border-4 {
  border-width: 1px !important;
  border-color: var(--cr-border) !important;
  border-radius: var(--cr-radius) !important;
}

#home-root [class*="shadow-[4px"],
#home-root [class*="shadow-[8px"],
#home-root [class*="shadow-[3px"],
#home-page [class*="shadow-[4px"],
#home-page [class*="shadow-[8px"],
#home-page [class*="shadow-[10px"],
#home-page [class*="shadow-[3px"] {
  box-shadow: var(--cr-shadow-sm) !important;
}

#home-root .bg-zinc-900,
#home-root .bg-zinc-50,
#home-root .bg-white,
#home-page .bg-zinc-900,
#home-page .bg-zinc-50,
#home-page .bg-white {
  background-color: var(--cr-surface) !important;
}

#home-root .text-cyan-600,
#home-root .text-cyan-400,
#home-root a.text-cyan-600,
#home-page .text-cyan-600,
#home-page .text-cyan-400,
#home-page a.text-cyan-600 {
  color: var(--cr-brand) !important;
}

#home-page .bg-cyan-300,
#home-page .bg-cyan-400,
#home-page .bg-cyan-500,
#home-page .hover\:bg-cyan-500:hover {
  background-color: var(--cr-brand) !important;
  color: #fff !important;
}

#home-page a[href^="/read/"].bg-zinc-900,
#home-page a[href^="/read/"].dark\:bg-white {
  background: var(--cr-brand) !important;
  border-color: var(--cr-brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

#home-page a[href^="/read/"].bg-zinc-900:hover {
  background: var(--cr-brand-hover) !important;
  color: #fff !important;
}

#home-page .text-zinc-900,
#home-page .dark\:text-zinc-50,
#home-page .dark\:text-zinc-100 {
  color: var(--cr-text) !important;
}

#home-page .text-zinc-500,
#home-page .text-zinc-600,
#home-page .dark\:text-zinc-300,
#home-page .dark\:text-zinc-400 {
  color: var(--cr-text-muted) !important;
}

#home-page .home-spotlight,
#home-page .home-short-band article,
#home-page .home-grid-band article,
#home-page .home-grid-band section > div {
  border-color: var(--cr-border) !important;
}

#home-page .home-short-band article,
#home-page .home-grid-band article {
  background: var(--cr-surface) !important;
  border-radius: var(--cr-radius) !important;
  box-shadow: var(--cr-shadow-sm) !important;
}

#home-page .home-short-band .short-hero,
#home-page .home-grid-band .home-panel,
#home-page .home-grid-band .trend-main,
#home-page .home-grid-band .trend-rising {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

#home-page .home-short-band .short-hero__carousel {
  background: var(--cr-surface) !important;
  box-shadow: var(--cr-shadow-sm) !important;
  border: 1px solid color-mix(in srgb, var(--cr-border) 75%, transparent) !important;
  border-radius: 1.35rem !important;
}

html.dark-mode #home-page .home-short-band .short-hero__carousel,
html.dark #home-page .home-short-band .short-hero__carousel {
  background: var(--cr-surface) !important;
  box-shadow: var(--cr-shadow-sm) !important;
}

#home-page .home-band.home-band--soft .home-new-novels,
#home-page .home-short-band .home-new-novels {
  background: transparent !important;
  box-shadow: none !important;
}

#home-page .home-short-band,
#home-page .home-band,
#home-page .home-band--soft,
#home-page .home-band--tint,
#home-page .home-band--spotlight {
  background: var(--cr-bg) !important;
}

#home-page .home-short-band article:hover,
#home-page .home-grid-band article:hover {
  border-color: color-mix(in srgb, var(--cr-brand) 32%, var(--cr-border)) !important;
  box-shadow: var(--cr-shadow) !important;
}

#home-page .font-fraunces {
  font-family: var(--cr-font-display) !important;
}

#home-page .home-grid-band::before,
#home-page .home-short-band::before,
#home-page .home-hero-band::before {
  opacity: 0.18 !important;
}

/* remove forced flat bg — alternating bands own their colors */
#home-page .home-grid-band {
  background: transparent !important;
}

#home-page .home-hero-glow {
  opacity: 0.16;
  filter: blur(48px);
}

.cr-home-hero {
  display: grid;
  gap: 1.5rem;
  padding: 2rem 0 1rem;
}

@media (min-width: 1024px) {
  .cr-home-hero {
    grid-template-columns: 1.4fr 1fr;
    align-items: end;
    padding: 2.75rem 0 1.25rem;
  }
}

.cr-home-hero__title {
  font-family: var(--cr-font-display);
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 600;
  line-height: 1.15;
  margin: 0.4rem 0 0.85rem;
  color: var(--cr-text);
}

.cr-home-hero__lead {
  color: var(--cr-text-muted);
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 36rem;
  margin: 0 0 1.25rem;
}

.cr-inline-skeleton {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: color-mix(in srgb, var(--cr-brand) 9%, var(--cr-surface-soft));
}

.cr-inline-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--cr-surface) 75%, transparent), transparent);
  animation: cr-inline-shimmer 1.1s ease-in-out infinite;
}

@keyframes cr-inline-shimmer {
  100% { transform: translateX(100%); }
}

.cr-home-card-skeleton {
  flex: 0 0 10rem;
  min-height: 15rem;
  padding: 0.65rem;
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  background: var(--cr-surface);
}

.cr-home-row-skeleton {
  display: grid;
  grid-template-columns: 3.5rem 1fr 4rem;
  gap: 0.85rem;
  align-items: center;
  padding: 0.8rem;
  border-bottom: 1px solid var(--cr-border);
  background: var(--cr-surface);
}

/* Skip layout/paint work for below-the-fold home sections until near viewport. */
@supports (content-visibility: auto) {
  #home-page .home-grid-band > div > section:nth-child(n + 2) {
    content-visibility: auto;
    contain-intrinsic-size: auto 620px;
  }
}

@media (min-width: 768px) {
  .cr-home-card-skeleton { min-width: 0; }
}

.cr-continue-strip {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.35rem;
  scroll-snap-type: x mandatory;
}

.cr-continue-card {
  flex: 0 0 16rem;
  scroll-snap-align: start;
  display: flex;
  gap: 0.85rem;
  padding: 0.85rem;
  background: var(--cr-surface);
  border: 1px solid var(--cr-border);
  border-radius: var(--cr-radius);
  text-decoration: none !important;
  color: inherit;
}

.cr-continue-card img {
  width: 3.5rem;
  height: 5rem;
  object-fit: cover;
  border-radius: 8px;
  background: var(--cr-surface-soft);
}

/* —— Discover / filter —— */
.discover-shell,
.filter-page,
#filter-root {
  font-family: var(--cr-font-ui);
}

.discover-shell .genre-chip,
.filter-page label {
  border-radius: 999px !important;
}

.discover-shell .dark-card {
  background: var(--cr-surface) !important;
  border: 1px solid var(--cr-border) !important;
  box-shadow: var(--cr-shadow-sm) !important;
  color: var(--cr-text);
}

.discover-shell .discover-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  background: var(--cr-brand-soft);
  color: var(--cr-brand);
  border: 1px solid color-mix(in srgb, var(--cr-brand) 28%, var(--cr-border));
}

.discover-shell .discover-read-btn {
  background: var(--cr-brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.discover-shell .filter-option.selected {
  background: var(--cr-brand) !important;
  border-color: var(--cr-brand) !important;
}

.discover-shell .filter-option.selected label,
.discover-shell .filter-option.selected label i {
  color: #fff !important;
}

/* —— Novel detail —— */
.story-page,
#story-root,
.thongtintruyen-wrap {
  font-family: var(--cr-font-ui);
  color: var(--cr-text);
}

.story-page a,
#story-root a {
  color: var(--cr-brand);
}

.story-page.wn-container a {
  color: inherit;
}

.story-cta-primary,
.btn-read-now,
a.read-now {
  background: var(--cr-brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hero novel buttons: do NOT force pill shape */
.story-page .sp-hero a.btn-wn-primary.sp-hero-btn,
.story-page .sp-hero button.sp-hero-btn,
.thongtintruyen-wrap .sp-hero a.btn-wn-primary.sp-hero-btn,
.thongtintruyen-wrap .sp-hero button.sp-hero-btn {
  border-radius: 0.4rem !important;
}

.story-page .sp-hero a.btn-wn-primary.sp-hero-btn,
.thongtintruyen-wrap .sp-hero a.btn-wn-primary.sp-hero-btn {
  background: var(--cr-brand) !important;
  color: #fff !important;
  border: none !important;
}

.story-page a.btn-wn-primary:hover,
.story-page a.btn-wn-primary:focus-visible,
.thongtintruyen-wrap a.btn-wn-primary:hover,
.thongtintruyen-wrap a.btn-wn-primary:focus-visible {
  background: var(--cr-brand-hover) !important;
  color: #fff !important;
}

/* Soften blue accents on novel page */
.story-page .text-blue-500,
.story-page .text-blue-600,
.thongtintruyen-wrap .text-blue-500 {
  color: var(--cr-brand) !important;
}

.story-page .bg-blue-500,
.story-page .bg-blue-600,
.thongtintruyen-wrap .bg-blue-600 {
  background-color: var(--cr-brand) !important;
}

.story-page .rounded-2xl,
.thongtintruyen-wrap .rounded-2xl {
  border-radius: var(--cr-radius) !important;
  border-color: var(--cr-border) !important;
}

/* Warm Editorial novel detail — keep --sp-* mapped to Appearance tokens */
.story-page {
  --bg: var(--cr-bg);
  --text: var(--cr-text);
  --muted: var(--cr-text-muted);
  --border: var(--cr-border);
  --card: var(--cr-surface);
  --hero: var(--cr-surface-soft);
  --accent: var(--cr-brand);
  background: transparent !important;
}

.story-page.wn-container {
  background: var(--cr-bg) !important;
  color: var(--cr-text);
}

.story-page h1 {
  font-family: var(--cr-font-display);
  font-weight: 600 !important;
  letter-spacing: -0.025em;
}

.story-page .hero-section,
.story-page .bg-slate-50,
.story-page .bg-slate-100,
.story-page .dark\:bg-slate-900\/50 {
  background: var(--cr-surface-soft) !important;
}

.story-page .border-slate-200,
.story-page .border-slate-300,
.story-page .dark\:border-slate-700,
.story-page .dark\:border-slate-800,
.story-page .border-blue-500,
.story-page .focus\:border-blue-500:focus {
  border-color: var(--cr-border) !important;
}

.story-page .text-green-500,
.story-page .text-orange-500,
.story-page .text-pink-500,
.story-page .text-purple-400,
.story-page .text-purple-500 {
  color: var(--cr-text-muted) !important;
}

.story-page .fa-star,
.story-page .text-yellow-400,
.story-page .text-yellow-500 {
  color: var(--cr-accent) !important;
}

.story-page .text-blue-400,
.story-page .text-blue-500,
.story-page .text-blue-600,
.story-page .dark\:text-blue-400,
.story-page .group-hover\:text-blue-600:hover {
  color: var(--cr-brand) !important;
}

.story-page .bg-blue-50,
.story-page .bg-blue-100,
.story-page .hover\:bg-blue-50:hover,
.story-page .dark\:bg-blue-900\/20 {
  background: var(--cr-brand-soft) !important;
}

.story-page button.bg-blue-500,
.story-page button.bg-blue-600,
.story-page [class*="bg-blue-600"],
.story-page .novel-toc-btn.is-active {
  background: var(--cr-brand) !important;
  background-image: none !important;
  border-color: var(--cr-brand) !important;
  color: #fff !important;
}

.story-page .toc-chapter-highlight {
  border-color: var(--cr-brand) !important;
  background: var(--cr-brand-soft) !important;
}

.story-page [class*="shadow-blue"] {
  box-shadow: var(--cr-shadow-sm) !important;
}

/* —— Reader —— */
.chapter-reader,
#chapter-content,
.reader-shell {
  font-family: var(--cr-font-ui);
}

.chapter-reader .prose,
#chapter-content .content,
.reader-content {
  font-family: var(--cr-font-display);
  max-width: var(--cr-reader-max);
  margin-left: auto;
  margin-right: auto;
  line-height: 1.85;
}

.reader-drawer,
.reader-tools {
  border-radius: var(--cr-radius) !important;
  border-color: var(--cr-border) !important;
  box-shadow: var(--cr-shadow) !important;
  background: var(--cr-surface) !important;
}

/* —— Private pages (Library / Account / Premium / Payment / Profile) —— */
.premium-wrap,
.premium-page,
.ap-page,
.profile-page,
.profile-shell,
.library-shell,
.bg-gradient-to-br.from-slate-900,
.bg-gradient-to-br.from-gray-50 {
  background: var(--cr-bg) !important;
  color: var(--cr-text);
  font-family: var(--cr-font-ui);
}

.premium-wrap .hero-title,
.premium-wrap h1,
.profile-shell h1,
.profile-page h1,
.profile-page h2,
.library-shell h1,
.library-shell h2,
.library-shell h3 {
  font-family: var(--cr-font-display);
  color: var(--cr-text);
}

.premium-wrap .plan-card,
.profile-shell > .bg-white,
.profile-shell main > div,
.Library-card,
.library-shell .Library-card {
  background: var(--cr-surface) !important;
  border: 1px solid var(--cr-border) !important;
  border-radius: var(--cr-radius) !important;
  box-shadow: var(--cr-shadow-sm) !important;
}

/* Profile page (hoso.php) */
.profile-shell .bg-white,
.profile-shell .bg-gray-50 {
  background: var(--cr-surface) !important;
}

.profile-shell .text-gray-800,
.profile-shell .text-gray-900 {
  color: var(--cr-text) !important;
}

.profile-shell .text-gray-600 {
  color: var(--cr-text-muted) !important;
}

.profile-shell .from-indigo-50,
.profile-shell .to-purple-50,
.profile-shell [class*="from-indigo-50"] {
  background: var(--cr-surface-soft) !important;
  background-image: none !important;
}

.profile-shell .text-indigo-400,
.profile-shell .text-indigo-600,
.profile-shell .hover\:text-indigo-600:hover,
.profile-shell .text-purple-600,
.profile-shell .text-purple-700,
.profile-shell .text-blue-400 {
  color: var(--cr-brand) !important;
}

.profile-shell .border-gray-100,
.profile-shell .border-gray-300,
.profile-shell .border-r {
  border-color: var(--cr-border) !important;
}

.profile-shell .hover\:bg-gray-50:hover {
  background: var(--cr-surface-soft) !important;
}

.profile-shell .bg-indigo-600,
.profile-shell .bg-blue-600 {
  background-color: var(--cr-brand) !important;
}

.profile-shell .bg-indigo-50,
.profile-shell [class*="bg-indigo-50"],
.profile-shell .hover\:bg-indigo-50:hover {
  background: var(--cr-brand-soft) !important;
}

.profile-shell .border-indigo-500 {
  border-color: var(--cr-brand) !important;
}

.profile-shell .text-yellow-400,
.profile-shell .text-yellow-500 {
  color: var(--cr-accent) !important;
}

/* Account page (thongtintaikhoan.php) */
.profile-page .text-gray-900,
.profile-page .text-gray-800,
.profile-page .text-gray-700 {
  color: var(--cr-text) !important;
}

.profile-page .text-gray-600 {
  color: var(--cr-text-muted) !important;
}

.profile-page .text-purple-500,
.profile-page .text-purple-600,
.profile-page .text-purple-800,
.profile-page .text-blue-500,
.profile-page .text-blue-600,
.profile-page .hover\:text-purple-600:hover,
.profile-page label.text-purple-600 {
  color: var(--cr-brand) !important;
}

.profile-page .tab-active {
  background: var(--cr-brand) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--cr-brand) 35%, transparent) !important;
}

.profile-page .tab-inactive {
  background: var(--cr-surface-soft) !important;
  color: var(--cr-text-muted) !important;
  border-color: var(--cr-border) !important;
}

.profile-page .tab-inactive:hover {
  background: var(--cr-brand-soft) !important;
  color: var(--cr-brand) !important;
  border-color: color-mix(in srgb, var(--cr-brand) 28%, var(--cr-border)) !important;
}

.profile-page .count-badge,
.profile-page .stat-number {
  background: var(--cr-brand) !important;
  color: #fff !important;
}

.profile-page .stat-number {
  background: transparent !important;
  color: var(--cr-brand) !important;
}

.profile-page .stat-card,
.profile-page .comment-card,
.profile-page .review-card,
.profile-page .library-card {
  background: var(--cr-surface) !important;
  border-color: var(--cr-border) !important;
  color: var(--cr-text);
}

.profile-page .empty-state {
  background: var(--cr-surface-soft) !important;
  border-color: var(--cr-border) !important;
  color: var(--cr-text-muted) !important;
}

.profile-page .bg-purple-100 {
  background: var(--cr-brand-soft) !important;
}

.profile-page .hover\:bg-purple-200:hover {
  background: color-mix(in srgb, var(--cr-brand) 18%, var(--cr-surface)) !important;
}

.profile-page .border-gray-100 {
  border-color: var(--cr-border) !important;
}

.profile-page .avatar-container::after {
  background: var(--cr-brand-soft) !important;
}

.profile-page .btn-primary {
  background: var(--cr-brand) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

.profile-page .btn-primary:hover {
  background: var(--cr-brand-hover) !important;
}

.profile-page .filter-select {
  background: var(--cr-surface) !important;
  border-color: var(--cr-border) !important;
  color: var(--cr-text) !important;
}

.profile-page .progress-fill,
.profile-page .status-reading {
  background: var(--cr-brand) !important;
  background-image: none !important;
}

.profile-page .status-completed {
  background: var(--cr-success) !important;
}

.profile-page .status-plan-to-read,
.profile-page .premium-crown {
  color: var(--cr-accent) !important;
}

html.dark-mode .profile-page .profile-shell,
html.dark .profile-page .profile-shell,
html.dark-mode .profile-page .profile-card,
html.dark .profile-page .profile-card,
html.dark-mode .profile-page .stat-card,
html.dark .profile-page .stat-card,
html.dark-mode .profile-page .comment-card,
html.dark .profile-page .comment-card {
  background: var(--cr-surface) !important;
  border-color: var(--cr-border) !important;
  color: var(--cr-text) !important;
}

/* Library page styles live in assets/css/library.css */

/* Chapter reader modal list (chapter_reader_modal_list.php) */
.chapter-modal-list {
  font-family: var(--cr-font-ui);
  color: var(--cr-text);
}

.chapter-modal-card {
  border-color: var(--cr-border);
  background: var(--cr-surface, var(--read-bg));
  color: var(--cr-text, var(--read-text));
}

.chapter-modal-card:hover {
  border-color: color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
}

.chapter-modal-card--current {
  border-color: var(--cr-brand) !important;
  background: var(--cr-brand-soft) !important;
}

.chapter-modal-card h3 {
  color: var(--cr-text, var(--read-text));
}

.chapter-modal-meta {
  color: var(--cr-text-muted);
}

/* 404 / 410 */
.cr-gone {
  font-family: var(--cr-font-ui);
}

/* home-hero.css */
/* Short novel hero — mosaic banner */

.cr-hero {
  position: relative;
  overflow: hidden;
  min-height: 0;
  border-radius: 1.25rem;
  color: #fff;
  background: #1a1220;
  background: color-mix(in srgb, var(--cr-brand) 28%, #161018);
}

#home-page .home-short-band .cr-hero {
  background: #1a1220 !important;
  background: color-mix(in srgb, var(--cr-brand) 28%, #161018) !important;
  box-shadow: none !important;
  border: 0 !important;
}

#home-page .home-short-band .cr-hero article {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
}

@media (min-width: 860px) {
  .cr-hero {
    min-height: 280px;
    border-radius: 28px;
  }
}

@media (max-width: 859px) {
  .home-short-band {
    overflow: hidden;
    border-bottom: 0 !important;
  }

  .cr-hero-wrap {
    max-width: none !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cr-hero,
  #home-page .home-short-band .cr-hero {
    width: 100%;
    min-height: 0;
    border-radius: 0 !important;
  }
}

/* Full-width backdrop (CrushReel style): the band, not the card, carries the cover wall. */
#home-page .cr-hero-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0d0911 !important;
}

#home-page .cr-hero-band > .cr-hero-band__bg {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.cr-hero-band > .cr-hero-wrap {
  position: relative;
  z-index: 1;
}

@media (min-width: 860px) {
  #home-page .cr-hero-band > .cr-hero-wrap {
    padding-top: 2.75rem !important;
    padding-bottom: 3.25rem !important;
  }
}

/* The card is now just the content frame on top of the wall. */
#home-page .cr-hero-band .cr-hero {
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible;
}

/* Poster wall (CrushReel style): one pre-composed image per layout (cli/build_hero_wall.py),
   dimmed per theme here and drifting slowly. URLs come from the --cr-wall-* vars on the element. */
.cr-hero__wall {
  position: absolute;
  inset: -4% -3%;
  background: #0d0911 var(--cr-wall-m) center / cover no-repeat;
  filter: brightness(.36) saturate(.9);
  animation: cr-hero-drift 60s ease-in-out infinite alternate;
  will-change: transform;
}
@media (min-width: 860px) {
  .cr-hero__wall { background-image: var(--cr-wall-d); }
}
@keyframes cr-hero-drift {
  from { transform: translate3d(-2%, 1.5%, 0); }
  to { transform: translate3d(2%, -1.5%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .cr-hero__wall { animation: none; }
}

/* Vignette + brand tint; fades into the page at the bottom. */
.cr-hero__veil {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 50% 42%, rgba(13, 9, 17, .05), rgba(13, 9, 17, .9) 100%),
    linear-gradient(to top, var(--cr-bg, #0d0911), transparent 28%),
    linear-gradient(to bottom, rgba(13, 9, 17, .75), transparent 20%);
}

@media (min-width: 860px) {
  .cr-hero__veil {
    background:
      radial-gradient(70% 70% at 55% 50%, color-mix(in srgb, var(--cr-brand) 14%, transparent), rgba(13, 9, 17, .9) 100%),
      linear-gradient(to right, rgba(13, 9, 17, .85), transparent 55%),
      linear-gradient(to top, var(--cr-bg, #0d0911), transparent 30%),
      linear-gradient(to bottom, rgba(13, 9, 17, .85), transparent 22%);
  }
}

.cr-hero__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: none;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  font-size: 1.15rem;
  cursor: pointer;
  transform: translateY(-50%);
  backdrop-filter: blur(8px);
}

.cr-hero__nav:hover { background: rgba(255, 255, 255, .32); }
.cr-hero__nav--prev { left: .7rem; }
.cr-hero__nav--next { right: .7rem; }

@media (min-width: 860px) {
  .cr-hero__nav { display: block; }
}

.cr-hero__dots {
  position: absolute;
  z-index: 3;
  bottom: calc(.75rem - 9px); /* the 24px buttons are centred on the old 6px dots */
  left: 50%;
  display: flex;
  gap: 0;
  transform: translateX(-50%);
}

@media (min-width: 860px) {
  .cr-hero__dots { display: none; }
}

/* 24×24 tap target (WCAG 2.5.8); the visible dot is the ::before. */
.cr-hero__dot {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.cr-hero__dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .4);
}

.cr-hero__dot.is-active {
  min-width: 26px;
}

.cr-hero__dot.is-active::before {
  width: 20px;
  background: #fff;
}

.cr-hero__dot:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
  border-radius: 6px;
}

.cr-hero__slides {
  position: relative;
  z-index: 2;
  display: grid;
}

/* All slides share one grid cell, so the hero is always as tall as the tallest
   slide and never changes height (no layout shift) when the carousel moves. */
.cr-hero__slide {
  display: grid;
  grid-area: 1 / 1;
  align-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity .35s ease, visibility 0s linear .35s;
  grid-template-columns: 1fr;
  grid-template-areas:
    "head"
    "stats"
    "art"
    "act";
  gap: .65rem .75rem;
  padding: 1rem 1rem 2.25rem;
  color: #fff;
}

.cr-hero__slide.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity .35s ease;
}

/* Slides not shown yet keep their cover box (aspect-ratio) but do not download the
   image. Once shown (.is-seen) the image stays, so the crossfade looks right. */
.cr-hero__slide:not(.is-active):not(.is-seen) .cr-hero__book img {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .cr-hero__slide,
  .cr-hero__slide.is-active {
    transition: none;
  }
}

@media (min-width: 860px) {
  .cr-hero__slide {
    grid-template-columns: minmax(0, 1.15fr) .7fr;
    grid-template-areas:
      "head art"
      "stats art"
      "act art";
    align-items: center;
    min-height: 300px;
    padding: 1.8rem 4rem 1.7rem 2.4rem;
    gap: 1rem;
  }
}

.cr-hero__head { grid-area: head; min-width: 0; }
.cr-hero__stats { grid-area: stats; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.cr-hero__actions { grid-area: act; }

.cr-hero__art {
  grid-area: art;
  position: relative;
  width: 7.25rem;
  margin: .25rem auto 0;
}

@media (min-width: 860px) {
  .cr-hero__stats { display: flex; flex-wrap: wrap; gap: .9rem 1.25rem; }

  .cr-hero__art {
    width: min(52vw, 210px);
    margin: 0 1.2rem 0 auto;
    padding: .4rem .8rem 0 0;
  }
}

.cr-hero__badge {
  display: inline-flex;
  margin: 0 0 .45rem;
  padding: .22rem .65rem;
  border-radius: 999px;
  background: rgba(255, 215, 90, .95);
  color: #4a3208;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.cr-hero__title {
  margin: 0;
  max-width: 18ch;
  font-family: var(--cr-font-display);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.03em;
}

@media (min-width: 860px) {
  .cr-hero__title { font-size: clamp(2rem, 4.2vw, 3.15rem); line-height: 1.05; }
}

.cr-hero__title em {
  display: block;
  font-style: italic;
  font-weight: 600;
  color: color-mix(in srgb, var(--cr-brand-hover) 45%, #fff);
  /* Italic tail: one line at most */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Main part of the title: two lines at most (full title stays in the HTML and title attribute). */
.cr-hero__title-main {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.cr-hero__sum {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: .5rem 0 0;
  max-width: 36rem;
  color: rgba(255, 255, 255, .82);
  font-size: .82rem;
  line-height: 1.45;
}

@media (min-width: 860px) {
  .cr-hero__sum {
    -webkit-line-clamp: unset;
    display: block;
    margin-top: .7rem;
    font-size: .88rem;
    line-height: 1.5;
  }
}

.cr-hero__stat strong {
  display: block;
  font-size: .95rem;
  font-weight: 800;
}

.cr-hero__stat span {
  color: rgba(255, 255, 255, .7);
  font-size: .62rem;
  font-weight: 650;
}

@media (min-width: 860px) {
  .cr-hero__stat strong { font-size: 1.05rem; }
  .cr-hero__stat span { font-size: .68rem; }
}

.cr-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  padding: 0 1.2rem;
  border-radius: 999px;
  background: var(--cr-brand);
  color: #fff;
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none;
}

.cr-hero__cta:hover {
  background: var(--cr-brand-hover);
  color: #fff;
}

/* Dark themes use a light brand colour (#2dd4bf, #b8a4e8, #e0b45c…): white text was ~2:1. */
html.dark .cr-hero__cta,
html.dark .cr-hero__cta:hover,
html.dark-mode .cr-hero__cta,
html.dark-mode .cr-hero__cta:hover {
  color: #111827;
}

@media (min-width: 860px) {
  .cr-hero__cta { width: auto; min-height: 2.65rem; }
}

.cr-hero__book {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  text-decoration: none;
}

@media (min-width: 860px) {
  .cr-hero__book {
    transform: perspective(900px) rotateY(-18deg) rotateZ(2deg);
    transform-style: preserve-3d;
  }

  .cr-hero__book:hover {
    transform: perspective(900px) rotateY(-12deg) rotateZ(1deg) translateY(-4px);
  }
}

.cr-hero__book img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px 10px 10px 3px;
}

.cr-hero__spine,
.cr-hero__pages { display: none; }

@media (min-width: 860px) {
  .cr-hero__spine {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 14px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(90deg, rgba(0, 0, 0, .45), rgba(255, 255, 255, .12) 45%, rgba(0, 0, 0, .28));
    pointer-events: none;
  }

  .cr-hero__pages {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: -10px;
    bottom: 5px;
    display: block;
    width: 14px;
    border-radius: 0 3px 3px 0;
    background: repeating-linear-gradient(to right, #f6efe6 0 2px, #e4d5c8 2px 3px);
    box-shadow: 2px 0 0 #d7c4b4;
    transform: translateZ(-8px);
    pointer-events: none;
  }
}

.cr-hero__shine {
  position: absolute;
  z-index: 4;
  inset: 0;
  border-radius: 3px 10px 10px 3px;
  background: linear-gradient(115deg, rgba(255, 255, 255, .28) 0 12%, transparent 38%, transparent 62%, rgba(255, 255, 255, .08) 100%);
  pointer-events: none;
}

/* ===== Light themes: an ivory hero instead of the dark poster wall =====
   The wall stays, washed with the page colour from the left (where the text sits) so the
   hero reads as part of the light page; text switches to the theme's dark ink. */
html:not(.dark):not(.dark-mode) #home-page .cr-hero-band {
  background: var(--cr-bg) !important;
}
html:not(.dark):not(.dark-mode) .cr-hero__wall {
  filter: brightness(.95) saturate(.85);
}
html:not(.dark):not(.dark-mode) body.cr-home .cr-hero__veil,
html:not(.dark):not(.dark-mode) .cr-hero__veil {
  background:
    linear-gradient(to top, var(--cr-bg), transparent 26%),
    linear-gradient(to bottom, color-mix(in srgb, var(--cr-bg) 80%, transparent), transparent 24%),
    linear-gradient(color-mix(in srgb, var(--cr-bg) 84%, transparent), color-mix(in srgb, var(--cr-bg) 84%, transparent));
}
@media (min-width: 860px) {
  html:not(.dark):not(.dark-mode) body.cr-home .cr-hero__veil,
  html:not(.dark):not(.dark-mode) .cr-hero__veil {
    background:
      linear-gradient(to top, var(--cr-bg), transparent 26%),
      linear-gradient(to bottom, color-mix(in srgb, var(--cr-bg) 75%, transparent), transparent 22%),
      linear-gradient(to right,
        color-mix(in srgb, var(--cr-bg) 98%, transparent) 0%,
        color-mix(in srgb, var(--cr-bg) 94%, transparent) 38%,
        color-mix(in srgb, var(--cr-bg) 72%, transparent) 62%,
        color-mix(in srgb, var(--cr-bg) 55%, transparent) 100%);
  }
}
html:not(.dark):not(.dark-mode) .cr-hero__slide { color: var(--cr-text); }
html:not(.dark):not(.dark-mode) .cr-hero__title em { color: var(--cr-brand); }
html:not(.dark):not(.dark-mode) .cr-hero__sum { color: var(--cr-text-muted); }
html:not(.dark):not(.dark-mode) .cr-hero__stat span { color: var(--cr-text-muted); }
html:not(.dark):not(.dark-mode) .cr-hero__nav {
  background: color-mix(in srgb, var(--cr-surface) 80%, transparent);
  color: var(--cr-text);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 0 0 1px var(--cr-border);
}
html:not(.dark):not(.dark-mode) .cr-hero__nav:hover { background: var(--cr-surface); }
html:not(.dark):not(.dark-mode) .cr-hero__dot::before { background: color-mix(in srgb, var(--cr-text) 25%, transparent); }
html:not(.dark):not(.dark-mode) .cr-hero__dot.is-active::before { background: var(--cr-text); }
html:not(.dark):not(.dark-mode) .cr-hero__title,
html:not(.dark):not(.dark-mode) .cr-hero__title-main,
html:not(.dark):not(.dark-mode) .cr-hero__stat strong {
  color: var(--cr-text) !important;
}
/* No hard line between the hero and the next section. */
#home-page .cr-hero-band {
  border-bottom: 0 !important;
}
/* The band can end on a fractional pixel: seal the last rows with the page colour so no seam shows. */
#home-page .cr-hero-band > .cr-hero-band__bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--cr-bg);
}
/* One-line titles have no italic tail: colour the whole title with the theme accent instead. */
.cr-hero__title--solo .cr-hero__title-main {
  color: color-mix(in srgb, var(--cr-brand-hover) 45%, #fff);
  /* Same lettering as the italic tail of longer titles. */
  font-style: italic;
  font-weight: 600;
}
html:not(.dark):not(.dark-mode) .cr-hero__title.cr-hero__title--solo,
html:not(.dark):not(.dark-mode) .cr-hero__title--solo .cr-hero__title-main {
  color: var(--cr-brand) !important;
}

/* ===== "Up next" cover tabs (CrushReel style) replace the prev/next arrows ===== */
.cr-hero__next { display: none; }

@media (min-width: 860px) {
  #home-page .cr-hero-band .cr-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    align-items: center;
    gap: 1.5rem;
  }
  .cr-hero__slide { padding-right: 1rem; }

  .cr-hero__next {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;
  }
  .cr-hero__next-label {
    margin-bottom: .2rem;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6);
    white-space: nowrap;
  }
  .cr-hero__tab {
    position: relative;
    display: block;
    width: 46px;
    aspect-ratio: 2 / 3;
    padding: 0;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, .08);
    cursor: pointer;
    opacity: .5;
    transform: scale(.94);
    transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .cr-hero__tab img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cr-hero__tab:hover { opacity: .85; transform: scale(.98); }
  .cr-hero__tab.is-active {
    width: 60px;
    opacity: 1;
    transform: none;
    box-shadow: 0 0 0 2px #fff, 0 12px 28px -10px rgba(0, 0, 0, .7);
  }
  .cr-hero__tab:focus-visible { outline: 2px solid var(--cr-brand); outline-offset: 3px; }
  .cr-hero__tab-num {
    position: absolute;
    top: 5px;
    left: 5px;
    display: grid;
    place-items: center;
    min-width: 1rem;
    height: 1rem;
    padding: 0 .25rem;
    border-radius: 6px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
  }
  .cr-hero__tab.is-active .cr-hero__tab-num { background: var(--cr-brand); color: #111827; }

  html:not(.dark):not(.dark-mode) .cr-hero__next-label { color: var(--cr-text-muted); }
  html:not(.dark):not(.dark-mode) .cr-hero__tab { background: var(--cr-surface); }
  html:not(.dark):not(.dark-mode) .cr-hero__tab.is-active {
    box-shadow: 0 0 0 2px var(--cr-brand), 0 12px 28px -12px rgba(0, 0, 0, .35);
  }
  html:not(.dark):not(.dark-mode) .cr-hero__tab.is-active .cr-hero__tab-num { color: #fff; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-hero__tab { transition: none; }
}

/* ===== Phones: the hero cover as a 3D hardcover =====
   Slight turn so the page block shows on the right, a hinge groove by the spine,
   a soft gloss, a floor shadow and a slow float. Sizes in em: 1em = 1% of the cover width. */
@media (max-width: 859px) {
  .cr-hero__art {
    perspective: 900px;
    padding: 0 0 1.1rem;
  }
  .cr-hero__book {
    font-size: .0725rem; /* .cr-hero__art is 7.25rem wide on phones */
    transform-style: preserve-3d;
    transform: rotateY(-22deg) rotateX(3deg);
    animation: cr-book-float 6s ease-in-out infinite;
  }
  @keyframes cr-book-float {
    0%, 100% { transform: rotateY(-22deg) rotateX(3deg) translateY(0); }
    50% { transform: rotateY(-16deg) rotateX(3deg) translateY(-5px); }
  }
  .cr-hero__book img {
    border-radius: 2em 5em 5em 2em;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .06),
      0 1.5em 3em -1em rgba(0, 0, 0, .55);
  }
  /* Page block: the book's thickness, seen on the right edge */
  .cr-hero__pages {
    position: absolute;
    z-index: 1;
    display: block;
    top: 2.2%;
    bottom: 2.2%;
    right: -9em;
    width: 11em;
    border-radius: 0 3em 3em 0;
    background:
      linear-gradient(to right, rgba(0, 0, 0, .28), rgba(0, 0, 0, 0) 45%),
      repeating-linear-gradient(to right, #fbf7f0 0 .9em, #e6dccd .9em 1.5em);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .12), 2px 0 3px rgba(0, 0, 0, .25);
    transform: translateZ(-6px);
    pointer-events: none;
  }
  /* Back cover peeking past the pages */
  .cr-hero__book::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: .6%;
    bottom: .6%;
    left: 3em;
    right: -11em;
    border-radius: 2em 5.5em 5.5em 2em;
    background: linear-gradient(90deg, #1b1520, #2b2232);
    transform: translateZ(-12px);
    pointer-events: none;
  }
  /* Floor shadow (on the frame, outside the 3D book so it is never hidden behind it) */
  .cr-hero__book::after { content: none; }
  .cr-hero__art::after {
    content: "";
    position: absolute;
    left: 4%;
    right: -6%;
    bottom: .35rem;
    height: 1rem;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    animation: cr-book-shadow 6s ease-in-out infinite;
    pointer-events: none;
  }
  @keyframes cr-book-shadow {
    0%, 100% { transform: scaleX(1); opacity: 1; }
    50% { transform: scaleX(.9); opacity: .75; }
  }
  /* Hinge groove: shadow then highlight, like a cloth hinge on a hardcover */
  .cr-hero__spine {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 12em;
    border-radius: 2em 0 0 2em;
    background: linear-gradient(to right,
      rgba(0, 0, 0, .38) 0,
      rgba(255, 255, 255, .16) 2.5em,
      rgba(0, 0, 0, .2) 5em,
      rgba(255, 255, 255, .22) 6.5em,
      rgba(255, 255, 255, 0) 12em);
    pointer-events: none;
  }
  /* Soft gloss across the cover */
  .cr-hero__shine {
    display: block;
    border-radius: 2em 5em 5em 2em;
    background:
      linear-gradient(125deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, 0) 38%),
      linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, .18) 100%);
  }
}
@media (max-width: 859px) and (prefers-reduced-motion: reduce) {
  .cr-hero__book,
  .cr-hero__art::after { animation: none; }
}



/* ===== Hero → page: one continuous background =====
   Every dark layer uses the theme's page colour (--cr-bg) instead of a fixed purple-black, the
   poster wall runs ~10rem below the hero (behind the start of "New novels", whose shell is
   clear), and the bottom fade eases over many stops so there is no visible edge. */
#home-page .cr-hero-band {
  overflow: visible;
  overflow-x: clip;
  background: var(--cr-bg) !important;
}
#home-page .cr-hero-band > .cr-hero-band__bg {
  bottom: -10rem;
}
.cr-hero__wall { background-color: var(--cr-bg); }
#home-page .cr-hero-band + .home-band {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
#home-page .cr-hero-band .cr-hero__veil {
  background:
    linear-gradient(to top,
      var(--cr-bg) 0%,
      color-mix(in srgb, var(--cr-bg) 92%, transparent) 9%,
      color-mix(in srgb, var(--cr-bg) 74%, transparent) 18%,
      color-mix(in srgb, var(--cr-bg) 48%, transparent) 28%,
      color-mix(in srgb, var(--cr-bg) 22%, transparent) 38%,
      transparent 48%),
    linear-gradient(to bottom,
      var(--cr-bg) 0%,
      color-mix(in srgb, var(--cr-bg) 85%, transparent) 8%,
      color-mix(in srgb, var(--cr-bg) 55%, transparent) 17%,
      color-mix(in srgb, var(--cr-bg) 22%, transparent) 26%,
      transparent 34%),
    radial-gradient(80% 60% at 50% 38%, transparent, color-mix(in srgb, var(--cr-bg) 70%, transparent) 100%) !important;
}
@media (min-width: 860px) {
  #home-page .cr-hero-band .cr-hero__veil {
    background:
      linear-gradient(to top,
        var(--cr-bg) 0%,
        color-mix(in srgb, var(--cr-bg) 92%, transparent) 9%,
        color-mix(in srgb, var(--cr-bg) 74%, transparent) 18%,
        color-mix(in srgb, var(--cr-bg) 48%, transparent) 28%,
        color-mix(in srgb, var(--cr-bg) 22%, transparent) 38%,
        transparent 48%),
      linear-gradient(to bottom,
        var(--cr-bg) 0%,
        color-mix(in srgb, var(--cr-bg) 85%, transparent) 8%,
        color-mix(in srgb, var(--cr-bg) 55%, transparent) 17%,
        color-mix(in srgb, var(--cr-bg) 22%, transparent) 26%,
        transparent 34%),
      linear-gradient(to right, color-mix(in srgb, var(--cr-bg) 85%, transparent), transparent 55%),
      radial-gradient(70% 70% at 55% 40%, color-mix(in srgb, var(--cr-brand) 12%, transparent), color-mix(in srgb, var(--cr-bg) 70%, transparent) 100%) !important;
  }
}
/* Light themes: same continuous fade, washed with the page colour. */
html:not(.dark):not(.dark-mode) #home-page .cr-hero-band .cr-hero__veil {
  background:
    linear-gradient(to top,
      var(--cr-bg) 0%,
      color-mix(in srgb, var(--cr-bg) 92%, transparent) 9%,
      color-mix(in srgb, var(--cr-bg) 82%, transparent) 30%,
      color-mix(in srgb, var(--cr-bg) 84%, transparent) 100%),
    linear-gradient(to bottom, color-mix(in srgb, var(--cr-bg) 80%, transparent), transparent 24%) !important;
}
@media (min-width: 860px) {
  html:not(.dark):not(.dark-mode) #home-page .cr-hero-band .cr-hero__veil {
    background:
      linear-gradient(to top,
        var(--cr-bg) 0%,
        color-mix(in srgb, var(--cr-bg) 92%, transparent) 9%,
        color-mix(in srgb, var(--cr-bg) 70%, transparent) 20%,
        color-mix(in srgb, var(--cr-bg) 35%, transparent) 34%,
        transparent 46%),
      linear-gradient(to bottom, color-mix(in srgb, var(--cr-bg) 75%, transparent), transparent 22%),
      linear-gradient(to right,
        color-mix(in srgb, var(--cr-bg) 98%, transparent) 0%,
        color-mix(in srgb, var(--cr-bg) 94%, transparent) 38%,
        color-mix(in srgb, var(--cr-bg) 72%, transparent) 62%,
        color-mix(in srgb, var(--cr-bg) 55%, transparent) 100%) !important;
  }
}

/* Smooth drift (CrushReel-like): no filter on the moving layer (the dimming is a static overlay
   on top), a slight rotation so the browser samples the image at sub-pixel positions instead of
   stepping 1px at a time, a longer linear path, and its own GPU layer. */
.cr-hero__wall {
  filter: none !important;
  inset: -8% -6%;
  animation: cr-hero-drift 60s linear infinite alternate;
  backface-visibility: hidden;
  will-change: transform;
}
.cr-hero__wall::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .64);
  pointer-events: none;
}
html:not(.dark):not(.dark-mode) .cr-hero__wall::after { background: rgba(255, 255, 255, .04); }
@keyframes cr-hero-drift {
  from { transform: translate3d(-4%, 3%, 0) rotate(0.01deg); }
  to { transform: translate3d(4%, -3%, 0) rotate(0.01deg); }
}
@media (prefers-reduced-motion: reduce) {
  .cr-hero__wall { animation: none; }
}

/* site-header.css */
/* Site header + login modal styles (moved out of pages/header.php so browsers can cache them).
   Loaded after page CSS so it keeps the cascade position the inline blocks had. */
#cr-header-root {
    font-family: var(--cr-font-ui);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#cr-login-register-scope {
    font-family: var(--cr-font-ui);
}

.cr-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none !important;
}

.cr-brand-wordmark {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.cr-brand-title {
    margin: 0;
    font-family: var(--cr-font-display);
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--cr-text);
}

.cr-brand-link:hover .cr-brand-title {
    color: var(--cr-brand);
}

.cr-brand-sub {
    margin-top: 0.2rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--cr-brand);
}

.cr-read-word {
    font-family: var(--cr-font-display);
    color: var(--cr-brand);
}

.cr-brand-mobile .cr-brand-title {
    font-size: 1.1rem;
}

.cr-mobile-header {
    position: relative;
}

/* Mobile: menu + wordmark on the left, actions on the right (no centred logo squeezed between icons). */
#cr-header-root .cr-mobile-bar--start { gap: 0.6rem; min-width: 0; }
#cr-header-root .cr-mobile-bar--start .cr-brand-link { min-width: 0; }

/* —— Header shell (desktop + mobile) —— */
#cr-header-root {
    --cr-header-blur: rgba(255, 253, 249, 0.82);
    --cr-header-border: color-mix(in srgb, var(--cr-border) 88%, transparent);
}

html.dark-mode #cr-header-root,
html.dark #cr-header-root {
    --cr-header-blur: rgba(18, 26, 43, 0.88);
}

#cr-header-root .cr-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--cr-header-border);
    background: var(--cr-header-blur);
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    color: var(--cr-text);
}

#cr-header-root .cr-header--desktop {
    display: none;
}

#cr-header-root .cr-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0.65rem 1.25rem;
}

#cr-header-root .cr-header__left {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    min-width: 0;
}

#cr-header-root .cr-header__center {
    flex: 1;
    max-width: 32rem;
    padding: 0 0.5rem;
}

#cr-header-root .cr-header__right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

#cr-header-root .cr-header__actions {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

#cr-header-root .cr-header__divider {
    width: 1px;
    height: 1.75rem;
    margin: 0 0.35rem;
    background: var(--cr-border);
}

/* Nav */
#cr-header-root .cr-nav {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

#cr-header-root .cr-nav__item {
    position: relative;
}

#cr-header-root .cr-nav__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 650;
    color: var(--cr-text-muted);
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

#cr-header-root .cr-nav__trigger:hover,
#cr-header-root .cr-nav__item:hover > .cr-nav__trigger {
    color: var(--cr-text);
    background: color-mix(in srgb, var(--cr-brand) 8%, var(--cr-surface));
    border-color: color-mix(in srgb, var(--cr-brand) 18%, transparent);
}

#cr-header-root .cr-forum-nav-count {
    display: inline-flex;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.28rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--cr-brand);
    color: #fff;
    font-size: 0.65rem;
    line-height: 1;
}

#cr-header-root .cr-nav__trigger i.fa-chevron-down {
    font-size: 0.55rem;
    opacity: 0.65;
    transition: transform 0.2s ease;
}

#cr-header-root .cr-nav__item:hover .cr-nav__trigger i.fa-chevron-down {
    transform: translateY(1px);
}

#cr-header-root .cr-nav__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;
    padding-top: 0.5rem;
    min-width: 13rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    pointer-events: none;
}

#cr-header-root .cr-nav__item:hover .cr-nav__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

#cr-header-root .cr-nav__dropdown--wide {
    min-width: min(100vw - 2rem, 28rem);
    width: 30rem;
}

#cr-header-root .cr-dropdown-panel {
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
    border-radius: var(--cr-radius);
    box-shadow: var(--cr-shadow);
    overflow: hidden;
}

#cr-header-root .cr-dropdown-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cr-text);
    text-decoration: none !important;
    transition: background 0.15s ease;
}

#cr-header-root .cr-dropdown-link:hover {
    background: color-mix(in srgb, var(--cr-brand) 10%, transparent);
}

#cr-header-root .cr-dropdown-link i {
    width: 1.25rem;
    text-align: center;
    font-size: 0.9rem;
}

#cr-header-root .cr-dropdown-divider {
    height: 1px;
    margin: 0.25rem 0.75rem;
    background: var(--cr-border);
}

#cr-header-root .cr-genre-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.15rem;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0.5rem;
}

@media (min-width: 640px) {
    #cr-header-root .cr-genre-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

#cr-header-root .cr-genre-chip {
    display: block;
    padding: 0.45rem 0.55rem;
    border-radius: var(--cr-radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cr-text-muted);
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cr-header-root .cr-genre-chip:hover {
    background: color-mix(in srgb, var(--cr-brand) 10%, transparent);
    color: var(--cr-brand);
}

/* Buttons */
#cr-header-root .cr-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
    color: var(--cr-text-muted);
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    text-decoration: none !important;
    flex-shrink: 0;
}

#cr-header-root .cr-icon-btn img {
    pointer-events: none;
    display: block;
}

#cr-header-root .cr-icon-btn:hover {
    color: var(--cr-brand);
    border-color: color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
    background: color-mix(in srgb, var(--cr-brand) 8%, var(--cr-surface));
}

/* Rounded-square icon buttons (appearance, bell) */
#cr-header-root .cr-icon-btn--square {
    border-radius: 12px;
    background: transparent;
    border-color: color-mix(in srgb, var(--cr-text) 22%, transparent);
    color: var(--cr-text);
    font-size: 0.95rem;
}
#cr-header-root .cr-icon-btn--square:hover {
    color: var(--cr-brand);
    border-color: color-mix(in srgb, var(--cr-brand) 55%, transparent);
    background: color-mix(in srgb, var(--cr-brand) 8%, transparent);
}
/* Appearance glyph follows the mode, same rule as site-header.js (light-mode = sun, otherwise moon) */
html.light-mode #cr-header-root .cr-mode-glyph--moon,
html:not(.light-mode) #cr-header-root .cr-mode-glyph--sun { display: none; }

#cr-header-root .cr-icon-btn--brand {
    background: color-mix(in srgb, var(--cr-brand) 12%, var(--cr-surface));
    color: var(--cr-brand);
    border-color: color-mix(in srgb, var(--cr-brand) 28%, transparent);
}

#cr-header-root .cr-pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 2.5rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: transform 0.15s ease, filter 0.15s ease;
}

#cr-header-root .cr-pill-btn--premium {
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #1a2332;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.28);
}

#cr-header-root .cr-pill-btn--premium:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

/* Premium / Gold pill: hover or click opens Premium + Earn Gold (Earn Gold + Buy Gold for members). */
#cr-header-root .cr-rewards-menu { position: relative; }
/* Plain text link, same look as "Library" */
#cr-header-root .cr-rewards-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    padding: 0 0.25rem;
    border: 0;
    background: none;
    color: var(--cr-text);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}
#cr-header-root .cr-rewards-trigger > i:first-child { font-size: 0.9rem; color: var(--cr-brand); }
#cr-header-root .cr-rewards-trigger:hover,
#cr-header-root .cr-rewards-menu.is-open .cr-rewards-trigger { color: var(--cr-brand); }
#cr-header-root .cr-rewards-menu__chev { font-size: 0.55rem; opacity: 0.75; transition: transform 0.18s ease; }
#cr-header-root .cr-rewards-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
    padding-top: 0.5rem;
    width: 15rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    pointer-events: none;
}
#cr-header-root .cr-rewards-menu:hover .cr-rewards-dropdown,
#cr-header-root .cr-rewards-menu.is-open .cr-rewards-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
#cr-header-root .cr-rewards-menu:hover .cr-rewards-menu__chev,
#cr-header-root .cr-rewards-menu.is-open .cr-rewards-menu__chev { transform: rotate(180deg); }
#cr-header-root .cr-rewards-link { align-items: flex-start; }
#cr-header-root .cr-rewards-link i { margin-top: 0.2rem; }
#cr-header-root .cr-rewards-link b { display: block; font-weight: 800; }
#cr-header-root .cr-rewards-link small { display: block; margin-top: 0.05rem; color: var(--cr-text-muted); font-size: 0.72rem; font-weight: 600; }

#cr-header-root .cr-btn-ghost {
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--cr-text-muted);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

#cr-header-root .cr-btn-ghost:hover {
    color: var(--cr-text);
    background: var(--cr-surface-soft);
}

#cr-header-root .cr-btn-primary {
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 800;
    color: #ecfdf5;
    background: linear-gradient(145deg, var(--cr-brand), #115e59);
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--cr-brand) 35%, transparent);
    transition: transform 0.15s ease, filter 0.15s ease;
}

#cr-header-root .cr-btn-primary:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

/* Desktop "Sign in": the gold Premium gradient */
#cr-header-root .cr-btn-signin {
    padding: 0.55rem 1.15rem;
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #1a2332;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.28);
    white-space: nowrap;
}

/* User menu */
#cr-header-root .cr-user-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.65rem 0.25rem 0.25rem;
    border-radius: 999px;
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

#cr-header-root .cr-user-btn:hover {
    border-color: color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
    background: color-mix(in srgb, var(--cr-brand) 6%, var(--cr-surface));
}

#cr-header-root .cr-user-btn img {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    object-fit: cover;
    display: block;
}

#cr-header-root .cr-user-avatar {
    position: relative;
    flex-shrink: 0;
    display: inline-block;
    overflow: visible;
    line-height: 0;
}

#cr-header-root .cr-user-crown {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 0.95rem;
    height: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #1a2332;
    font-size: 0.48rem;
    line-height: 1;
    overflow: visible;
    border: 1.5px solid var(--cr-surface);
    box-shadow: 0 1px 4px rgba(217, 119, 6, 0.45);
}

#cr-header-root .cr-user-btn--premium {
    border-color: color-mix(in srgb, #d97706 42%, var(--cr-border));
    background: linear-gradient(135deg, color-mix(in srgb, #fbbf24 16%, var(--cr-surface)), var(--cr-surface));
}

#cr-header-root .cr-user-btn--premium:hover {
    border-color: color-mix(in srgb, #d97706 62%, var(--cr-border));
    background: linear-gradient(135deg, color-mix(in srgb, #fbbf24 22%, var(--cr-surface)), var(--cr-surface));
}

#cr-header-root .cr-user-btn--premium .cr-user-avatar img {
    box-shadow: 0 0 0 2px #f59e0b;
}

#cr-header-root .cr-user-btn--premium > span:not(.cr-user-avatar) {
    color: #b45309;
}

html.dark-mode #cr-header-root .cr-user-btn--premium > span:not(.cr-user-avatar),
.dark-mode #cr-header-root .cr-user-btn--premium > span:not(.cr-user-avatar) {
    color: #fbbf24;
}

#cr-header-root .cr-user-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    margin-top: 0.28rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#cr-header-root .cr-user-badge--member {
    background: var(--cr-brand-soft);
    color: var(--cr-brand);
}

#cr-header-root .cr-user-badge--premium {
    background: linear-gradient(135deg, #fde68a, #f59e0b);
    color: #1a2332;
}

/* Only the name truncates; the avatar wrapper and crown badge must not inherit this. */
#cr-header-root .cr-user-btn > span:not(.cr-user-avatar) {
    max-width: 6.5rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--cr-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#cr-header-root .cr-user-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
    padding-top: 0.5rem;
    width: 14rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    pointer-events: none;
}

#cr-header-root .cr-user-menu:hover .cr-user-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

#cr-header-root .cr-wallet-card {
    margin: 0.5rem 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: var(--cr-radius-sm);
    background: color-mix(in srgb, var(--cr-brand) 10%, var(--cr-surface-soft));
    border: 1px solid color-mix(in srgb, var(--cr-brand) 20%, transparent);
}

#cr-header-root .cr-wallet-card p:first-child {
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cr-brand);
}

#cr-header-root .cr-wallet-card p:last-child {
    margin-top: 0.2rem;
    font-size: 0.875rem;
    font-weight: 800;
    color: var(--cr-text);
}

#cr-header-root .cr-upgrade-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0.35rem 0.75rem 0.5rem;
    padding: 0.55rem;
    border-radius: var(--cr-radius-sm);
    background: linear-gradient(135deg, #fde68a, #fbbf24);
    color: #1a2332;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none !important;
}

#cr-header-root .cr-upgrade-banner:hover {
    filter: brightness(1.04);
}

/* Search field */
#cr-header-root .cr-search-wrap {
    position: relative;
}

#cr-header-root .cr-search-input {
    width: 100%;
    height: 2.65rem;
    padding: 0 2.5rem 0 2.65rem;
    border-radius: 999px;
    border: 1px solid var(--cr-border);
    background: color-mix(in srgb, var(--cr-surface-soft) 70%, var(--cr-surface));
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cr-text);
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

#cr-header-root .cr-search-input::placeholder {
    color: var(--cr-text-muted);
    opacity: 0.85;
}

#cr-header-root .cr-search-input:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--cr-brand) 45%, var(--cr-border));
    background: var(--cr-surface);
    box-shadow: var(--cr-focus);
}

#cr-header-root .cr-search-icon {
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--cr-text-muted);
    font-size: 0.85rem;
    pointer-events: none;
    transition: color 0.15s ease;
}

#cr-header-root .cr-search-wrap:focus-within .cr-search-icon {
    color: var(--cr-brand);
}

#cr-header-root .cr-search-clear {
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cr-text-muted);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
}

#cr-header-root .cr-search-clear.is-visible {
    opacity: 1;
    pointer-events: auto;
}

#cr-header-root .cr-search-clear:hover {
    background: var(--cr-surface-soft);
    color: var(--cr-text);
}

/* Mobile header */
#cr-header-root .cr-header--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.85rem;
    padding-top: max(0.55rem, env(safe-area-inset-top));
}

#cr-header-root .cr-mobile-bar {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

#cr-header-root .cr-mobile-search-bar {
    border-bottom: 1px solid var(--cr-header-border);
    background: color-mix(in srgb, var(--cr-surface-soft) 60%, var(--cr-bg-elevated));
    padding: 0.65rem 0.85rem;
}

#cr-header-root .cr-mobile-drawer {
    border-bottom: 1px solid var(--cr-border);
    background: var(--cr-bg-elevated);
    padding: 0.75rem 0.85rem 1rem;
    /* Show the whole menu at once: no inner scroll box that clips the account links. */
    max-height: none;
    overflow: visible;
}

#cr-header-root .cr-mobile-accordion {
    margin-bottom: 0.65rem;
}

#cr-header-root .cr-mobile-accordion__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem 0.85rem;
    border-radius: var(--cr-radius);
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--cr-text);
    text-decoration: none !important;
    transition: background 0.15s ease, border-color 0.15s ease;
}

#cr-header-root .cr-mobile-accordion__trigger:hover {
    background: color-mix(in srgb, var(--cr-brand) 6%, var(--cr-surface));
    border-color: color-mix(in srgb, var(--cr-brand) 22%, var(--cr-border));
}

#cr-header-root .cr-mobile-accordion__body {
    margin-top: 0.45rem;
    padding-left: 0.65rem;
    border-left: 2px solid color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
}

#cr-header-root .cr-mobile-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.35rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cr-text-muted);
    text-decoration: none !important;
    transition: color 0.15s ease;
}

#cr-header-root .cr-mobile-link:hover {
    color: var(--cr-brand);
}

#cr-header-root .cr-mobile-link i {
    width: 1.1rem;
    text-align: center;
}

#cr-header-root .cr-mobile-genre-panel {
    margin-top: 0.45rem;
    max-height: 16rem;
    overflow-y: auto;
    padding: 0.65rem;
    border-radius: var(--cr-radius);
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
}

#cr-header-root .cr-mobile-quick {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

#cr-header-root .cr-mobile-quick a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem;
    border-radius: var(--cr-radius);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.15s ease, filter 0.15s ease;
}

#cr-header-root .cr-mobile-quick button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.7rem;
    border-radius: var(--cr-radius);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

#cr-header-root .cr-mobile-quick__appearance {
    grid-column: 1 / -1;
    background: var(--cr-surface);
    color: var(--cr-text);
    border: 1px solid var(--cr-border);
}

#cr-header-root .cr-mobile-quick__appearance img { opacity: 0.85; }

#cr-header-root .cr-mobile-quick a:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

#cr-header-root .cr-mobile-quick__library {
    background: color-mix(in srgb, var(--cr-brand) 14%, var(--cr-surface));
    color: var(--cr-brand);
    border: 1px solid color-mix(in srgb, var(--cr-brand) 25%, transparent);
}

#cr-header-root .cr-mobile-quick__donate {
    background: color-mix(in srgb, var(--cr-accent, #d97706) 14%, var(--cr-surface));
    color: var(--cr-text);
    border: 1px solid color-mix(in srgb, var(--cr-accent, #d97706) 35%, transparent);
}

#cr-header-root .cr-mobile-quick__donate i {
    color: var(--cr-accent, #d97706);
}

#cr-header-root .cr-mobile-quick__earn {
    background: color-mix(in srgb, #f59e0b 14%, var(--cr-surface));
    color: var(--cr-text);
    border: 1px solid color-mix(in srgb, #f59e0b 40%, transparent);
}

#cr-header-root .cr-mobile-quick__earn i { color: #d97706; }

#cr-header-root .cr-mobile-quick__premium {
    background: linear-gradient(135deg, #fde68a, #f59e0b);
    color: #1a2332;
    border: 1px solid color-mix(in srgb, #d97706 40%, transparent);
}

#cr-header-root .cr-mobile-user-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    margin-bottom: 0.65rem;
    border-radius: var(--cr-radius);
    border: 1px solid var(--cr-border);
    background: var(--cr-surface);
}

#cr-header-root .cr-mobile-user-card img {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    object-fit: cover;
    display: block;
}

#cr-header-root .cr-mobile-user-card--premium {
    border-color: color-mix(in srgb, #d97706 40%, var(--cr-border));
    background: linear-gradient(135deg, color-mix(in srgb, #fbbf24 14%, var(--cr-surface)), var(--cr-surface));
}

#cr-header-root .cr-mobile-user-card--premium .cr-user-avatar img {
    box-shadow: 0 0 0 2px #f59e0b;
}

#cr-header-root .cr-mobile-auth {
    display: flex;
    gap: 0.5rem;
}

#cr-header-root .cr-mobile-auth .cr-btn-ghost,
#cr-header-root .cr-mobile-auth .cr-btn-primary {
    flex: 1;
    text-align: center;
    text-decoration: none !important;
}

@media (min-width: 1024px) {
    #cr-header-root .cr-header--desktop {
        display: block;
    }
    #cr-header-root .cr-header--mobile {
        display: none !important;
    }
    #cr-header-root .cr-mobile-search-bar,
    #cr-header-root #mobile-menu {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    #cr-header-root .cr-brand-mobile .cr-brand-sub {
        display: none;
    }
}

#cr-header-root .cr-suggestions {
    border: 1px solid color-mix(in srgb, var(--cr-border) 80%, transparent);
    background: var(--cr-surface);
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

#cr-header-root .cr-search-panel {
    max-height: min(70vh, 480px);
    overflow-y: auto;
    padding: 14px 16px 12px;
}

#cr-header-root .cr-search-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #6b7280;
}

html.dark-mode #cr-header-root .cr-search-section-title,
html.dark #cr-header-root .cr-search-section-title {
    color: #9ca3af;
}

#cr-header-root .cr-search-more {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #e11d48;
    text-decoration: none !important;
}

#cr-header-root .cr-search-more:hover {
    color: #be123c;
}

#cr-header-root .cr-trending-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 0 16px;
}

#cr-header-root .cr-trending-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    color: inherit;
    transition: background 0.15s ease;
}

#cr-header-root .cr-trending-item:hover {
    background: color-mix(in srgb, var(--cr-brand) 10%, transparent);
}

#cr-header-root .cr-trending-flame {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(145deg, #fb7185, #e11d48);
    color: #fff;
    font-size: 0.65rem;
}

#cr-header-root .cr-trending-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cr-text);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#cr-header-root .cr-keyword-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

#cr-header-root .cr-keyword-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cr-surface-soft) 90%, #e5e7eb);
    color: #4b5563;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease;
    border: 1px solid transparent;
}

#cr-header-root .cr-keyword-chip:hover {
    background: color-mix(in srgb, #e11d48 12%, var(--cr-surface));
    color: #be123c;
    border-color: color-mix(in srgb, #e11d48 25%, transparent);
}

html.dark-mode #cr-header-root .cr-keyword-chip,
html.dark #cr-header-root .cr-keyword-chip {
    background: color-mix(in srgb, var(--cr-surface-soft) 80%, #374151);
    color: #d1d5db;
}

html.dark-mode #cr-header-root .cr-keyword-chip:hover,
html.dark #cr-header-root .cr-keyword-chip:hover {
    background: color-mix(in srgb, #fb7185 18%, var(--cr-surface));
    color: #fda4af;
}

#cr-header-root .cr-search-hint {
    margin: 4px 0 0;
    padding-top: 8px;
    border-top: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
}

#cr-header-root .cr-suggestion-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
    padding: 10px 14px;
    cursor: pointer;
    transition: background 0.15s ease;
}

#cr-header-root .cr-suggestion-item:last-child {
    border-bottom: none;
}

#cr-header-root .cr-suggestion-item:hover {
    background: color-mix(in srgb, var(--cr-brand) 10%, transparent);
}

#cr-header-root .cr-suggestion-title {
    font-size: 0.875rem;
    font-weight: 650;
    color: var(--cr-text);
}

#cr-header-root .cr-suggestion-meta {
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
}

#cr-header-root .dropdown-scroll::-webkit-scrollbar {
    width: 6px;
}
#cr-header-root .dropdown-scroll::-webkit-scrollbar-track {
    background: var(--cr-surface-soft);
}
#cr-header-root .dropdown-scroll::-webkit-scrollbar-thumb {
    background: var(--cr-border);
    border-radius: 999px;
}

#cr-header-root .rotate-animation {
    animation: cr-header-rotate 0.5s ease-in-out;
}
@keyframes cr-header-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#cr-header-root > header,
#cr-header-root .cr-mobile-header {
    background: transparent !important;
    border-bottom: none !important;
}

#cr-header-root a {
    text-decoration: none;
}

@supports (-webkit-touch-callout: none) {
    html, body {
        min-height: -webkit-fill-available;
        overflow-x: hidden;
        position: relative;
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* --- login / translate widget --- */
.skiptranslate.goog-te-gadget {
    visibility: hidden; 
}

.skiptranslate.goog-te-gadget #\:0\.targetLanguage {
    visibility: visible; 
}
div#mobile-suggestions {
    z-index: 1000000;
}

/* Appearance modal */
.cr-appear-scrim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: 10050;
    background: rgba(28, 25, 23, 0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.cr-appear-scrim[hidden] { display: none !important; }

.cr-appear {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
    pointer-events: none;
}
.cr-appear[hidden] { display: none !important; }

.cr-appear__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(34rem, calc(100vw - 1.5rem));
    max-height: min(90vh, 42rem);
    max-height: min(90dvh, 42rem);
    margin: auto;
    overflow: hidden;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--cr-border) 80%, transparent);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--cr-bg-elevated, var(--cr-bg)) 96%, #fff);
    color: var(--cr-text);
    box-shadow: 0 24px 60px rgba(20, 16, 12, 0.22);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    pointer-events: auto;
}
.cr-appear__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.25rem 1.25rem 0.85rem;
}
.cr-appear__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-shrink: 0;
    margin: 0;
    padding: 0.85rem 1.25rem calc(0.95rem + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid color-mix(in srgb, var(--cr-border) 75%, transparent);
    background: color-mix(in srgb, var(--cr-bg-elevated, var(--cr-bg)) 98%, #fff);
}

.cr-appear__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}
.cr-appear__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cr-accent) 16%, var(--cr-surface));
    color: color-mix(in srgb, var(--cr-accent) 80%, var(--cr-text));
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.cr-appear__title {
    margin: 0.55rem 0 0.2rem;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}
.cr-appear__sub {
    margin: 0;
    font-size: 0.88rem;
    color: var(--cr-text-muted);
}
.cr-appear__x {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cr-surface-soft) 80%, transparent);
    color: var(--cr-text-muted);
    cursor: pointer;
}
.cr-appear__x:hover { color: var(--cr-text); }

.cr-appear__section { margin-bottom: 1.15rem; }
.cr-appear__label {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--cr-accent) 70%, var(--cr-text-muted));
}
.cr-appear__modes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cr-surface-soft) 88%, transparent);
}
.cr-appear__mode {
    height: 2.35rem;
    border: 0;
    border-radius: 999px;
    background: var(--cr-surface);
    color: var(--cr-text);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--cr-shadow-sm);
}
.cr-appear__mode.is-active {
    background: var(--cr-accent);
    color: #fff;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--cr-accent) 28%, transparent);
}

.cr-appear__theme-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}
.cr-appear__hint {
    margin: 0;
    font-size: 0.8rem;
    color: var(--cr-text-muted);
}
.cr-appear__theme-name {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cr-accent);
}

.cr-appear__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}
@media (max-width: 560px) {
    .cr-appear__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.cr-appear__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.55rem;
    border: 1.5px solid color-mix(in srgb, var(--cr-border) 80%, transparent);
    border-radius: 1rem;
    background: var(--cr-surface);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.cr-appear__card:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--cr-accent) 40%, var(--cr-border));
}
.cr-appear__card.is-active {
    border-color: var(--cr-accent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--cr-accent) 35%, transparent);
}
.cr-appear__preview {
    display: block;
    padding: 0.7rem;
    border-radius: 0.75rem;
    background: var(--p4, #fff);
    min-height: 4.4rem;
}
.cr-appear__preview.is-dark { background: var(--p4, #141c2b); }
.cr-appear__dot {
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    margin-bottom: 0.45rem;
    border-radius: 999px;
    background: var(--p1);
}
.cr-appear__lines {
    display: grid;
    gap: 0.28rem;
    margin-bottom: 0.55rem;
}
.cr-appear__lines i {
    display: block;
    height: 0.28rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--p2) 55%, transparent);
}
.cr-appear__lines i:first-child { width: 72%; }
.cr-appear__lines i:last-child { width: 48%; }
.cr-appear__bars {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.8fr;
    gap: 0.2rem;
}
.cr-appear__bars i {
    display: block;
    height: 0.42rem;
    border-radius: 999px;
}
.cr-appear__bars i:nth-child(1) { background: var(--p1); }
.cr-appear__bars i:nth-child(2) { background: var(--p3); }
.cr-appear__bars i:nth-child(3) { background: var(--p5); }
.cr-appear__card-name {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--cr-text);
}
.cr-appear__check {
    position: absolute;
    right: 0.55rem;
    bottom: 0.55rem;
    display: none;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--cr-accent);
    color: #fff;
    font-size: 0.55rem;
}
.cr-appear__card.is-active .cr-appear__check { display: inline-flex; }

.cr-appear__foot-right {
    display: flex;
    gap: 0.45rem;
}
.cr-appear__btn {
    height: 2.35rem;
    padding: 0 0.95rem;
    border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
    border-radius: 999px;
    background: var(--cr-surface);
    color: var(--cr-text);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}
.cr-appear__btn--save {
    border-color: transparent;
    background: var(--cr-accent);
    color: #fff;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--cr-accent) 28%, transparent);
}

@media (max-width: 640px) {
    .cr-appear {
        padding: 0;
        align-items: stretch;
        justify-content: stretch;
    }
    .cr-appear__panel {
        width: 100%;
        max-width: none;
        height: 100%;
        max-height: 100dvh;
        margin: 0;
        border-radius: 0;
        border: 0;
    }
    .cr-appear__scroll {
        padding: 1.1rem 1.1rem 0.75rem;
    }
    .cr-appear__foot {
        padding: 0.75rem 1.1rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
    }
}


/* ---- New-chapter bell (assets/js/chapter-notify.js) ---- */
#cr-header-root .cr-notify-btn { position: relative; }
#cr-header-root .cr-notify-btn[aria-expanded="true"] {
    color: var(--cr-brand);
    border-color: color-mix(in srgb, var(--cr-brand) 45%, var(--cr-border));
    background: color-mix(in srgb, var(--cr-brand) 10%, var(--cr-surface));
}
#cr-header-root .cr-notify-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #1a2332;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.15rem;
    text-align: center;
    box-shadow: 0 0 0 2px var(--cr-bg-elevated);
}
#cr-header-root .cr-notify-badge[hidden] { display: none; }

.cr-notify-panel {
    position: fixed;
    z-index: 100000;
    width: min(400px, calc(100vw - 1.5rem));
    max-height: min(560px, calc(100vh - 5rem));
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cr-border);
    border-radius: var(--cr-radius-lg, 20px);
    background: var(--cr-bg-elevated);
    color: var(--cr-text);
    box-shadow: var(--cr-shadow);
    font-family: var(--cr-font-ui);
    overflow: hidden;
}
.cr-notify-panel[hidden] { display: none; }
.cr-notify-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 1rem 0.7rem;
    border-bottom: 1px solid var(--cr-border);
}
.cr-notify-panel__head h2 { margin: 0; font-size: 0.98rem; font-weight: 800; }
.cr-notify-panel__head p { margin: 0.1rem 0 0; font-size: 0.74rem; color: var(--cr-text-muted); }
.cr-notify-panel__list { list-style: none; margin: 0; padding: 0.35rem; overflow-y: auto; overscroll-behavior: contain; }
.cr-notify-item { position: relative; display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) auto; gap: 0.7rem; align-items: center; padding: 0.55rem; border-radius: var(--cr-radius, 14px); }
.cr-notify-item:hover { background: var(--cr-surface-soft); }
.cr-notify-item.is-new { background: color-mix(in srgb, var(--cr-brand) 7%, transparent); }
.cr-notify-item.is-new::before { content: ""; position: absolute; left: 0.15rem; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--cr-brand); }
.cr-notify-cover { width: 2.75rem; height: 3.7rem; border-radius: 8px; object-fit: cover; background: var(--cr-surface-soft); display: block; }
.cr-notify-body { min-width: 0; }
.cr-notify-title { display: block; font-size: 0.86rem; font-weight: 750; line-height: 1.3; color: var(--cr-text) !important; text-decoration: none !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cr-notify-title:hover { color: var(--cr-brand) !important; }
.cr-notify-meta { margin: 0.2rem 0 0; font-size: 0.74rem; color: var(--cr-text-muted); }
.cr-notify-meta strong { color: var(--cr-brand); font-weight: 800; }
.cr-notify-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; }
.cr-notify-read {
    display: inline-flex; align-items: center; gap: 0.3rem; white-space: nowrap;
    min-height: 2.25rem; padding: 0 0.75rem; border-radius: 999px;
    background: var(--cr-brand); color: #fff !important; font-size: 0.76rem; font-weight: 800; text-decoration: none !important;
}
html.dark-mode .cr-notify-read, html.dark .cr-notify-read { color: #0b1220 !important; }
.cr-notify-read:hover { background: var(--cr-brand-hover); }
.cr-notify-mute { border: 0; background: none; padding: 0.25rem 0.35rem; border-radius: 8px; font: inherit; font-size: 0.7rem; color: var(--cr-text-muted); cursor: pointer; }
.cr-notify-mute:hover { color: var(--cr-danger); background: var(--cr-surface-soft); }
.cr-notify-link { border: 0; background: none; font: inherit; font-size: 0.76rem; font-weight: 700; color: var(--cr-brand); cursor: pointer; padding: 0.4rem 0.5rem; border-radius: 8px; text-decoration: none !important; }
.cr-notify-link:hover { background: var(--cr-surface-soft); }
.cr-notify-panel__foot { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.55rem 0.75rem; border-top: 1px solid var(--cr-border); }
.cr-notify-empty { padding: 2rem 1.25rem; text-align: center; color: var(--cr-text-muted); font-size: 0.86rem; }
.cr-notify-empty i { display: block; margin-bottom: 0.6rem; font-size: 1.6rem; opacity: 0.5; }
.cr-notify-panel :focus-visible { outline: 3px solid color-mix(in srgb, var(--cr-brand) 70%, var(--cr-text)); outline-offset: 2px; box-shadow: none; }
@media (max-width: 640px) {
    .cr-notify-panel { left: 0.5rem !important; right: 0.5rem !important; width: auto; }
}
@media (prefers-reduced-motion: no-preference) {
    .cr-notify-panel:not([hidden]) { animation: cr-notify-in 0.16s ease-out; }
    @keyframes cr-notify-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
}

/* Mobile drawer: tighter rhythm so the full menu fits small phones without scrolling. */
#cr-header-root .cr-mobile-drawer .cr-mobile-quick { margin-bottom: 0.6rem; }
#cr-header-root .cr-mobile-drawer .cr-mobile-quick a,
#cr-header-root .cr-mobile-drawer .cr-mobile-quick button { padding: 0.6rem; min-height: 2.75rem; }
#cr-header-root .cr-mobile-drawer .cr-mobile-accordion { margin-bottom: 0.5rem; }
#cr-header-root .cr-mobile-drawer .cr-mobile-accordion__trigger { padding: 0.65rem 0.85rem; }
#cr-header-root .cr-mobile-drawer .cr-dropdown-link { min-height: 2.75rem; padding-top: 0.45rem; padding-bottom: 0.45rem; }

/* Desktop header: fewer, calmer controls (Library moved to nav, Appearance into the account menu). */
#cr-header-root .cr-header--desktop .cr-header__inner { gap: 1.5rem; }
#cr-header-root .cr-header--desktop .cr-header__left { gap: 1.25rem; }
#cr-header-root .cr-header--desktop .cr-header__center { max-width: 30rem; }
#cr-header-root .cr-header--desktop .cr-header__right { gap: 0.75rem; }
#cr-header-root .cr-header--desktop .cr-header__actions { gap: 0.6rem; }
#cr-header-root button.cr-dropdown-link {
    width: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

/* Bolder top-level menu labels */
#cr-header-root .cr-nav__trigger { font-weight: 800; font-size: 0.84rem; color: var(--cr-text); }
#cr-header-root .cr-nav__trigger i { opacity: 0.75; }
#cr-header-root .cr-nav__trigger i.cr-nav__ext { font-size: 0.6rem; opacity: 0.6; }
#cr-header-root .cr-dropdown-link { font-weight: 700; }


/* Desktop header, GoodNovel-style: plain text nav, compact always-visible search, Library link. */
@media (min-width: 1024px) {
    #cr-header-root .cr-header--desktop .cr-header__inner { gap: 0.75rem; }
    #cr-header-root .cr-header--desktop .cr-header__left { gap: 1.75rem; margin-right: 1rem; }
    #cr-header-root .cr-header--desktop .cr-nav { gap: 0.35rem; }
    #cr-header-root .cr-header--desktop .cr-nav__trigger {
        padding: 0.45rem 0.6rem;
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--cr-text);
        gap: 0.3rem;
    }
    #cr-header-root .cr-header--desktop .cr-nav__trigger { gap: 0.45rem; }
    #cr-header-root .cr-header--desktop .cr-nav__trigger > i:not(.fa-chevron-down) {
        font-size: 0.85rem;
        color: var(--cr-brand);
        opacity: 1;
    }
    #cr-header-root .cr-header--desktop .cr-nav__trigger .fa-chevron-down { font-size: 0.6rem; opacity: 0.7; }
    #cr-header-root .cr-header--desktop .cr-nav__trigger > i.cr-nav__ext { font-size: 0.6rem; color: inherit; opacity: 0.6; }
    #cr-header-root .cr-header--desktop .cr-header__center {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1.25rem;
        padding: 0;
        max-width: none;
    }
    #cr-header-root .cr-header--desktop .cr-search-compact { width: 15rem; transition: width 0.25s ease; }
    #cr-header-root .cr-header--desktop .cr-search-compact:focus-within { width: 22rem; }
    #cr-header-root .cr-header--desktop .cr-search-compact .cr-search-input {
        height: 2.5rem;
        border-radius: 10px;
        border-color: transparent;
        background: var(--cr-surface-soft);
        font-size: 0.86rem;
    }
    #cr-header-root .cr-header--desktop .cr-search-compact .cr-search-input:focus {
        border-color: color-mix(in srgb, var(--cr-brand) 45%, var(--cr-border));
        background: var(--cr-surface);
    }
    #cr-header-root .cr-header-library {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        min-height: 2.5rem;
        padding: 0 0.25rem;
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--cr-text) !important;
        text-decoration: none !important;
        white-space: nowrap;
    }
    #cr-header-root .cr-header-library i { font-size: 0.95rem; color: var(--cr-brand); }
    #cr-header-root .cr-header-library:hover { color: var(--cr-brand) !important; }
    #cr-header-root .cr-header--desktop .cr-header__right,
    #cr-header-root .cr-header--desktop .cr-header__actions { gap: 0.6rem; }
    #cr-header-root .cr-header--desktop .cr-header__divider { margin: 0 0.3rem; }
}
/* Keep top-level nav labels on one line; let search give up space before the nav does. */
@media (min-width: 1024px) {
    #cr-header-root .cr-header--desktop .cr-nav__item { flex-shrink: 0; }
    #cr-header-root .cr-header--desktop .cr-nav__trigger { white-space: nowrap; }
    #cr-header-root .cr-header--desktop .cr-header__left { gap: 0.6rem; margin-right: 0.5rem; flex-shrink: 0; }
    #cr-header-root .cr-header--desktop .cr-nav { gap: 0.1rem; }
    #cr-header-root .cr-header--desktop .cr-nav__trigger { padding-left: 0.5rem; padding-right: 0.5rem; }
    #cr-header-root .cr-header--desktop .cr-header__center { min-width: 0; }
    #cr-header-root .cr-header--desktop .cr-search-compact { flex: 0 1 15rem; min-width: 9rem; }
    #cr-header-root .cr-header--desktop .cr-search-compact:focus-within { flex-basis: 22rem; }
}
/* Smallest desktops: Library and the account button also drop their text so search keeps room. */
@media (min-width: 1024px) and (max-width: 1199px) {
    #cr-header-root .cr-header--desktop .cr-header-library span,
    #cr-header-root .cr-header--desktop .cr-user-btn > span:not(.cr-user-avatar) {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    #cr-header-root .cr-header--desktop .cr-header__center { gap: 0.75rem; }
    #cr-header-root .cr-header--desktop .cr-search-compact { min-width: 8rem; }
}

@media (prefers-reduced-motion: reduce) {
    #cr-header-root .cr-header--desktop .cr-search-compact { transition: none; }
}

/* Premium days left (account menu + mobile drawer): one row, days on the right */
#cr-header-root .cr-premium-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
#cr-header-root .cr-premium-row .cr-user-badge { margin-top: 0; }
#cr-header-root .cr-premium-left {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--cr-text);
    white-space: nowrap;
}
#cr-header-root .cr-premium-left i { color: #d97706; font-size: 0.7rem; }
#cr-header-root .cr-premium-left.is-soon,
#cr-header-root .cr-premium-left.is-soon i { color: var(--cr-danger); }
#cr-header-root .cr-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Bell: small dot when nothing is new since the last look but saved novels still have unread chapters */
#cr-header-root .cr-notify-badge.is-dot {
    top: 1px;
    right: 1px;
    min-width: 0;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    background: var(--cr-brand);
}

/* Close button in the new-chapters panel */
.cr-notify-panel__tools { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; }
.cr-notify-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--cr-border);
    border-radius: 999px;
    background: var(--cr-surface);
    color: var(--cr-text-muted);
    font-size: 0.85rem;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.cr-notify-close:hover {
    color: var(--cr-text);
    background: var(--cr-surface-soft);
    border-color: color-mix(in srgb, var(--cr-text) 25%, var(--cr-border));
}

/* Panel body scrolls; the list grows 5 novels at a time */
.cr-notify-panel__body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.cr-notify-panel__body .cr-notify-panel__list { flex: 1 1 auto; min-height: 0; }
.cr-notify-more { list-style: none; display: flex; justify-content: center; padding: 0.35rem 0 0.15rem; }
.cr-notify-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Sign-in modal: brand hero, perks, full-width Google button; bottom sheet on phones. */
#cr-login-register-scope .cr-auth {
    position: relative;
    border-radius: 1.5rem 1.5rem 0 0 !important;
    padding-bottom: env(safe-area-inset-bottom);
    animation: cr-auth-up 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@media (min-width: 640px) {
    #cr-login-register-scope .cr-auth {
        border-radius: 1.5rem !important;
        animation-name: cr-auth-pop;
    }
}
@keyframes cr-auth-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cr-auth-pop { from { transform: translateY(8px) scale(0.98); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #cr-login-register-scope .cr-auth { animation: none; } }

#cr-login-register-scope .cr-auth__hero {
    position: relative;
    padding: 1.75rem 1.5rem 1.4rem;
    text-align: center;
    background:
        radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--cr-brand) 26%, transparent) 0%, transparent 65%),
        radial-gradient(60% 60% at 100% 0%, color-mix(in srgb, #f59e0b 14%, transparent) 0%, transparent 70%);
    border-bottom: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
}
#cr-login-register-scope .cr-auth__grip {
    position: absolute;
    top: 0.55rem;
    left: 50%;
    width: 2.5rem;
    height: 0.28rem;
    margin-left: -1.25rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cr-text-muted) 40%, transparent);
}
@media (min-width: 640px) { #cr-login-register-scope .cr-auth__grip { display: none; } }

#cr-login-register-scope .cr-auth__close {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    color: var(--cr-text-muted);
    background: color-mix(in srgb, var(--cr-surface) 70%, transparent);
    border: 1px solid var(--cr-border);
    transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
#cr-login-register-scope .cr-auth__close:hover {
    color: var(--cr-text);
    transform: rotate(90deg);
}

#cr-login-register-scope .cr-auth__mark {
    display: inline-grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0.4rem auto 0.85rem;
    border-radius: 1.1rem;
    font-size: 1.35rem;
    color: #fff;
    background: linear-gradient(145deg, var(--cr-brand) 0%, color-mix(in srgb, var(--cr-brand) 55%, #0b1220) 100%);
    box-shadow: 0 10px 28px -10px color-mix(in srgb, var(--cr-brand) 80%, transparent),
                inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
#cr-login-register-scope .cr-auth__eyebrow {
    margin: 0 0 0.3rem;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--cr-text-muted);
}
#cr-login-register-scope .cr-auth__eyebrow span { color: var(--cr-brand); }
#cr-login-register-scope .cr-auth__title {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--cr-text);
}
#cr-login-register-scope .cr-auth__lead {
    margin: 0.45rem auto 0;
    max-width: 18rem;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--cr-text-muted);
}

#cr-login-register-scope .cr-auth__body { padding: 1.25rem 1.5rem 1.5rem; }
#cr-login-register-scope #alert-container:not(.hidden) { margin-bottom: 1rem; }

#cr-login-register-scope .cr-auth__perks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
}
#cr-login-register-scope .cr-auth__perks li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 0.7rem 0.35rem;
    border-radius: 0.9rem;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--cr-text);
    background: color-mix(in srgb, var(--cr-brand) 7%, var(--cr-surface));
    border: 1px solid color-mix(in srgb, var(--cr-border) 80%, transparent);
}
#cr-login-register-scope .cr-auth__perks i { font-size: 0.95rem; color: var(--cr-brand); }
#cr-login-register-scope .cr-auth__perks li:nth-child(2) i { color: #f59e0b; }

#cr-login-register-scope .cr-auth__google {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 44px;
}
#cr-login-register-scope .cr-auth__gbtn { display: flex; justify-content: center; width: 100%; }
#cr-login-register-scope .cr-auth__gbtn iframe { margin: 0 auto !important; }
/* Google's button iframe is light-scheme: under a dark page it would get an opaque white backdrop. */
#cr-login-register-scope .cr-auth__gbtn,
#cr-login-register-scope .cr-auth__gbtn iframe { color-scheme: light; }

#cr-login-register-scope .cr-auth__secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0.85rem 0 0;
    font-size: 0.75rem;
    color: var(--cr-text-muted);
}
#cr-login-register-scope .cr-auth__secure i { color: #10b981; }

#cr-login-register-scope .cr-auth__foot {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--cr-border);
    text-align: center;
    font-size: 0.875rem;
    color: var(--cr-text-muted);
}
#cr-login-register-scope .cr-auth__link {
    margin-left: 0.2rem;
    font-weight: 700;
    color: var(--cr-brand);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}
#cr-login-register-scope .cr-auth__link:hover { text-decoration: underline; }


/* —— Home page: transparent header over the hero (CrushReel style) ——
   body.cr-hero-header is set on "/" and novel pages; site-header.js adds .cr-scrolled after 10px of scroll
   and measures the bar into --cr-hdr-h so the hero starts under it. */
body.cr-hero-header #cr-header-root {
    z-index: 60;
    margin-bottom: calc(-1 * var(--cr-hdr-h, 62px));
    --cr-text-orig: var(--cr-text);
    --cr-text-muted-orig: var(--cr-text-muted);
}
body.cr-hero-header .cr-hero-band {
    padding-top: var(--cr-hdr-h, 62px);
}
body.cr-hero-header #cr-header-root .cr-header {
    transition: background-color 0.25s ease, border-color 0.25s ease, backdrop-filter 0.25s ease;
}
/* The root wrapper also paints a near-opaque bar (theme rules): clear it too while on the hero. */
body.cr-hero-header:not(.cr-scrolled) #cr-header-root {
    background: linear-gradient(to bottom, rgba(8, 5, 12, 0.45), rgba(8, 5, 12, 0)) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.cr-hero-header #cr-header-root {
    transition: background-color 0.25s ease;
}
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    --cr-text: #fff;
    --cr-text-muted: rgba(255, 255, 255, 0.72);
    color: #fff;
}
/* Logo, nav and icons read white on the poster wall… */
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-brand-title,
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-nav__trigger,
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-header-library,
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-brand-sub {
    color: #fff;
}
body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-brand-sub { opacity: 0.7; }
/* …while menus that open from it keep the normal theme colours. */
body.cr-hero-header #cr-header-root .cr-header .cr-nav__dropdown,
body.cr-hero-header #cr-header-root .cr-header .cr-user-dropdown,
body.cr-hero-header #cr-header-root .cr-header .cr-rewards-dropdown,
body.cr-hero-header #cr-header-root .cr-header .cr-suggestions,
body.cr-hero-header #cr-header-root .cr-header [class*="dropdown-panel"] {
    --cr-text: var(--cr-text-orig);
    --cr-text-muted: var(--cr-text-muted-orig);
    color: var(--cr-text-orig);
}

/* The hero's own top shading was tuned for a solid header above it: lighter now that the header is clear. */
body.cr-hero-header .cr-hero__veil {
    background:
        radial-gradient(80% 60% at 50% 45%, rgba(13, 9, 17, .05), rgba(13, 9, 17, .85) 100%),
        linear-gradient(to top, var(--cr-bg, #0d0911), transparent 28%),
        linear-gradient(to bottom, rgba(13, 9, 17, .35), transparent 18%);
}
@media (min-width: 860px) {
    body.cr-hero-header .cr-hero__veil {
        background:
            radial-gradient(70% 70% at 55% 50%, color-mix(in srgb, var(--cr-brand) 14%, transparent), rgba(13, 9, 17, .85) 100%),
            linear-gradient(to right, rgba(13, 9, 17, .85), transparent 55%),
            linear-gradient(to top, var(--cr-bg, #0d0911), transparent 30%),
            linear-gradient(to bottom, rgba(13, 9, 17, .35), transparent 18%);
    }
}

/* No divider line under the header (any page, scrolled or not). */
#cr-header-root,
#cr-header-root .cr-header {
    border-bottom: 0 !important;
}

/* Light themes: the clear header sits on the ivory hero, so it keeps its normal dark ink. */
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--cr-bg) 70%, transparent), transparent) !important;
}
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header {
    --cr-text: var(--cr-text-orig);
    --cr-text-muted: var(--cr-text-muted-orig);
    color: var(--cr-text-orig);
}
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-brand-title,
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-nav__trigger,
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-header-library,
html:not(.dark):not(.dark-mode) body.cr-hero-header:not(.cr-scrolled) #cr-header-root .cr-header .cr-brand-sub {
    color: var(--cr-text-orig);
}


/* home-page.css */
/* Home page styles (moved out of pages/index.php so browsers can cache them).
   Loaded last in <head> so it keeps the cascade position the inline block had. */
#home-page {
  font-family: var(--cr-font-ui);
  background: var(--cr-bg);
  color: var(--cr-text);
}

/* Theme-ready layout: outer shell = page bg only; cards keep surface */
#home-page .home-panel,
#home-page .short-hero,
#home-page .trend-main,
#home-page .trend-rising,
#home-page .rx-top {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#home-page .home-panel {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

#home-page .home-story-card {
  display: block;
  min-width: 0;
  /* Cover edge to edge, no outline: the card is just a surface with a soft shadow. */
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 1rem;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#home-page .home-story-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--cr-shadow);
}

#home-page .home-story-card__cover {
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 0;
  background: var(--cr-surface-soft);
}

#home-page .home-story-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

#home-page .home-story-card:hover .home-story-card__cover img {
  transform: scale(1.04);
}

#home-page .home-story-card__title {
  margin: 0.55rem 0.65rem 0.15rem;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--cr-text);
}

#home-page .home-story-card__meta {
  margin: 0 0.65rem 0.7rem;
  font-size: 0.65rem;
  color: var(--cr-text-muted);
}

#home-page .home-continue-card {
  display: block;
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
  border-radius: 1rem;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#home-page .home-continue-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
  background: color-mix(in srgb, var(--cr-brand) 5%, var(--cr-surface));
  box-shadow: var(--cr-shadow);
}

.home-short-band {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: var(--cr-bg) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
}
.home-short-band > * {
  position: relative;
  z-index: 1;
}
.home-short-band::before {
  content: none;
}
html.dark-mode .home-short-band,
html.dark .home-short-band,
.dark .home-short-band {
  background: var(--cr-bg) !important;
}

/* Homepage section shells — same page background (no alternating tints) */
.home-band,
.home-band--soft,
.home-band--tint,
.home-band--spotlight {
  position: relative;
  isolation: isolate;
  background: var(--cr-bg);
  border-bottom: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
}
.home-band__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding: 2.5rem 1rem;
}
@media (min-width: 640px) {
  .home-band__inner { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  .home-band__inner {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.font-fraunces { font-family: Fraunces, ui-serif, Georgia, serif; }

.home-x-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.home-x-scroll::-webkit-scrollbar { display: none; }

.home-rank-wrap {
  position: relative;
}
.home-rank {
  position: absolute;
  left: 0.4rem;
  top: 0;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.4rem 0.55rem;
  border: 0;
  border-radius: 0;
  color: #3f3428;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: 0.72rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1;
  text-shadow: none;
  backdrop-filter: none;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}
.home-rank--1 {
  background: linear-gradient(160deg, #fde68a, #f59e0b);
  color: #78350f;
}
.home-rank--2 {
  background: linear-gradient(160deg, #f8fafc, #94a3b8);
  color: #334155;
}
.home-rank--3 {
  background: linear-gradient(160deg, #fdba74, #c2410c);
  color: #7c2d12;
}
.home-rank--n {
  background: linear-gradient(160deg, #e8d7b8, #c4a574);
  color: #3f3428;
}
.dark .home-rank--n {
  background: linear-gradient(160deg, #e8d7b8, #c4a574);
  color: #3f3428;
}
@media (max-width: 639px) {
  .home-rank {
    min-width: 1.85rem;
    padding: 0.3rem 0.35rem 0.5rem;
    font-size: 0.68rem;
  }
}

/* Trending + Rising — modern signal board */
.trend-board {
  display: grid;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .trend-board {
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.82fr);
    gap: 1.15rem;
    align-items: stretch;
  }
}
.trend-main,
.trend-rising {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-width: 0;
  max-width: 100%;
}
.trend-main { padding: 0; }
.trend-rising { padding: 0; }
.trend-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.trend-head h2,
.trend-head h3 {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--cr-text);
}
.trend-head h2 i,
.trend-head h3 i,
.home-h-icon {
  color: var(--cr-brand);
  font-size: 0.78em;
  line-height: 1;
}
.home-h-title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.trend-head a {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cr-brand);
}
.trend-head a:hover { text-decoration: underline; }

/* Mobile horizontal trending rail */
.trend-m-rail {
  display: none;
}
.trend-m-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
  border-radius: 1rem;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  color: inherit;
  text-decoration: none !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.trend-m-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--cr-brand) 35%, var(--cr-border));
  box-shadow: var(--cr-shadow);
}
.trend-m-cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 12px;
  background: var(--cr-surface-soft);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}
.trend-m-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trend-m-badge {
  position: absolute;
  left: 0.4rem;
  top: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.4rem 0.55rem;
  color: #3f3428;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: 0.72rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}
.trend-m-badge--1 {
  background: linear-gradient(160deg, #fde68a, #f59e0b);
  color: #78350f;
}
.trend-m-badge--2 {
  background: linear-gradient(160deg, #f8fafc, #94a3b8);
  color: #334155;
}
.trend-m-badge--3 {
  background: linear-gradient(160deg, #fdba74, #c2410c);
  color: #7c2d12;
}
.trend-m-badge--n {
  background: linear-gradient(160deg, #e8d7b8, #c4a574);
  color: #3f3428;
}
.trend-m-title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.45rem 0 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--cr-text);
}
.trend-m-author {
  display: block;
  overflow: hidden;
  margin-top: 0.15rem;
  color: var(--cr-text-muted);
  font-size: 0.66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trend-m-genre {
  display: block;
  overflow: hidden;
  margin-top: 0.12rem;
  color: var(--cr-brand);
  font-size: 0.66rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trend-lead {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: 0.95rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 88%, transparent);
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--cr-brand) 16%, transparent), transparent 70%),
    radial-gradient(420px 200px at 100% 100%, color-mix(in srgb, var(--cr-accent) 14%, transparent), transparent 68%),
    var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  isolation: isolate;
}
html.light-mode .trend-lead,
html:not(.dark-mode):not(.dark) .trend-lead {
  background:
    radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--cr-brand) 10%, transparent), transparent 70%),
    #ffffff !important;
  border-color: color-mix(in srgb, var(--cr-border) 95%, transparent) !important;
  box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
}
.trend-lead__rank {
  position: absolute;
  right: 0.7rem;
  top: 0.35rem;
  z-index: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(3.5rem, 8vw, 5.2rem);
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.06em;
  color: color-mix(in srgb, var(--cr-accent) 28%, transparent);
  pointer-events: none;
  user-select: none;
}
html.light-mode .trend-lead__rank,
html:not(.dark-mode):not(.dark) .trend-lead__rank {
  color: color-mix(in srgb, var(--cr-accent) 38%, transparent);
}
@media (min-width: 700px) {
  .trend-lead {
    grid-template-columns: 148px minmax(0, 1fr);
    align-items: center;
    gap: 1.15rem;
    padding: 1.05rem 1.15rem;
  }
}
.trend-lead__cover {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: min(132px, 38%);
  aspect-ratio: 2 / 3;
  border-radius: 14px;
  background: var(--cr-surface-soft);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
  justify-self: start;
}
@media (min-width: 700px) {
  .trend-lead__cover { width: 100%; }
}
.trend-lead__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.trend-lead:hover .trend-lead__cover img { transform: scale(1.04); }
.trend-lead__badge {
  position: absolute;
  left: 0.45rem;
  top: 0.45rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #fde68a, #f59e0b);
  color: #78350f;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
}
.trend-lead__badge i { color: #b45309; }
.trend-lead__body {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.trend-lead__kicker {
  margin: 0 0 0.35rem;
  color: var(--cr-brand);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.trend-lead__title {
  margin: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(1.15rem, 2.4vw, 1.55rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--cr-text);
}
.trend-lead__title a:hover { color: var(--cr-brand); }
.trend-lead__meta {
  margin: 0.45rem 0 0;
  color: var(--cr-text-muted);
  font-size: 0.74rem;
  font-weight: 600;
}
.trend-lead__meta strong { color: var(--cr-brand); font-weight: 800; }
.trend-lead__summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.55rem 0 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--cr-text-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}
.trend-lead__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.85rem;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  background: var(--cr-brand);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: transform .2s ease, filter .2s ease;
}
.trend-lead__cta:hover {
  color: #fff;
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.trend-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.85rem;
}
.trend-mini {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 88%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--cr-surface-soft) 55%, var(--cr-surface));
  box-shadow: var(--cr-shadow-sm);
  isolation: isolate;
  transition: transform .2s ease;
}
.trend-mini:hover {
  transform: translateY(-2px);
}
.trend-mini__rank {
  position: absolute;
  right: 0.35rem;
  top: 0.1rem;
  z-index: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(2.6rem, 5vw, 3.4rem);
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.06em;
  pointer-events: none;
  user-select: none;
}
.trend-mini--2 .trend-mini__rank {
  color: color-mix(in srgb, #64748b 28%, transparent);
}
.trend-mini--3 .trend-mini__rank {
  color: color-mix(in srgb, #c2410c 26%, transparent);
}
.trend-mini--2 {
  background:
    linear-gradient(160deg, color-mix(in srgb, #cbd5e1 22%, transparent), transparent 60%),
    color-mix(in srgb, var(--cr-surface-soft) 55%, var(--cr-surface));
}
.trend-mini--3 {
  background:
    linear-gradient(160deg, color-mix(in srgb, #fdba74 20%, transparent), transparent 60%),
    color-mix(in srgb, var(--cr-surface-soft) 55%, var(--cr-surface));
}
html.light-mode .trend-mini,
html:not(.dark-mode):not(.dark) .trend-mini {
  background: #ffffff !important;
  border-color: color-mix(in srgb, var(--cr-border) 95%, transparent) !important;
  box-shadow: 0 6px 18px rgba(28, 25, 23, 0.07) !important;
}
html.light-mode .trend-mini--2,
html:not(.dark-mode):not(.dark) .trend-mini--2 {
  background:
    linear-gradient(160deg, color-mix(in srgb, #cbd5e1 18%, transparent), transparent 58%),
    #ffffff !important;
}
html.light-mode .trend-mini--3,
html:not(.dark-mode):not(.dark) .trend-mini--3 {
  background:
    linear-gradient(160deg, color-mix(in srgb, #fdba74 16%, transparent), transparent 58%),
    #ffffff !important;
}
html.light-mode .trend-mini--2 .trend-mini__rank,
html:not(.dark-mode):not(.dark) .trend-mini--2 .trend-mini__rank {
  color: color-mix(in srgb, #64748b 42%, transparent);
}
html.light-mode .trend-mini--3 .trend-mini__rank,
html:not(.dark-mode):not(.dark) .trend-mini--3 .trend-mini__rank {
  color: color-mix(in srgb, #c2410c 40%, transparent);
}
.trend-mini__top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
}
.trend-mini__cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 10px;
  background: var(--cr-surface-soft);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}
.trend-mini__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.trend-mini:hover .trend-mini__cover img { transform: scale(1.04); }
.trend-mini__title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--cr-text);
}
.trend-mini__title a:hover { color: var(--cr-brand); }
.trend-mini__meta {
  margin: 0.3rem 0 0;
  color: var(--cr-text-muted);
  font-size: 0.66rem;
}
.trend-mini__meta strong { color: var(--cr-brand); font-weight: 800; }
.trend-mini__summary {
  position: relative;
  z-index: 1;
  display: none;
  overflow: hidden;
  margin: 0.45rem 0 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--cr-text-muted);
  font-size: 0.68rem;
  line-height: 1.4;
}
@media (min-width: 700px) {
  .trend-mini__summary { display: -webkit-box; }
}

.trend-rising-list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.trend-rising-row {
  display: grid;
  grid-template-columns: 1.9rem 48px minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
  border-radius: 14px;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  color: inherit;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.trend-rising-row:hover {
  background: color-mix(in srgb, var(--cr-brand) 6%, var(--cr-surface));
  border-color: color-mix(in srgb, var(--cr-brand) 30%, var(--cr-border));
  box-shadow: var(--cr-shadow);
  transform: translateY(-1px);
}
.trend-rising-num {
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
  color: var(--cr-brand);
}
.trend-rising-num--soft { color: var(--cr-text-muted); }
.trend-rising-cover {
  overflow: hidden;
  width: 48px;
  aspect-ratio: 2 / 3;
  border-radius: 8px;
  background: var(--cr-surface-soft);
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.12);
}
.trend-rising-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trend-rising-title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--cr-text);
}
.trend-rising-meta {
  display: block;
  margin: 0.2rem 0 0;
  font-size: 0.66rem;
  line-height: 1.35;
  color: var(--cr-text-muted);
}
.trend-rising-meta strong { color: var(--cr-brand); font-weight: 800; }
@media (max-width: 699px) {
  .trend-lead__summary { -webkit-line-clamp: 3; }
}
@media (max-width: 1023px) {
  .trend-desktop { display: none !important; }
  .trend-board {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .trend-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 0.95rem 0.85rem 1rem;
  }
  .trend-head {
    margin-bottom: 0.75rem;
    padding: 0;
  }
  .trend-head a {
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  .trend-m-rail {
    display: flex;
    gap: 0.7rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 0.1rem 0.15rem 0.4rem;
    margin: 0;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0.15rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .trend-m-rail::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .trend-m-card {
    flex: 0 0 min(42vw, 168px);
    width: min(42vw, 168px);
    max-width: min(42vw, 168px);
    min-width: min(42vw, 168px);
    scroll-snap-align: start;
  }
  .trend-m-cover {
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
  }
  .trend-m-title {
    -webkit-line-clamp: 2;
    font-size: 0.82rem;
  }
  .trend-rising {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .trend-m-rail { display: none !important; }
}

@keyframes home-rise {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.home-rise { animation: home-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) both; }
.home-rise-d1 { animation-delay: 0.06s; }
.home-rise-d2 { animation-delay: 0.12s; }
.home-rise-d3 { animation-delay: 0.18s; }
@media (prefers-reduced-motion: reduce) {
  .home-rise, .home-rise-d1, .home-rise-d2, .home-rise-d3 { animation: none; }
}

.image-error {
  background: linear-gradient(145deg, var(--cr-brand) 0%, color-mix(in srgb, var(--cr-brand) 58%, var(--cr-text)) 100%);
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ecfeff;
  position: relative;
  overflow: hidden;
  min-width: 64px;
  min-height: 96px;
}
.image-error::before {
  content: "\1F4D6";
  font-size: 2.5rem;
  opacity: 0.7;
  margin-bottom: 0.5rem;
  line-height: 1;
  display: block;
}
.image-error::after { display: none; }
.image-error .placeholder-title {
  font-family: Lexend, sans-serif;
  font-size: 0.7rem;
  font-weight: 800;
  opacity: 0.95;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  display: block;
  text-align: center;
  padding: 0 4px;
  line-height: 1.2;
  word-break: break-word;
  max-width: 100%;
}
.dark .image-error {
  background: linear-gradient(145deg, var(--cr-brand) 0%, var(--cr-surface-soft) 100%);
}
.hero-image-error {
  background: linear-gradient(145deg, var(--cr-brand) 0%, color-mix(in srgb, var(--cr-brand) 52%, var(--cr-text)) 100%);
}
.hero-image-error::before {
  content: "\1F4DA";
  font-size: 4rem;
  opacity: 0.55;
  margin-bottom: 0.75rem;
}
.hero-image-error::after { display: none; }
.hero-image-error .placeholder-title {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.image-error[data-size="small"]::before { font-size: 1.25rem !important; margin-bottom: 0.2rem; }
.image-error[data-size="small"] .placeholder-title { font-size: 0.45rem !important; padding: 0 2px; line-height: 1; }
.image-error[data-size="medium"]::before { font-size: 2rem; margin-bottom: 0.4rem; }
.image-error[data-size="medium"] .placeholder-title { font-size: 0.65rem; padding: 0 3px; }
.image-error[data-size="large"]::before { font-size: 2.5rem; margin-bottom: 0.5rem; }
.image-error[data-size="large"] .placeholder-title { font-size: 0.7rem; padding: 0 4px; }
@media (min-width: 768px) {
  .image-error[data-size="small"]::before { font-size: 1.5rem !important; }
  .image-error[data-size="small"] .placeholder-title { font-size: 0.5rem !important; }
  .image-error[data-size="medium"]::before { font-size: 2.25rem; }
  .image-error[data-size="medium"] .placeholder-title { font-size: 0.7rem; }
}

/* assets/css/index.css — legacy rule .grid.grid-cols-2.gap-4 forced #1f2937 on ALL such grids (Complete/Werewolf). Reset inside homepage so section bg stays unified. */
#home-page .grid.grid-cols-2.gap-4 {
  background-color: transparent !important;
}

.home-hero-band {
  position: relative;
  overflow: hidden;
}
.home-hero-band::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(17, 24, 39, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 24, 39, 0.045) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
}
.dark .home-hero-band::before {
  background-image:
    linear-gradient(rgba(244, 244, 245, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 244, 245, 0.06) 1px, transparent 1px);
  opacity: 0.32;
}
.home-hero-glow {
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(36px);
}

.home-grid-band {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: transparent;
}
.home-grid-band::before {
  content: none;
}
.dark .home-grid-band::before {
  content: none;
}
.dark .home-grid-band {
  background: transparent;
}
.home-grid-band > * {
  position: relative;
  z-index: 1;
}
.home-section-heading {
  padding: 0.875rem 1rem 1rem;
}

.latest-novel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.latest-novel-card {
  display: grid;
  min-width: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  border: 1px solid var(--cr-border);
  border-radius: 14px;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.latest-novel-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--cr-brand) 38%, var(--cr-border));
  box-shadow: var(--cr-shadow);
}
.latest-novel-cover {
  position: relative;
  width: 72px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 11px;
  background: var(--cr-surface-soft);
}
.latest-novel-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-novel-reads {
  position: absolute;
  left: 5px;
  bottom: 5px;
  max-width: calc(100% - 10px);
  padding: 3px 6px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-surface) 84%, transparent);
  color: var(--cr-text);
  font-size: 0.62rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
  backdrop-filter: blur(7px);
}
.latest-novel-filter {
  min-width: 150px;
  padding: 9px 34px 9px 13px;
  border: 1px solid var(--cr-border);
  border-radius: 12px;
  background-color: var(--cr-surface);
  color: var(--cr-text);
  font-size: 0.8rem;
  font-weight: 650;
}
.latest-novel-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 160px;
  margin-top: 18px;
  padding: 11px 22px;
  border: 1px solid var(--cr-border);
  border-radius: 999px;
  background: var(--cr-surface);
  color: var(--cr-text);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.latest-novel-more:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--cr-brand) 40%, var(--cr-border));
  background: color-mix(in srgb, var(--cr-brand) 8%, var(--cr-surface));
  color: var(--cr-brand);
}
.latest-novel-more:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
.latest-novel-more-wrap {
  display: flex;
  justify-content: center;
}
@media (min-width: 720px) {
  .latest-novel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .latest-novel-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .latest-novel-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 9px;
    padding: 8px;
  }
  .latest-novel-cover { width: 58px; }
}

.short-hero {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-new-novels {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding: 0;
  border-top: 0;
  background: transparent;
  isolation: isolate;
}
.short-hero__slides {
  display: grid;
}
.short-hero__slides > .short-hero__feature {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .4s ease;
}
.short-hero__slides > .short-hero__feature.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.short-hero__feature-dots {
  position: absolute;
  left: 50%;
  bottom: 0.65rem;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.3rem 0.58rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 65%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-surface) 90%, transparent);
  box-shadow: var(--cr-shadow-sm);
  backdrop-filter: blur(8px);
  transform: translateX(-50%);
}
.short-hero__feature-dots .short-hero__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-text-muted) 42%, transparent);
  cursor: pointer;
  transition: width .25s ease, background-color .25s ease;
}
.short-hero__feature-dots .short-hero__dot:hover {
  background: color-mix(in srgb, var(--cr-brand) 45%, var(--cr-text-muted));
}
.short-hero__feature-dots .short-hero__dot.is-active {
  width: 1.35rem;
  background: var(--cr-brand);
}
.short-hero__feature::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--short-cover);
  background-position: center right;
  background-size: cover;
  filter: blur(36px);
  opacity: 0.18;
  transform: scale(1.08);
}
.short-hero__feature::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--cr-surface) 96%, transparent) 0 58%, color-mix(in srgb, var(--cr-surface) 55%, transparent) 100%),
    linear-gradient(180deg, transparent 70%, color-mix(in srgb, var(--cr-brand) 7%, transparent));
}
.short-hero__brand {
  margin: 0 0 0.25rem;
  font-family: var(--cr-font-display);
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--cr-text);
}
.short-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.45rem;
  color: var(--cr-brand);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.short-hero__title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  max-width: 28ch;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: var(--cr-font-display);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--cr-text);
}
.short-hero__summary {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.45rem 0 0;
  max-width: 34rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--cr-text-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}
.short-hero__meta {
  margin: 0.4rem 0 0;
  color: var(--cr-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
}
.short-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.7rem;
}
.short-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.62rem 1.05rem;
  border-radius: 999px;
  background: var(--cr-brand);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: transform .2s ease, background-color .2s ease, filter .2s ease;
}
.short-hero__cta:hover {
  transform: translateY(-2px);
  background: color-mix(in srgb, var(--cr-brand) 84%, black);
  color: #fff;
}
.short-hero__cta--ribbon {
  --cta-teal: #1aa897;
  --cta-teal-mid: #159486;
  --cta-teal-deep: #0f7a6e;
  gap: 0;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    #22b5a3 0%,
    var(--cta-teal) 38%,
    var(--cta-teal-mid) 68%,
    var(--cta-teal-deep) 68%,
    #0c6a60 100%
  );
  box-shadow:
    0 6px 16px color-mix(in srgb, var(--cta-teal-deep) 28%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent);
  clip-path: polygon(
    0 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    0 100%,
    14px 50%
  );
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    0 100%,
    14px 50%
  );
}
.short-hero__cta--ribbon:hover {
  background: linear-gradient(
    90deg,
    #1fa99a 0%,
    #149184 38%,
    #128578 68%,
    #0d6d63 68%,
    #0a5c54 100%
  );
  filter: brightness(1.03);
  color: #fff;
}
.short-hero__cta-label {
  display: inline-flex;
  align-items: center;
  padding: 0.65rem 0.9rem 0.65rem 1.3rem;
  line-height: 1;
}
.short-hero__cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-width: 2.2rem;
  padding: 0 1.15rem 0 0.45rem;
  font-size: 0.78rem;
  line-height: 1;
}
.short-hero__ghost {
  display: inline-flex;
  align-items: center;
  padding: 0.62rem 0.95rem;
  border: 1px solid var(--cr-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-surface) 86%, transparent);
  color: var(--cr-text);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: border-color .2s ease, color .2s ease;
}
.short-hero__ghost:hover {
  border-color: color-mix(in srgb, var(--cr-brand) 42%, var(--cr-border));
  color: var(--cr-brand);
}
.short-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
.short-hero__cover-wrap {
  position: relative;
  justify-self: center;
  width: min(128px, 38vw);
}
@media (min-width: 900px) {
  .short-hero__cover-wrap {
    justify-self: end;
    width: min(156px, 100%);
  }
}
.short-hero__cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border: 1px solid color-mix(in srgb, var(--cr-border) 70%, transparent);
  border-radius: 14px;
  background: var(--cr-surface-soft);
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.14),
    0 2px 0 color-mix(in srgb, var(--cr-accent) 35%, transparent);
  transform: rotate(2deg);
  transition: transform .35s ease;
}
.short-hero__cover:hover { transform: rotate(0deg) translateY(-3px); }
.short-hero__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.short-hero__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-surface) 88%, transparent);
  color: var(--cr-text);
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.short-hero__continue {
  display: none;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem 0;
  border-top: 0;
  background: transparent;
}
.short-hero__continue.is-visible { display: flex; }
.short-hero__continue-label {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cr-brand);
}
.short-hero__continue-rail {
  display: flex;
  gap: 0.65rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.short-hero__continue-rail::-webkit-scrollbar { display: none; }
.short-hero__continue-card {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.55rem;
  max-width: 180px;
  padding: 0.35rem 0.55rem 0.35rem 0.35rem;
  border: 1px solid var(--cr-border);
  border-radius: 999px;
  background: var(--cr-surface);
  color: var(--cr-text);
  transition: border-color .2s ease;
}
.short-hero__continue-card:hover { border-color: color-mix(in srgb, var(--cr-brand) 40%, var(--cr-border)); }
.short-hero__continue-card img {
  width: 28px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
}
.short-hero__continue-card strong {
  display: block;
  overflow: hidden;
  font-size: 0.72rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.short-hero__continue-card span {
  display: block;
  color: var(--cr-text-muted);
  font-size: 0.62rem;
}
.short-hero__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0 0.35rem;
  border-top: 0;
  background: transparent;
}
.short-hero__bar-copy {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}
.short-hero__bar-title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-family: var(--cr-font-display);
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--cr-text);
}
.short-hero__bar-title i {
  color: var(--cr-brand);
  font-size: 0.78em;
}
.short-hero__bar-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-brand) 14%, transparent);
  color: var(--cr-brand);
  font-family: var(--cr-font-ui);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.short-hero__bar-sub {
  margin: 0;
  color: var(--cr-text-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}
.short-hero__bar-link {
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cr-brand);
}
.short-hero__bar-link:hover { text-decoration: underline; }
@media (max-width: 639px) {
  .short-hero__bar-sub { display: none; }
}
.short-hero__slider {
  position: relative;
  padding: 0.35rem 0 0.5rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.short-hero__rail {
  display: flex;
  gap: 0.85rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 1rem 1.15rem 1.25rem;
  /* Same as the side padding: otherwise the first card's snap point is 1.15rem in, and the rail scrolled
     itself on load (hiding its left padding, and the scroll stopped Chrome's LCP recording). */
  scroll-padding-inline: 1.15rem;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.short-hero__rail::-webkit-scrollbar { display: none; width: 0; height: 0; }
.short-hero__card {
  flex: 0 0 128px;
  width: 128px;
  max-width: 128px;
  min-width: 128px;
  scroll-snap-align: start;
  /* Cover runs edge to edge; only the title gets padding. */
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 1rem;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.short-hero__card:hover {
  transform: translateY(-2px);
  box-shadow: var(--cr-shadow);
}
.short-hero__card-cover {
  position: relative;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 0;
  background: var(--cr-surface-soft);
}
.short-hero__card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.short-hero__card:hover .short-hero__card-cover img { transform: scale(1.05); }
.short-hero__card-stat {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-surface) 88%, transparent);
  color: var(--cr-text);
  font-size: 0.64rem;
  font-weight: 800;
  backdrop-filter: blur(8px);
}
.short-hero__card-title {
  /* Margin, not padding: the 2-line clamp would show a third line inside padding. */
  margin: 0.55rem 0.6rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--cr-text);
}
.short-hero__card:hover .short-hero__card-title { color: var(--cr-brand); }
@media (min-width: 1024px) {
  .short-hero__rail--seven {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.85rem;
    overflow: visible;
    padding: 1rem 1.25rem 1.25rem;
    scroll-snap-type: none;
  }
  .short-hero__rail--seven .short-hero__card {
    flex: unset;
    width: auto;
    max-width: none;
    min-width: 0;
  }
}
@media (max-width: 639px) {
  .short-hero__carousel { border-radius: 1.2rem; }
  .short-hero__summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .short-hero__cover-wrap { margin-top: 0; }
  .short-hero__rail {
    gap: 0.7rem;
    padding: 0.85rem 1rem 1.05rem;
    scroll-padding-inline: 1rem;
  }
  .short-hero__card {
    flex: 0 0 112px;
    width: 112px;
    max-width: 112px;
    min-width: 112px;
  }
  .short-hero__feature-dots { bottom: 0.5rem; }
  .short-hero__summary { -webkit-line-clamp: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .short-hero__cover,
  .short-hero__cta,
  .short-hero__card-cover img,
  .short-hero__rail,
  .short-hero__slides > .short-hero__feature,
  .short-hero__feature-dots .short-hero__dot { transition: none; scroll-behavior: auto; }
  .short-hero__cta--ribbon:hover { filter: none; transform: none; }
}

/* Top reactions board */
.rx-top {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}
.rx-top__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 4px solid var(--cr-text);
}
.dark .rx-top__head { border-bottom-color: #fafafa; }
.rx-top__eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--cr-brand);
}
.rx-top__title {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--cr-text);
}
.rx-top__title i { color: var(--cr-brand); font-size: 0.78em; }
.rx-top__head-main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.55rem 1rem;
  min-width: 0;
  flex: 1 1 12rem;
}
.rx-top__more {
  display: inline-flex;
  align-items: center;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cr-brand);
  text-decoration: none;
  white-space: nowrap;
}
.rx-top__more:hover { text-decoration: underline; }
.rx-top__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  max-width: 100%;
}
.rx-top__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 90%, transparent);
  border-radius: 999px;
  background: transparent;
  color: var(--cr-text-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.rx-top__chip i { font-size: 0.85em; }
.rx-top__chip:hover {
  border-color: color-mix(in srgb, var(--cr-brand) 40%, var(--cr-border));
  color: var(--cr-brand);
}
.rx-top__chip.is-active {
  background: color-mix(in srgb, #10b981 14%, transparent);
  border-color: color-mix(in srgb, #34d399 55%, transparent);
  color: #047857;
}
.dark .rx-top__chip.is-active { color: #6ee7b7; }
.rx-top__board {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
@media (min-width: 900px) {
  .rx-top__board {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: stretch;
  }
}
.rx-top__lead {
  position: relative;
  display: grid;
  gap: 0.85rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 88%, transparent);
  border-radius: 1rem;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  isolation: isolate;
}
html.light-mode .rx-top__lead,
html:not(.dark-mode):not(.dark) .rx-top__lead {
  background: #ffffff !important;
  border-color: color-mix(in srgb, var(--cr-border) 95%, transparent) !important;
  box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08) !important;
}
@media (min-width: 640px) {
  .rx-top__lead {
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
  }
}
.rx-top__lead-cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 14px;
  background: var(--cr-surface-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-border) 70%, transparent);
}
.rx-top__lead-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rx-top__rank {
  position: absolute;
  left: 0.45rem;
  top: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.4rem 0.55rem;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: 0.72rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
  background: linear-gradient(160deg, #fde68a, #f59e0b);
  color: #78350f;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}
.rx-top__rank--n {
  background: linear-gradient(160deg, #e8d7b8, #c4a574);
  color: #3f3428;
}
.rx-top__lead-body { min-width: 0; position: relative; z-index: 1; }
.rx-top__lead-kicker {
  margin: 0 0 0.35rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cr-brand);
}
.rx-top__lead-title {
  margin: 0;
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--cr-text);
}
.rx-top__lead-title a:hover { color: var(--cr-brand); }
.rx-top__lead-meta {
  margin: 0.4rem 0 0;
  font-size: 0.78rem;
  color: var(--cr-text-muted);
}
.rx-top__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.55rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, #10b981 12%, transparent);
  color: #047857;
  font-size: 0.7rem;
  font-weight: 800;
}
.dark .rx-top__badge { color: #6ee7b7; }
.rx-top__bars {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.85rem;
}
.rx-top__bar-row {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 1fr) 1.8rem;
  gap: 0.4rem;
  align-items: center;
}
.rx-top__bar-label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cr-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rx-top__bar-track {
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cr-border) 70%, transparent);
  overflow: hidden;
}
.rx-top__bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #34d399, #0d9488);
  min-width: 0;
}
.rx-top__bar-num {
  font-size: 0.68rem;
  font-weight: 800;
  text-align: right;
  color: var(--cr-text);
}
.rx-top__list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}
.rx-top__row {
  display: grid;
  grid-template-columns: 1.6rem 48px minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
  border-radius: 12px;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-sm);
  color: inherit;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.rx-top__row:hover {
  background: color-mix(in srgb, var(--cr-brand) 6%, var(--cr-surface));
  border-color: color-mix(in srgb, var(--cr-brand) 30%, var(--cr-border));
  box-shadow: var(--cr-shadow);
  transform: translateY(-1px);
}
.rx-top__row-num {
  font-family: Fraunces, ui-serif, Georgia, serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--cr-text-muted);
  text-align: center;
}
.rx-top__row-cover {
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  border-radius: 8px;
  background: var(--cr-surface-soft);
}
.rx-top__row-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rx-top__row-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--cr-text);
}
.rx-top__row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin-top: 0.2rem;
  font-size: 0.68rem;
  color: var(--cr-text-muted);
}
.rx-top__row-meta strong { color: var(--cr-brand); font-weight: 800; }
.rx-top__m-rail {
  display: none;
}
.rx-top__empty {
  padding: 1.5rem 0.5rem;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--cr-text-muted);
  grid-column: 1 / -1;
}
.rx-top__board.is-loading {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity .15s ease;
}
@media (max-width: 899px) {
  .rx-top__desktop { display: none !important; }
  .rx-top__m-rail {
    display: flex;
    gap: 0.7rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 0.1rem 0.05rem 0.4rem;
    scroll-padding-inline: 0.05rem; /* snap point = padding, so the rail does not scroll itself on load */
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-top__m-rail::-webkit-scrollbar { display: none; }
  .rx-top__m-card {
    flex: 0 0 116px;
    width: 116px;
    max-width: 116px;
    min-width: 116px;
    scroll-snap-align: start;
    padding: 0.4rem;
    border: 1px solid color-mix(in srgb, var(--cr-border) 85%, transparent);
    border-radius: 1rem;
    background: var(--cr-surface);
    box-shadow: var(--cr-shadow-sm);
    color: inherit;
  }
  .rx-top__m-cover {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    background: var(--cr-surface-soft);
  }
  .rx-top__m-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .rx-top__m-title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.4rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--cr-text);
  }
  .rx-top__m-meta {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.64rem;
    font-weight: 700;
    color: var(--cr-brand);
  }
}
@media (min-width: 900px) {
  .rx-top__m-rail { display: none !important; }
}

/* No horizontal rules on the home page: section dividers and the Top reactions underline. */
#home-page .home-band,
#home-page .home-band--soft,
#home-page .home-band--tint,
#home-page .home-band--spotlight,
#home-page .home-short-band,
#home-page .home-grid-band {
  border-bottom: 0 !important;
}
#home-page .rx-top__head {
  border-bottom: 0 !important;
}

/* Phones: Trending / Top daily reads / Top reactions cards like New novels — no outline or
   inner padding, cover edge to edge, text with its own side margins. Section headings lose
   their framed box too. */
@media (max-width: 767px) {
  #home-page .trend-m-card,
  #home-page .rx-top__m-card,
  #home-page .cr-home-card-skeleton {
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    box-shadow: var(--cr-shadow-sm);
  }
  #home-page .trend-m-cover,
  #home-page .rx-top__m-cover,
  #home-page .cr-home-card-skeleton > :first-child {
    margin: 0 !important;
    border-radius: 0 !important;
  }
  #home-page .trend-m-cover img,
  #home-page .rx-top__m-cover img {
    border-radius: 0 !important;
  }
  #home-page .trend-m-title,
  #home-page .trend-m-author,
  #home-page .trend-m-genre,
  #home-page .rx-top__m-title,
  #home-page .rx-top__m-meta {
    margin-left: 0.6rem !important;
    margin-right: 0.6rem !important;
  }
  #home-page .trend-m-title,
  #home-page .rx-top__m-title { margin-top: 0.5rem !important; }
  #home-page .trend-m-genre,
  #home-page .rx-top__m-meta { margin-bottom: 0.65rem !important; }
  #home-page .cr-home-card-skeleton > :not(:first-child) {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
  }
  #home-page .home-section-heading {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Top daily reads: "X today" line with the same side margins as the title and author. */
#home-page .home-story-card__reads {
  margin: 0.3rem 0.65rem 0.75rem;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cr-accent);
}
#home-page .home-story-card__meta:has(+ .home-story-card__reads) { margin-bottom: 0; }