@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-heading:var(--font-prompt), sans-serif;--font-body:var(--font-sarabun), sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[120\]{z-index:120}.z-\[130\]{z-index:130}.z-\[300\]{z-index:300}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:var(--spacing)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-9{margin-top:calc(var(--spacing) * -9)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-\[3px\]{height:3px}.h-\[70px\]{height:70px}.h-\[118px\]{height:118px}.h-\[168px\]{height:168px}.h-\[220px\]{height:220px}.h-full{height:100%}.h-px{height:1px}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[55vh\]{max-height:55vh}.max-h-\[68vh\]{max-height:68vh}.max-h-\[150px\]{max-height:150px}.max-h-\[170px\]{max-height:170px}.max-h-\[300px\]{max-height:300px}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[64px\]{min-height:64px}.min-h-\[65px\]{min-height:65px}.min-h-\[70px\]{min-height:70px}.min-h-\[120px\]{min-height:120px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-\[60px\]{width:60px}.w-\[84px\]{width:84px}.w-\[120px\]{width:120px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[290px\]{max-width:290px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-\[24px\]{min-width:24px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[190px\]{min-width:190px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-line{border-color:var(--line)}.bg-bg{background-color:var(--bg)}.bg-matcha-soft{background-color:var(--matcha-soft)}.bg-paper{background-color:var(--paper)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-9{padding-inline:calc(var(--spacing) * 9)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[2\.65rem\]{padding-left:2.65rem}.pl-\[3\.6rem\]{padding-left:3.6rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-heading{font-family:var(--font-prompt), sans-serif}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[24px\]{font-size:24px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--matcha-deep\)\]{color:var(--matcha-deep)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-gold{color:var(--gold)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.accent-\[var\(--matcha\)\]{accent-color:var(--matcha)}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.filter{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-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-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[ai-credit-terminal\:not_approved\]{ai-credit-terminal:not approved}@media (hover:hover){.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.odd\:bg-\[var\(--paper\)\]:nth-child(odd){background-color:var(--paper)}.even\:bg-\[var\(--bg\)\]:nth-child(2n){background-color:var(--bg)}.focus-within\:border-\[var\(--matcha\)\]:focus-within{border-color:var(--matcha)}.focus-within\:shadow-\[0_0_0_3px_var\(--matcha-soft\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--matcha-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[var\(--matcha\)\]:hover{border-color:var(--matcha)}.hover\:bg-\[var\(--coral\)\]:hover{background-color:var(--coral)}.hover\:bg-\[var\(--danger-bg\)\]:hover{background-color:var(--danger-bg)}.hover\:bg-\[var\(--matcha-soft\)\]:hover{background-color:var(--matcha-soft)}.hover\:bg-\[var\(--paper\)\]:hover{background-color:var(--paper)}.hover\:bg-matcha-soft:hover{background-color:var(--matcha-soft)}.hover\:text-\[var\(--matcha-deep\)\]:hover{color:var(--matcha-deep)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[var\(--shadow\)\]:hover{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.hover\:brightness-\[1\.05\]:hover{--tw-brightness:brightness(1.05);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,)}}.focus\:border-\[var\(--matcha\)\]:focus,.focus\:border-matcha:focus{border-color:var(--matcha)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (min-width:40rem){.max-sm\:min-h-\[42px\]{min-height:42px}.max-sm\:min-h-\[44px\]{min-height:44px}.max-sm\:min-h-\[46px\]{min-height:46px}}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:var(--spacing)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-7{gap:calc(var(--spacing) * 7)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[28px\]{font-size:28px}}@media (min-width:48rem){.md\:w-56{width:calc(var(--spacing) * 56)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--page-bg:#fff8e6;--text:#4a3d1e;--accent:#e8a020;--brand-ink:#9c7208;--chip1-bg:#fbeec6;--chip1-ink:#8f650b;--chip2-bg:#fde4c8;--chip2-ink:#a05f1d;--chip3-bg:#eaf0d8;--chip3-ink:#5e7a34;--chip4-bg:#f8e3dc;--chip4-ink:#a85a48;--chip5-bg:#f1ead8;--chip5-ink:#77694a;--bg:#fff8e6;--paper:#fffef8;--ink:#3a2f12;--text-body:#4a3d1e;--muted:#8d7f5d;--matcha:#b27e0e;--matcha-deep:#8f650b;--matcha-soft:#fbf0cf;--coral:#b26e00;--coral-deep:#8f5800;--accent-soft:#fdf2d2;--surface-row:#fdf8ea;--yellow:#f2d584;--gold:#d69a16;--line:#f0e4c0;--shadow:0 6px 16px #a078141a;--shadow-sm:0 4px 12px #a0781414;--shadow-lg:0 12px 30px #a0781429;--shadow-modal:0 12px 30px #5a46142e;--header:#fff8e6e6;--gold-bg:#fbf0cf;--gold-frame:#f0e6c8;--star:#e8a020;--navy-hover:#8f650b;--ok-bg:#e8f1dc;--ok-ink:#557a2e;--warn-bg:#fbf0cf;--warn-ink:#8f650b;--info-bg:#fbeec6;--info-ink:#8f650b;--neutral-bg:#f3eddc;--neutral-ink:#77694a;--danger-bg:#f9e2da;--danger-ink:#ba4a33;--font-display:var(--font-prompt),sans-serif;--container:1120px;--font-scale:1.05;--radius-scale:1;--shadow-strength:1;--density-scale:1}body.theme-gold{--page-bg:#efe7cb;--paper:#fbf5de;--text:#33291a;--ink:#33291a;--text-body:#3a3020;--muted:#6e6147;--bg:#f5efda;--header:#fbf5deeb;--line:#e7dcb8;--matcha-soft:#f1e7c8;--info-bg:#f1e7c8;--info-ink:#6b5327;--accent-soft:#f3e9cc;--surface-row:#f6efd6;--neutral-bg:#ede3c4;--neutral-ink:#6b6045;--coral:#7e5a1c;--coral-deep:#6b4b14;--matcha:#6f5d24;--matcha-deep:#57471b;--chip1-bg:#e9deb2;--chip1-ink:#4f3f13;--chip2-bg:#e9deb2;--chip2-ink:#4f3f13;--chip3-bg:#e9deb2;--chip3-ink:#4f3f13;--chip4-bg:#e9deb2;--chip4-ink:#4f3f13;--chip5-bg:#e9deb2;--chip5-ink:#4f3f13}body.dark{--page-bg:#171310;--text:#f0e9da;--text-body:#dcd2bc;--brand-ink:#f0c46a;--bg:#171310;--paper:#221c14;--ink:#f0e9da;--muted:#a89a7c;--matcha:#d9a032;--matcha-deep:#f0c46a;--matcha-soft:#332a18;--coral:#da9c28;--coral-deep:#f0c46a;--accent-soft:#332a18;--surface-row:#292217;--yellow:#6e5f33;--gold:#e4b558;--line:#3a3222;--shadow:0 4px 16px #00000073;--shadow-lg:0 16px 40px #0009;--header:#14100ceb;--chip1-bg:#3a2f16;--chip1-ink:#e8c878;--chip2-bg:#3c2c1a;--chip2-ink:#e8b080;--chip3-bg:#2a3320;--chip3-ink:#b4ce8c;--chip4-bg:#3c2620;--chip4-ink:#e0a896;--chip5-bg:#332e20;--chip5-ink:#c8bc9c;--ok-bg:#243020;--ok-ink:#a5ce8c;--warn-bg:#3a3218;--warn-ink:#e4c56a;--info-bg:#332a18;--info-ink:#e8c878;--neutral-bg:#2e2a20;--neutral-ink:#bcb29a;--danger-bg:#38201c;--danger-ink:#e8a292}body.dark .btn-primary,body.dark .btn-coral,body.dark .author-follow:not(.on){color:#241a06}body.dark .tnote{background:#23262d;border-color:#363b44}body.dark .hint{color:#bcd0e8;background:#1b2230;border-color:#2c3a4f}body.dark .b-draft{color:#aab2bd;background:#2a2c30}body.dark .b-sched{color:#d9b75a;background:#2e2a18}body.dark .b-paid{color:#e0c878;background:#2a2512}body.dark .b-free{color:#8fce97;background:#1f2a20}body.dark .rt-btn{background:#23262b;border-color:#363a40}body.dark .rt-btn.on{border-color:var(--gold);background:#2e2a18}body.dark .pmenu,body.dark .noti-menu,body.dark .modal{background:#1d2026}body.dark .logo .cube{background:linear-gradient(135deg,#262a31,#1a1d22);box-shadow:0 3px #2a2e35}body.dark .cover .price{background:#0000008c}body.dark .noti-item.unread{background:var(--warn-bg)}body.dark .fmt-btn:hover{background:#2e2a18}.notice-gold{background:var(--accent-soft);border:1px solid var(--coral);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}body.dark .notice-gold{color:#e7d39a;background:#2a2412}body.dark .hero-card{background:linear-gradient(120deg,#202c40,#191e28)}body.dark .views-panel{background:linear-gradient(160deg,#241f33 0%,#1d2026 60%)}body.dark .rank-panel{background:linear-gradient(160deg,#1b2536 0%,#1d2026 62%)}body.dark .latest-panel{background:linear-gradient(160deg,#2a2418 0%,#1d2026 60%)}body.dark .fmt-bar,body.dark .ch-jump,body.dark select,body.dark .rt-btn{color:var(--ink)}body.dark .empty{color:var(--muted)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-chev{transition:transform .2s}.faq-item[open] .faq-chev{transform:rotate(180deg)}html{scroll-behavior:smooth}body[data-anim=off] *,body[data-anim=off] :before,body[data-anim=off] :after{transition:none!important;animation:none!important}body{font-family:var(--font-body,"Sarabun",sans-serif);background:var(--page-bg);color:var(--text);line-height:var(--body-lh,1.6);-webkit-font-smoothing:antialiased;font-size:calc(1rem * var(--font-scale,1))}.mali{font-family:var(--font-body);font-weight:600}a{color:inherit;cursor:pointer;text-decoration:none}.wrap{max-width:var(--container,1120px);margin:0 auto;padding:0 20px}header.site-hd{position:var(--header-pos,sticky);z-index:50;background:var(--hd-bg,var(--header));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hd-line,var(--line));top:0}.nav{align-items:center;gap:14px;height:62px;display:flex}.logo{font-family:var(--font-heading);color:var(--matcha);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:7px;font-size:22px;font-weight:600;display:flex}.logo-mark{color:var(--gold);font-size:12px;line-height:1}.logo .cube{border:2px solid var(--matcha);width:32px;height:32px;box-shadow:0 3px 0 var(--matcha-soft);background:linear-gradient(135deg,#fff,#f4efe4);border-radius:11px;place-items:center;font-size:16px;display:grid}.search{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:8px;max-width:340px;padding:8px 16px;display:flex}.search:focus-within{border-color:var(--matcha);box-shadow:0 0 0 4px var(--matcha-soft)}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.nav-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.coin-pill{background:var(--paper);border:1.5px solid var(--yellow);white-space:nowrap;cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.bell-btn{cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:19px;line-height:1;position:relative}.bell-btn.bell-round{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.bell-btn.bell-noti{background:var(--gold);box-shadow:0 0 0 2.5px #fff6}.bell-btn.bell-typo{box-shadow:0 0 0 2px var(--gold);background:#fff4dc}body.dark .bell-btn.bell-noti{box-shadow:0 0 0 2px #ffffff38}body.dark .bell-btn.bell-typo{background:#33281a}.theme-toggle{background:var(--paper);border:1.5px solid var(--line);cursor:pointer;color:var(--matcha-deep);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:flex}.theme-toggle:hover{background:var(--matcha-soft)}@media (max-width:420px){.theme-toggle{gap:4px;padding:7px 9px;font-size:12px}}.tap-arrow{animation:1s ease-in-out infinite tapBounce}@keyframes tapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.tap-arrow{animation:none}}.announce-bar{background:var(--matcha-deep);color:#fff;text-align:center;padding:9px 18px;font-size:14px;font-weight:500;line-height:1.5}.noti-dot{background:var(--coral);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;top:-1px;right:-3px}.noti-menu{background:var(--paper);border:1.5px solid var(--line);width:330px;max-width:92vw;max-height:440px;box-shadow:var(--shadow-lg);z-index:80;border-radius:14px;display:none;position:fixed;top:58px;right:16px;overflow-y:auto}.noti-menu.show{display:block}.noti-head{border-bottom:1px solid var(--line);background:var(--paper);padding:12px 14px;font-weight:800;position:sticky;top:0}.noti-item{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:11px 14px;font-family:inherit;display:flex}.noti-item:hover{background:var(--paper)}.noti-item.unread{background:var(--warn-bg,#fff6e4);border-left:3px solid var(--gold)}.noti-msg{color:var(--ink);font-size:13.5px;line-height:1.5}.noti-tm{color:var(--muted);margin-top:2px;font-size:11.5px}.noti-cov{object-fit:cover;background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:none;width:40px;height:56px}.noti-ic{color:#8a5a0c;background:#f6e7c5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.noti-t1{color:var(--ink);overflow-wrap:anywhere;font-size:13.5px;font-weight:700;line-height:1.45}.noti-t2{color:var(--muted);overflow-wrap:anywhere;margin-top:1px;font-size:12px}.noti-new{background:var(--coral);color:#fff;vertical-align:1px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.ico{vertical-align:-.13em;flex:none;width:1em;height:1em;display:inline-block}.ch-views{color:var(--muted);white-space:nowrap;align-self:center;font-size:11.5px}.btn{cursor:pointer;border-radius:var(--btn-radius,999px);white-space:nowrap;border:none;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .18s}.btn-primary{background:var(--matcha);color:#fff;box-shadow:0 5px 13px #1e4c8f52}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 18px #1e4c8f6b}.btn-primary:active{transform:translateY(1px)scale(.99)}.btn-ghost{border:1.5px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--matcha);color:var(--matcha-deep)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 5px 13px #a6791f66}.btn-coral:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 8px 18px #a6791f80}.btn-coral:active{transform:translateY(1px)scale(.99)}.btn-sm{padding:6px 13px;font-size:13px}.btn-xs{border-radius:8px;padding:4px 10px;font-size:12px}.btn-block{width:100%}@media (max-width:600px){.btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.btn-sm{min-height:42px}.btn-xs{min-height:36px}.cmt-act{padding:6px 3px;font-size:13px}}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.tabbar{border-bottom:1px solid var(--line);background:var(--bg)}.tabs{gap:2px;display:flex;overflow-x:auto}.tab{font-family:var(--font-body);color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;padding:12px 13px;font-size:15px;font-weight:600}.tab:hover{color:var(--matcha-deep)}.tab.active{color:var(--matcha-deep);border-bottom-color:var(--matcha)}section{padding:calc(22px * var(--density-scale,1)) 0}.sec-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sec-head h2{font-family:var(--font-display);color:var(--ink);letter-spacing:0;font-size:25px;font-weight:700}.sec-head .pill{background:var(--matcha-soft);color:var(--matcha-deep);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.crumb{margin:14px 0 2px}.hero{padding:24px 0 2px}.feature{margin:22px 0 6px}.feat-main{border-radius:var(--card-radius,22px);border:1px solid var(--line);background:var(--matcha-soft);min-height:300px;box-shadow:var(--shadow);display:grid;position:relative;overflow:hidden}.feat-slide{opacity:0;z-index:0;pointer-events:none;grid-area:1/1;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:scale(1.03)}.feat-slide.active{opacity:1;z-index:1;pointer-events:auto;transform:scale(1)}.feat-arrow{z-index:4;border:1px solid var(--line);width:40px;height:40px;color:var(--matcha);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:all .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.feat-arrow:hover{color:var(--matcha-deep);background:#fff;transform:translateY(-50%)scale(1.08)}.fa-prev{left:14px}.fa-next{right:14px}.feat-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.fd{background:var(--line);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .2s}.fd.active{background:var(--matcha);border-radius:5px;width:22px}@media (max-width:600px){.feat-arrow{width:34px;height:34px;font-size:20px}.fa-prev{left:8px}.fa-next{right:8px}}.feat-bg{display:none}.feat-row{z-index:2;align-items:center;gap:30px;width:100%;padding:32px;display:flex;position:relative}.feat-cover{aspect-ratio:3/4;cursor:pointer;background-position:50%;background-size:cover;border:4px solid #fff;border-radius:14px;flex:none;width:178px;transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 26px #1e4c8f4d}.feat-cover:hover{transform:translateY(-4px)scale(1.02)}.feat-info{flex:1;min-width:0}.feat-info .fbadge{background:var(--coral);color:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:11px;padding:4px 13px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 4px 11px #a6791f52}.feat-info h2{font-family:var(--font-heading);color:var(--ink);margin-bottom:8px;font-size:26px;font-weight:600;line-height:1.28}.feat-info .fmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;font-size:13.5px;display:flex}.feat-info .fmeta .star{color:var(--coral-deep);font-weight:600}.feat-blurb-box{max-width:600px;height:80px;margin-bottom:18px;position:relative;overflow:hidden}.feat-blurb-box .scroller{color:var(--text-body);font-size:14px;line-height:1.7}.feat-blurb-box.scroll .scroller{animation:16s ease-in-out infinite blurbScroll}@keyframes blurbScroll{0%,12%{transform:translateY(0)}88%,to{transform:translateY(calc(80px - 100%))}}@media (max-width:600px){.feat-row{text-align:center;flex-direction:column;gap:18px;padding:22px}.feat-info h2{font-size:23px}.feat-info .fmeta{justify-content:center}.feat-cover{width:140px}.feat-blurb-box{height:66px}}.bboard{width:calc(100vw - var(--sbw,0px));margin:14px 0 6px;margin-left:calc(50% - (100vw - var(--sbw,0px))/2);position:relative}.bboard-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:14px;padding:2px 16px;display:flex;overflow-x:auto}.bboard-scroll::-webkit-scrollbar{display:none}.bboard-cell{box-sizing:border-box;scroll-snap-align:start;flex:0 0 calc(40% - 11.2px)}.bboard-link{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--matcha-soft);border-radius:16px;display:block;overflow:hidden}.bboard-img{aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block}.bboard-link:hover .bboard-img{transform:scale(1.02)}.bboard-arrow{z-index:4;border:1px solid var(--line);width:40px;height:40px;color:var(--matcha);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:23px;line-height:1;transition:all .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.bboard-arrow:hover{color:var(--matcha-deep);transform:translateY(-50%)scale(1.08)}.ba-prev{left:10px}.ba-next{right:10px}.bboard-dots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.bbd{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.bbd.active{background:var(--matcha);border-radius:5px;width:22px}@media (max-width:1000px){.bboard-cell{flex-basis:calc(66.6667% - 6.66667px)}}@media (max-width:560px){.bboard-cell{scroll-snap-align:center;flex-basis:100%}.ba-prev{left:8px}.ba-next{right:8px}.bboard-arrow{width:34px;height:34px;font-size:20px}}.promo-slide{align-items:center}.promo-wrap{z-index:2;flex-direction:column;gap:16px;width:100%;padding:26px 30px;display:flex;position:relative}.promo-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.promo-head h2{font-family:var(--font-heading);color:var(--ink);font-size:24px;font-weight:600;line-height:1.25}.promo-sub{color:var(--muted);max-width:640px;font-size:14px;line-height:1.6}.promo-head .btn{margin-top:2px}.promo-covers{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;gap:16px;padding:6px 2px 8px;display:flex;overflow-x:auto}.promo-covers::-webkit-scrollbar{display:none}.promo-cov{scroll-snap-align:start;flex-direction:column;flex:none;gap:7px;width:108px;text-decoration:none;display:flex}.promo-cov-img{aspect-ratio:3/4;background-position:50%;background-size:cover;border:3px solid #fff;border-radius:12px;width:108px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:block;box-shadow:0 10px 22px #1e4c8f47}.promo-cov:hover .promo-cov-img{transform:translateY(-5px)scale(1.03);box-shadow:0 16px 30px #1e4c8f5c}.promo-cov-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}body.dark .promo-cov-img{border-color:var(--paper)}@media (max-width:600px){.promo-wrap{gap:13px;padding:20px 18px}.promo-head h2{font-size:21px}.promo-cov,.promo-cov-img{width:92px}}.rank-wrap{position:relative}.rankrow{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:flex-start;gap:14px;padding:4px 2px 12px;display:flex;overflow-x:auto}.rankrow::-webkit-scrollbar{display:none}.rk-arrow{z-index:4;border:1px solid var(--line);width:46px;height:46px;color:var(--matcha-deep);cursor:pointer;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffed;border-radius:50%;place-items:center;font-size:26px;line-height:1;transition:all .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.rk-arrow:hover{background:var(--paper);color:var(--coral-deep);transform:translateY(-50%)scale(1.07)}.rk-prev{left:-6px}.rk-next{right:-6px}.rank-wrap.at-start .rk-prev,.rank-wrap.at-end .rk-next{opacity:0;pointer-events:none}@media (max-width:600px){.rk-arrow{width:38px;height:38px;font-size:22px}.rk-prev{left:-2px}.rk-next{right:-2px}}.rk{cursor:pointer;flex:none;transition:all .16s}.rk:hover{transform:translateY(-3px)}.rk-cov{box-shadow:var(--shadow);border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:14px;position:relative}.rk-hero{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:16px;margin-right:4px;padding:14px;display:flex}.rk-hero .rk-cov{aspect-ratio:3/4;width:140px}.rk-hero .rk-info{max-width:210px}.rk-ht{font-family:var(--font-body);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:19px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rk-hm{color:var(--muted);margin-top:6px;font-size:13px}.rk-hs{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12.5px;display:flex}.rk-hs .star{color:var(--star);font-weight:700}.rk-card{width:118px}.rk-card .rk-cov{aspect-ratio:3/4;width:118px}.rk-t{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:600px){.rk-hero .rk-cov{width:110px}.rk-hero .rk-info{max-width:150px}.rk-ht{font-size:16px}}.cont-row{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.cont-card{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--card-radius,14px);cursor:pointer;min-width:230px;box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.cont-card:hover{border-color:var(--coral);transform:translateY(-2px)}.cont-cov{background-position:50%;background-size:cover;border-radius:8px;flex:none;width:42px;height:56px}.cont-info{min-width:0}.cont-t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cont-sub{color:var(--coral-deep);margin-top:3px;font-size:12px;font-weight:600}.sec-head .sh-l{flex:1;min-width:0}.sec-head h2{padding-left:16px;position:relative}.sec-head h2:before{content:"";background:var(--coral);border-radius:3px;width:6px;height:1.05em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sec-sub{color:var(--muted);margin-top:3px;padding-left:16px;font-size:12.5px}.hero-card{background:var(--matcha-soft);border:1.5px solid var(--line);border-radius:24px;padding:26px 30px;position:relative;overflow:hidden}.hero-card h1{font-family:var(--font-display);color:var(--matcha-deep);max-width:540px;font-size:28px;font-weight:700;line-height:1.4}.hero-card p{color:var(--ink);max-width:470px;margin-top:8px;font-size:15px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.float-cube{font-size:54px;animation:4s ease-in-out infinite bob;position:absolute;top:50%;right:36px;transform:translateY(-50%)rotate(-8deg)}@keyframes bob{0%,to{transform:translateY(-50%)rotate(-8deg)}50%{transform:translateY(-62%)rotate(-3deg)}}@media (max-width:720px){.float-cube{display:none}.hero-card h1{font-size:21px}}.rank2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:760px){.rank2{grid-template-columns:1fr}}.rank-box{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:14px 16px}.rank-box h3{font-family:var(--font-body);align-items:center;gap:7px;margin-bottom:8px;font-size:17px;font-weight:700;display:flex}.rank-row{cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:7px 4px;display:flex}.rank-row:hover{background:var(--bg)}.rank-no{font-family:var(--font-heading);text-align:center;width:26px;color:var(--coral);flex:none;font-size:22px;font-weight:700}.rank-box .rank-row:nth-child(-n+4) .rank-no{color:var(--coral-deep)}.rank-cover{width:38px;height:52px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:8px;flex:none}.rank-info{flex:1;min-width:0}.rank-info .t{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.rank-info .m{color:var(--muted);font-size:12px}.book-grid{grid-template-columns:repeat(var(--grid-cols,5),minmax(0,1fr));gap:calc(18px * var(--density-scale,1));align-items:start;display:grid}@media (max-width:900px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.book{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius,18px);box-shadow:var(--shadow);flex-direction:column;padding:10px;transition:all .18s;display:flex}.book:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.book .book-meta .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;display:-webkit-box;overflow:hidden}.cover{aspect-ratio:2/3;box-shadow:var(--shadow);border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.cover:after,.cover h3{display:none}.cover .tag{color:var(--ink);z-index:2;background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.cover .price{color:#fff;z-index:2;background:#0000006b;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.cover .free{background:var(--matcha)}.discx-badge{z-index:3;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#f5573c,#d22f1c);border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 3px 8px #c8281466}.discx-badge.is-free{background:linear-gradient(135deg,#3da35d,#1e7d3c);box-shadow:0 3px 8px #14783259}.discx-count{z-index:3;color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(#140a0800,#140a08d1);justify-content:center;align-items:center;gap:5px;padding:12px 8px 5px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.hn-pd-rest .pcov,.hn-libcard .cv,.bk .cv,.hn-stage .pcv{position:relative;overflow:hidden}.hn-pd-rest .pcov .discx-badge,.hn-libcard .cv .discx-badge,.bk .cv .discx-badge,.rk-cov .discx-badge,.rcov .discx-badge,.hn-stage .pcv .discx-badge{gap:3px;padding:3px 7px;font-size:10px;top:5px;right:5px}.rk-cov .discx-badge{display:none}.lbadge{color:var(--matcha);background:var(--gold-bg);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.book-meta{margin-top:9px}.book-meta .t{font-family:var(--font-heading);color:var(--ink);font-size:15px;font-weight:600;line-height:1.35}.book-meta .bl{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.book-meta .stat{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:5px;font-size:12px;display:flex}.shelf-authors{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.shelf-author{background:var(--paper);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;transition:all .16s;display:flex}.shelf-author:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.sa-av{color:#fff;width:64px;height:64px;font-size:24px;font-weight:700;font-family:var(--font-body);background-position:50%;background-size:cover;border-radius:50%;place-items:center;display:grid}.sa-name{text-align:center;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rcat-bar{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-top:8px;padding:2px 2px 16px;display:flex;overflow-x:auto}.rcat-bar::-webkit-scrollbar{display:none}.rcat{color:var(--muted);background:var(--paper);border:1.5px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s}.rcat:hover{border-color:var(--matcha);color:var(--matcha-deep)}.rcat.active{background:var(--matcha);color:#fff;border-color:#0000;box-shadow:0 4px 12px #1c2b402e}.home-panel{border:1px solid var(--line);border-radius:var(--card-radius,22px);padding:calc(20px * var(--density-scale,1)) calc(22px * var(--density-scale,1)) calc(22px * var(--density-scale,1));box-shadow:var(--shadow);margin:20px 0}.rank-panel,.latest-panel{background:var(--paper)}.panel-head{align-items:center;margin-bottom:14px;display:flex}.panel-head h2{font-family:var(--font-display);color:var(--ink);padding-left:16px;font-size:22px;font-weight:700;position:relative}.panel-head h2:before{content:"";background:linear-gradient(180deg,var(--matcha),var(--matcha-deep));border-radius:3px;width:5px;height:1.1em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rank-ctrls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rgrp{flex-wrap:wrap;gap:6px;display:flex}.rgbtn{color:var(--muted);border:1.5px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:999px;padding:6px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.rgbtn:hover{border-color:var(--matcha);color:var(--matcha-deep)}.rgbtn.active{background:var(--matcha);color:#fff;border-color:#0000}.rgsel{color:var(--ink);border:1.5px solid var(--line);cursor:pointer;background:#ffffffeb;border-radius:999px;outline:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600}.rgsel:focus{border-color:var(--matcha)}.rtype{border-bottom:1.5px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.rtbtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1.5px;padding:8px 14px 9px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .15s}.rtbtn:hover{color:var(--matcha-deep)}.rtbtn.active{color:var(--matcha-deep);border-bottom-color:var(--matcha)}.rank-wrap2{position:relative}.rank-grid{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;grid-template-rows:repeat(2,auto);grid-auto-columns:128px;grid-auto-flow:column;gap:16px 14px;padding:4px 2px 8px;display:grid;overflow-x:auto}.rank-grid::-webkit-scrollbar{display:none}.rank-wrap2.at-start .rk-prev,.rank-wrap2.at-end .rk-next{opacity:0;pointer-events:none}.rcard{cursor:pointer;width:128px;transition:all .16s}.rcard:hover{transform:translateY(-3px)}.rcard-cov{aspect-ratio:3/4;width:128px;box-shadow:var(--shadow);border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:13px;position:relative}.rcard-no{color:#fff;background:#1c2b40d9;border-radius:9px;place-items:center;min-width:27px;height:27px;padding:0 6px;font-size:14px;font-weight:800;display:grid;position:absolute;top:7px;left:7px;box-shadow:0 2px 6px #0000004d}.rcard-no.top{background:var(--coral)}.rcard-t{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:128px;margin-top:7px;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:600px){.home-panel{border-radius:18px;padding:16px 14px 18px}}.views-panel{background:var(--paper)}.rank-grid2{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:12px 16px;display:grid}.rbig{border:1px solid var(--line);cursor:pointer;background:#ffffff80;border-radius:14px;align-items:center;gap:12px;padding:9px;transition:all .15s;display:flex}.rbig:hover{background:var(--paper);box-shadow:var(--shadow);transform:translateY(-2px)}.rbig-cov{width:90px;height:120px;box-shadow:var(--shadow);border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:9px;flex:none;position:relative}.rbig-t{color:var(--ink);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.rbig-no{color:#fff;background:#1c2b40d9;border-radius:8px;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:13px;font-weight:800;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 2px 6px #0006}.rbig-no.top{background:var(--coral)}@media (max-width:560px){.rank-grid2{gap:10px}.rbig{gap:9px;padding:7px}.rbig-cov{width:60px;height:80px}.rbig-t{-webkit-line-clamp:3;font-size:13px}}.allgrid{grid-template-columns:repeat(2,1fr);align-items:start;gap:16px;display:grid}.rcov{width:104px;height:139px;box-shadow:var(--shadow);border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:8px;flex:none}@media (max-width:560px){.rcov{width:92px;height:123px}}@media (max-width:820px){.allgrid{grid-template-columns:1fr}}@media (max-width:480px){.rank-grid2{gap:16px 14px}}.empty{text-align:center;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:46px 20px}.empty .big{color:var(--matcha);margin-bottom:10px;font-size:32px}.empty p{max-width:380px;margin:6px auto 16px}.filter-box{background:var(--paper);border:1.5px solid var(--line);border-radius:20px;margin-bottom:20px;padding:18px}.filter-box .label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.frow{border-bottom:1px solid var(--line);gap:14px;padding:11px 0;display:flex}.frow:first-child{padding-top:0}.frow:last-child{border-bottom:none;padding-bottom:0}.frow .flabel{width:74px;color:var(--muted);flex:none;padding-top:6px;font-size:13.5px;font-weight:600}@media (max-width:600px){.frow{flex-direction:column;gap:7px}.frow .flabel{width:auto;padding-top:0}}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{cursor:pointer;border:1.5px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.chip:hover{border-color:var(--matcha)}.chip.active{background:var(--matcha);color:#fff;border-color:var(--matcha)}.chip.sel{background:var(--coral);color:#fff;border-color:var(--coral)}.divider{background:var(--line);height:1px;margin:15px 0}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.card.narrow{max-width:440px;margin:30px auto}.card h2{font-family:var(--font-body);color:var(--matcha-deep);margin-bottom:4px;font-size:22px;font-weight:700}.card .sub{color:var(--muted);margin-bottom:16px;font-size:14px}label.field{margin-bottom:14px;display:block}label.field .lab{color:var(--ink);margin-bottom:5px;font-size:13.5px;font-weight:600;display:block}input.in,select.in,textarea.in{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:11px 13px;font-family:inherit;font-size:15px;transition:all .15s}input.in:focus,select.in:focus,textarea.in:focus{border-color:var(--matcha);box-shadow:0 0 0 4px var(--matcha-soft)}textarea.in{resize:vertical;min-height:80px;line-height:1.7}.color-pick{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:9px;width:34px;height:34px}.swatch.active{border-color:var(--ink)}.err{color:var(--coral-deep);margin-top:8px;font-size:13px;font-weight:600}.cover-up{align-items:center;gap:14px;display:flex}.cover-prev{width:96px;height:128px;box-shadow:var(--shadow);color:#fff;background-position:50%;background-size:cover;border-radius:12px;flex:none;place-items:center;font-size:26px;display:grid}.detail{text-align:center;background:linear-gradient(140deg,var(--matcha-soft),var(--paper) 82%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:30px 28px;display:flex}@media (max-width:640px){.detail{gap:16px;padding:20px}}.detail .big-cover{aspect-ratio:3/4;width:238px;box-shadow:var(--shadow-lg);background-position:50%;background-size:cover;border:5px solid #fff;border-radius:16px}@media (max-width:640px){.detail .big-cover{width:190px}}.detail .detail-info{flex-direction:column;align-items:center;width:100%;max-width:760px;display:flex}body.dark .detail .big-cover{border-color:var(--paper)}.detail h1{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:1.24}@media (max-width:640px){.detail h1{font-size:24px}}.detail .orig{color:var(--muted);margin-top:4px;font-size:14px;font-style:italic}.detail .by{color:var(--muted);margin-top:6px;font-size:14px}.detail .by a{color:var(--matcha-deep);font-weight:600}.author-chip{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}@media (max-width:640px){.author-chip{justify-content:center}}.author-chip-main{align-items:center;gap:10px;display:flex}.author-av{background:var(--matcha);color:#fff;width:42px;height:42px;font-family:var(--font-heading);box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.author-chip-text{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.author-lbl{color:var(--muted);font-size:13.5px}.author-lbl:after{content:":"}.author-name{font-family:var(--font-heading);color:var(--matcha-deep);text-decoration:underline;-webkit-text-decoration-color:var(--matcha);-webkit-text-decoration-color:var(--matcha);-webkit-text-decoration-color:var(--matcha);text-decoration-color:var(--matcha);text-underline-offset:3px;font-size:18px;font-weight:700;line-height:1.2;text-decoration-thickness:2px}.author-chip-main:hover .author-name{color:var(--matcha)}.author-follow{cursor:pointer;border:1.5px solid var(--coral);background:var(--coral);color:#fff;border-radius:999px;align-items:center;gap:5px;padding:8px 17px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 4px 11px #a6791f59}.author-follow:hover{filter:brightness(1.05);transform:translateY(-1px)}.author-follow:disabled{opacity:.6;cursor:default}.author-follow.on{color:var(--coral-deep);box-shadow:none;background:0 0}.detail .meta-row{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}@media (max-width:640px){.detail .meta-row{justify-content:center}}.detail .meta-row>span{color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.detail .meta-row .star{color:var(--gold)}.tagline{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}@media (max-width:640px){.tagline{justify-content:center}}.tagline .t{background:var(--matcha);color:#fff;cursor:pointer;border-radius:999px;padding:5px 15px;font-size:13px;font-weight:600;transition:transform .15s,filter .15s;box-shadow:0 3px 9px #1e4c8f4d}.tagline .t:hover{filter:brightness(1.07);transform:translateY(-1px)}.detail.detail-hero{text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover head""cover tags""cover actions";justify-content:start;align-items:start;gap:6px 30px;padding:28px 30px;display:grid}.detail-hero .hero-cover{grid-area:cover;align-self:start}.detail-hero .hero-head{flex-direction:column;grid-area:head;align-items:flex-start;min-width:0;display:flex}.detail-hero .hero-tags{grid-area:tags;margin-top:12px}.detail-hero .hero-actions{grid-area:actions;width:100%}.detail.detail-hero .big-cover{width:210px;margin:0}.detail.detail-hero h1{text-align:left;margin:0 0 2px;font-size:33px;line-height:1.22}.detail-hero .author-chip{justify-content:flex-start;margin-top:12px}.detail-hero .author-name{font-size:20px}.detail-hero .author-av{width:46px;height:46px;font-size:19px}.detail.detail-hero .meta-row{justify-content:flex-start;gap:8px;margin-top:15px}.detail.detail-hero .meta-row>span{padding:7px 15px;font-size:14.5px}.detail-hero .tagline{justify-content:flex-start;gap:9px;margin-top:0}.detail-hero .tagline .t{padding:6px 17px;font-size:14.5px}.detail-hero .hero-actions .act-row{margin-top:16px}.detail-hero .hero-actions .btn-coral{padding:12px 28px;font-size:16px;font-weight:800}@media (max-width:640px){.detail.detail-hero{text-align:center;grid-template-columns:1fr;grid-template-areas:"cover""head""tags""actions";justify-items:center;gap:12px 0;padding:22px 16px}.detail-hero .hero-cover{justify-self:center}.detail.detail-hero .big-cover{width:160px}.detail-hero .hero-head{text-align:center;align-items:center;width:100%}.detail.detail-hero h1{text-align:center;font-size:22px}.detail-hero .author-chip{justify-content:center;gap:9px;margin-top:10px}.detail-hero .author-name{font-size:16.5px}.detail-hero .author-av{width:38px;height:38px;font-size:16px}.detail.detail-hero .meta-row{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px}.detail.detail-hero .meta-row>span{padding:6px 13px;font-size:13.5px}.detail-hero .hero-tags{width:100%;margin-top:2px}.detail-hero .tagline{justify-content:center}.detail-hero .tagline .t{padding:5px 14px;font-size:13.5px}.detail-hero .hero-actions{width:100%}.detail-hero .hero-actions .act-row{justify-content:center}.detail-hero .hero-actions .btn-coral{padding:11px 22px;font-size:15px}}.sub-label{font-family:var(--font-heading);color:var(--coral);letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:800;display:inline-flex}.sub-label:before{content:"";background:var(--gold);border-radius:3px;flex:none;width:4px;height:18px}.blurb-box{background:var(--matcha-soft);border:1.5px solid var(--gold);border-radius:16px;width:100%;margin-top:20px;padding:18px 22px}.blurb{color:var(--text-body);margin:0;font-size:18px;font-weight:500;line-height:1.9}.synopsis-box{background:var(--paper);border:1.5px solid var(--line);text-align:left;width:100%;box-shadow:var(--shadow-sm);border-radius:16px;margin-top:18px;padding:22px 26px}.synopsis{color:var(--text-body);margin-top:2px;font-size:17.5px;line-height:2}.synopsis-p{margin:0 0 1.2em}.synopsis-p:last-child{margin-bottom:0}@media (max-width:600px){.synopsis-box{padding:18px}.synopsis{font-size:16.5px;line-height:1.95}.blurb-box{padding:15px 17px}.blurb{font-size:17.5px}}.synopsis.clamp{max-height:8.4em;position:relative;overflow:hidden}.synopsis.clamp:after{content:"";background:linear-gradient(transparent,var(--paper));height:2.6em;position:absolute;bottom:0;left:0;right:0}.act-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.toc-topbar{justify-content:space-between;align-items:center;gap:10px;margin:2px 0 10px;display:flex}.toc-total{color:var(--muted);font-size:13.5px;font-weight:600}.toc-sort{color:var(--matcha-deep);background:var(--matcha-soft);border:1.5px solid var(--matcha);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:600}.toc-acc{border:1.5px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden}.toc-group{border-bottom:1px solid var(--line)}.toc-group:last-child{border-bottom:none}.toc-group-head{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:15px 18px;font-family:inherit;list-style:none;transition:background .15s;display:block}.toc-group-head::-webkit-details-marker{display:none}.toc-group-head::marker{content:"";font-size:0}.toc-group-hd{align-items:center;gap:10px;display:flex}.toc-group-head:hover,.toc-group[open]>.toc-group-head{background:var(--matcha-soft)}.toc-group-label{font-family:var(--font-heading);color:var(--ink);letter-spacing:.01em;font-size:16px;font-weight:700}.toc-count{color:var(--muted);font-size:12.5px}.toc-chev{color:var(--muted);flex:none;margin-left:auto;transition:transform .2s}.toc-group[open]>.toc-group-head .toc-chev{color:var(--matcha-deep);transform:rotate(90deg)}.toc-inner{border:none;border-top:1px solid var(--line);background:var(--bg);border-radius:0;margin-top:0}.ch-list{border:1.5px solid var(--line);background:var(--paper);border-radius:16px;margin-top:8px;overflow:hidden}.ch-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.ch-item:last-child{border-bottom:none}.ch-item:hover{background:var(--matcha-soft)}.ch-item .num{font-family:var(--font-body);color:var(--muted);flex:none;width:34px;font-weight:700}.ch-item .ti{flex:1;min-width:0;font-weight:500}.ch-item .ch-views{text-align:right;width:56px;color:var(--muted);white-space:nowrap;flex:none;font-size:12.5px}.ch-item .lk{white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:3px;min-width:72px;font-size:12.5px;font-weight:700;display:inline-flex}.ch-item .drip-live{color:#a8730a;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fdf3e3;border-radius:999px;flex:none;padding:3px 10px;font-size:11.5px;font-weight:700}.ch-item .drip-live .dl-mini{display:none}.ch-play-slot{flex:none;width:64px}@media (max-width:640px){.ch-item{flex-wrap:wrap;align-items:baseline;gap:2px 7px;padding:8px 14px}.ch-item .num{flex:0 0 22px;order:0;width:22px;font-size:11.5px}.ch-item .ti{flex:calc(100% - 29px);order:1;min-width:0;font-size:13px;line-height:1.4}.ch-item .ch-play,.ch-item .ch-play-slot{order:2}.ch-item .drip-live{order:3;padding:1px 6px;font-size:10px}.ch-item .drip-live .dl-full{display:none}.ch-item .drip-live .dl-mini{display:inline}.ch-item .ch-views{order:4;width:auto;margin-left:auto;font-size:10.5px}.ch-item .lk{order:5;min-width:0;font-size:11.5px}.ch-play{width:30px;height:26px}.ch-play .ch-play-tx{display:none}.ch-play-slot{width:30px}.ch-item.ch-selrow{flex-wrap:nowrap}.ch-item.ch-selrow .ti{flex:auto;font-size:13.5px}}.detail-hero .hero-cover{position:relative}.cover-drag{object-fit:cover;cursor:grab;z-index:1;-webkit-user-drag:element;-webkit-user-select:none;user-select:none;border-radius:12px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.cover-drag:active{cursor:grabbing}.lk.free{color:var(--matcha-deep)}.lk.paid{color:var(--gold)}.lk.owned{color:var(--muted)}.cmt{background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:14px 16px}.cmt:last-child{margin-bottom:0}.cmt .who{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cmt .who .anon{color:var(--muted);font-size:12.5px;font-weight:400}.cmt .cav{background:var(--matcha-soft);width:34px;height:34px;color:var(--matcha-deep);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid;overflow:hidden}.cmt .cav-img{background-position:50%;background-size:cover;width:100%;height:100%;display:block}.cmt.reply .cav{width:26px;height:26px;font-size:12px}.cmt .tm{color:var(--muted);margin-left:6px;font-size:12px}.cmt .tx{margin-top:3px;font-size:14.5px}.cmt-acts{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}.cmt-act{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.cmt-act:hover{color:var(--matcha-deep);text-decoration:underline}.replies{border-left:2px solid var(--line);flex-direction:column;gap:10px;margin-top:8px;margin-left:14px;padding-left:12px;display:flex}.cmt.reply{background:var(--bg);border:1.5px solid var(--line);box-shadow:none;border-radius:10px;margin-bottom:0;padding:9px 11px}.reader{max-width:820px;margin:0 auto;padding:0}.reader .rtop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.reader h1{font-family:var(--font-body);font-size:23px;font-weight:700}.reader .content{font-size:var(--reader-size,18px);line-height:var(--reader-lh,1.95);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reader .content p{text-indent:1.6em;margin-bottom:1.05em}.read-sheet{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;margin-bottom:14px;padding:38px 44px}.read-bar{background:var(--matcha);z-index:120;width:0;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.rt-btn{border:1.5px solid var(--line);background:var(--paper);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;line-height:0;display:grid}.rt-btn.on{border-color:var(--matcha);background:var(--matcha-soft);color:var(--matcha-deep)}.tnote{background:var(--info-bg);border:1px solid var(--line);border-left:4px solid var(--matcha);white-space:pre-wrap;border-radius:10px;margin-top:22px;padding:12px 14px;font-size:14.5px;line-height:1.7}.tnote .lbl{color:var(--matcha-deep);margin-bottom:4px;font-size:12.5px;font-weight:800;display:block}@media (max-width:560px){.read-sheet{padding:24px 20px}}.ch-jump{border:1.5px solid var(--line);background:var(--paper);border-radius:9px;max-width:200px;padding:5px 8px;font-family:inherit;font-size:13px}.ch-img{max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:10px;margin:16px auto;display:block}hr.scene{text-align:center;border:none;height:auto;margin:24px 0}hr.scene:before{content:"✦ ✦ ✦";color:var(--coral);letter-spacing:8px;font-size:13px}.fmt-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.fmt-btn{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:13px;line-height:1.4}.fmt-btn:hover{border-color:var(--matcha);background:var(--matcha-soft)}.fmt-hint{color:var(--muted);margin-left:auto;font-size:12px}.ctrls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctrls select{border:1.5px solid var(--line);background:var(--paper);border-radius:9px;max-width:170px;padding:5px 8px;font-family:inherit;font-size:13px}.ctrls button{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;white-space:nowrap;border-radius:8px;min-width:34px;height:32px;padding:0 8px;font-size:15px;font-weight:700;line-height:1}.rt-group{align-items:center;gap:8px;display:inline-flex}.ctrls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.reader .rtop .linklike{font-size:15px;font-weight:800;text-decoration:none}.reader .rtop .linklike:hover{filter:brightness(1.08)}@media (max-width:560px){.reader .rtop{flex-direction:column;align-items:stretch;gap:12px}.reader .rtop .ctrls{flex-direction:column;align-items:center;gap:10px}}.rrail{z-index:90;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.rrail-btn{cursor:pointer;width:62px;color:var(--ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.rrail-btn .c{background:var(--paper);border:1.5px solid var(--line);width:48px;height:48px;color:var(--matcha-deep);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:background .15s,color .15s,transform .1s;display:grid}.rrail-btn:hover .c{background:var(--matcha-soft)}.rrail-btn:active .c{transform:scale(.94)}.rrail-btn.on .c{background:var(--matcha);color:#fff}.rrail-btn:disabled{opacity:.38;cursor:default}.rrail-btn:disabled:hover .c{background:var(--paper)}body.dark .rrail-btn.on .c{color:#241a06}.rbottom{z-index:90;background:var(--paper);border-top:1.5px solid var(--line);justify-content:space-around;align-items:stretch;padding:6px 4px;transition:transform .28s;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 16px #0000000f}.rbottom.show{transform:translateY(0)}.rbb{color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 1px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.25;display:flex}.rbb .c{background:var(--matcha-soft);width:40px;height:40px;color:var(--matcha-deep);border-radius:50%;place-items:center;transition:transform .1s;display:grid}.rbb:active .c{transform:scale(.94)}.rbb:disabled{opacity:.38}@media (max-width:1023px){.rrail{display:none}.rbottom{display:flex}.reader{padding-bottom:78px}}.rsheet-scrim{z-index:95;opacity:0;pointer-events:none;background:#140c0657;transition:opacity .22s;position:fixed;inset:0}.rsheet-scrim.show{opacity:1;pointer-events:auto}@media (min-width:1024px){.rsheet-scrim{background:0 0}.rrail{z-index:97}}.rsheet{z-index:96;background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;padding:10px 18px 22px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.rsheet.show{transform:translateY(0)}@media (min-width:1024px){.rsheet{opacity:0;border-radius:16px;width:330px;padding:16px 18px;transition:opacity .18s,transform .18s;inset:50% 88px auto auto;transform:translateY(-50%)scale(.96)}.rsheet.show{opacity:1;transform:translateY(-50%)scale(1)}}.rsheet .grab{background:var(--line);border-radius:3px;width:40px;height:5px;margin:2px auto 12px}@media (min-width:1024px){.rsheet .grab{display:none}}.rs-row{margin-bottom:16px}.rs-row:last-child{margin-bottom:2px}.rs-lbl{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.rs-modes{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.rs-mode{border:2px solid var(--line);cursor:pointer;background:var(--paper);color:var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.rs-mode.on{border-color:var(--matcha);background:var(--matcha-soft);color:var(--matcha-deep)}.rs-mode .ico{place-items:center;display:grid}.rs-step{align-items:center;gap:10px;display:flex}.rs-step .v{text-align:center;flex:1;font-size:15px;font-weight:700}.rs-step button{border:2px solid var(--line);background:var(--paper);min-width:64px;height:48px;color:var(--ink);cursor:pointer;border-radius:12px;font-family:inherit;font-size:16px;font-weight:700}.rs-step button:active{border-color:var(--matcha);background:var(--matcha-soft);color:var(--matcha-deep)}.rs-fonts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rs-font{border:2px solid var(--line);cursor:pointer;background:var(--paper);color:var(--ink);text-align:center;border-radius:12px;padding:11px;font-family:inherit;font-size:15px}.rs-font.on{border-color:var(--matcha);background:var(--matcha-soft);color:var(--matcha-deep)}.rtoc{z-index:96;background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;flex-direction:column;max-height:70vh;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.rtoc.show{transform:translateY(0)}@media (min-width:1024px){.rtoc{opacity:0;border-radius:16px;width:420px;max-width:90vw;max-height:76vh;transition:opacity .18s,transform .18s;inset:50% auto auto 50%;transform:translate(-50%,-46%)}.rtoc.show{opacity:1;transform:translate(-50%,-50%)}}.rtoc-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;font-size:16px;font-weight:800;display:flex}.rtoc-list{padding:6px;overflow-y:auto}.rtoc-item{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:15px;text-decoration:none;display:flex}.rtoc-item:hover{background:var(--matcha-soft)}.rtoc-item.on{background:var(--matcha-soft);color:var(--matcha-deep)}.rtoc-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rtoc-n{font-weight:600}.rtoc-item.on .rtoc-n{font-weight:800}.rtoc-t{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.rtoc-item.on .rtoc-t{color:var(--matcha-deep)}.rtoc-badges{flex:none;align-items:center;gap:6px;display:flex}.rtoc-cur{color:#fff;background:var(--matcha);white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}body.dark .rtoc-cur{color:#241a06}.rtoc-owned{color:var(--ok-ink);background:var(--ok-bg);white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.rtoc-price{color:var(--gold);background:var(--warn-bg);white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.rrail-btn.proof .c,.rbb.proof .c{box-shadow:inset 0 0 0 2px var(--gold);background:#fff4dc}.rrail-btn.proof:hover .c{background:#fbeac2}.rrail-btn.proof.on .c,.rbb.proof.on .c{background:#7e3346;box-shadow:inset 0 0 0 2px #7e3346}body.dark .rrail-btn.proof .c,body.dark .rbb.proof .c{box-shadow:inset 0 0 0 2px var(--gold);background:#33281a}body.dark .rrail-btn.proof.on .c,body.dark .rbb.proof.on .c{background:#7e3346}.content.proof-on{cursor:crosshair}.content.proof-on p{cursor:pointer}.proof-hint{z-index:97;background:var(--gold);color:#5a3d0c;box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:22px;align-items:center;gap:7px;max-width:92vw;padding:7px 8px 7px 14px;font-size:13.5px;font-weight:700;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.proof-hint-x{color:#5a3d0c;font:inherit;cursor:pointer;background:#5a3d0c29;border:none;border-radius:16px;flex:none;padding:5px 13px;font-size:13px;font-weight:700}.typo-pop{z-index:96;background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;padding:10px 18px 22px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.typo-pop.show{transform:translateY(0)}@media (min-width:1024px){.typo-pop{border-radius:16px;width:330px;padding:16px 18px;inset:50% 88px auto auto;transform:translateY(-50%)}}.typo-pop .grab{background:var(--line);border-radius:3px;width:40px;height:5px;margin:2px auto 12px}@media (min-width:1024px){.typo-pop .grab{display:none}}.typo-pop h4{color:var(--coral-deep);align-items:center;gap:7px;margin:0 0 12px;font-size:16px;display:flex}.typo-pop .tp-fl{color:var(--muted);margin-bottom:5px;font-size:12.5px}.typo-pop .tp-orig{background:var(--matcha-soft);word-break:break-word;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:18px;font-weight:700}.typo-pop .tp-in{border:2px solid var(--gold);width:100%;font:inherit;color:var(--ink);background:0 0;border-radius:11px;margin-bottom:13px;padding:12px;font-size:18px}.typo-pop .tp-acts{gap:10px;display:flex}.typo-pop .tp-acts button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-family:inherit;font-size:15px;font-weight:700}.typo-pop .tp-cancel{background:var(--line);color:var(--ink)}.typo-pop .tp-send{background:var(--coral);color:#fff}.typo-pop .tp-send:disabled{opacity:.6}body.dark .typo-pop .tp-send{color:#241a06}.typo-menu{width:360px;max-height:474px}.tq-item{border-bottom:1px solid var(--line);padding:12px 14px}.tq-item:last-child{border-bottom:none}.tq-who{color:var(--muted);margin-bottom:6px;font-size:12px;line-height:1.5}.tq-who b{color:var(--ink)}.tq-sent{margin-bottom:9px;font-size:13.5px;line-height:1.7}.tq-sent mark{background:var(--gold-frame);color:#8a5a0c;border-radius:4px;padding:0 3px;font-weight:700}body.dark .tq-sent mark{color:#e8c878;background:#3a2f16}.tq-diff{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:10px;font-size:15px;display:flex}.tq-diff .old{color:var(--coral);font-weight:600;text-decoration:line-through}.tq-diff .arw{color:var(--muted)}.tq-diff .new{color:var(--ok-ink);font-weight:800}.tq-acts{gap:8px;display:flex}.tq-acts button{cursor:pointer;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.tq-ok{background:var(--ok-ink);color:#fff}.tq-no{background:var(--line);color:var(--ink)}.tq-acts button:disabled{opacity:.55}body.dark .tq-ok{color:#0e1b12}.mtab{z-index:60;background:var(--paper);border-top:1.5px solid var(--line);padding:5px 4px calc(5px + env(safe-area-inset-bottom));justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000012}.mtab-i{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 2px;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.mtab-i.on{color:var(--matcha-deep)}.mtab-i:active{transform:scale(.94)}@media (max-width:768px){.mtab{display:flex}.site-hd .tabbar{display:none}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.line-fab{bottom:74px}}.ce-ta{field-sizing:content}.rsheet,.rtoc,.typo-pop{pointer-events:none}.rsheet.show,.rtoc.show,.typo-pop.show{pointer-events:auto}.locked-box{text-align:center;background:var(--paper);border:1.5px dashed var(--coral);border-radius:18px;padding:40px}.nav-ch{justify-content:space-between;gap:10px;margin-top:24px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.b-draft{color:#8c857c;background:#efeae1}.b-pub{background:var(--matcha-soft);color:var(--matcha-deep)}.b-sched{color:var(--gold);background:#fbf0d6}.b-free{color:var(--matcha-deep);background:#e7f0e9}.b-paid{color:var(--gold);background:#fbf0d6}.stat-row{flex-wrap:wrap;gap:24px;display:flex}.stat-row .it{min-width:88px}.stat-row .it .k{color:var(--muted);font-size:13px}.stat-row .it .v{font-family:var(--font-body);font-size:22px;font-weight:700}.toolbar{z-index:20;background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 13px;display:flex;position:sticky;top:114px}.toolbar .selinfo{color:var(--matcha-deep);font-size:13px;font-weight:600}.toolbar .sep{flex:1}.crow{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:12px;padding:11px 14px;display:flex}.crow:hover,.crow.selrow{background:var(--matcha-soft)}.crow .num{font-family:var(--font-body);color:var(--muted);text-align:center;flex:none;width:30px;font-weight:700}.crow .ti{cursor:pointer;flex:1;min-width:0;font-weight:600}.crow .ti:hover{color:var(--matcha-deep)}.crow .badges{flex-wrap:wrap;gap:6px;display:flex}.ck{width:18px;height:18px;accent-color:var(--matcha);cursor:pointer;flex:none}.clist-wrap{border:1.5px solid var(--line);border-radius:16px;overflow:hidden}.added-list{border:1.5px solid var(--line);border-radius:14px;margin-top:14px;overflow:hidden}.added-list .ai{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 14px;font-size:14px;display:flex}.added-list .ai:last-child{border:none}.toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle .tk{background:var(--line);border-radius:999px;width:42px;height:24px;transition:all .2s;position:relative}.toggle .tk:after{content:"";background:var(--paper);border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on .tk{background:var(--matcha)}.toggle.on .tk:after{left:20px}.author-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.avatar{background:var(--matcha);color:#fff;width:74px;height:74px;font-family:var(--font-body);border-radius:50%;flex:none;place-items:center;font-size:30px;font-weight:700;display:grid}.social-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.social-chips a{background:var(--bg);border:1.5px solid var(--line);color:var(--matcha-deep);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.row-grp{flex-wrap:wrap;gap:12px;display:flex}.grp-opt{border:1.5px solid var(--line);text-align:center;cursor:pointer;border-radius:14px;flex:1;min-width:140px;padding:14px;font-weight:600}.grp-opt.active{border-color:var(--matcha);background:var(--matcha-soft);color:var(--matcha-deep)}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#3b353073;place-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.show{display:grid}.modal{background:var(--paper);width:100%;max-width:430px;box-shadow:var(--shadow-lg);border-radius:24px;padding:24px}.modal h3{font-family:var(--font-body);color:var(--matcha-deep);margin-bottom:4px;font-size:20px;font-weight:700}.packs{grid-template-columns:1fr 1fr;gap:11px;margin-top:14px;display:grid}.pack{border:1.5px solid var(--line);text-align:center;cursor:pointer;border-radius:15px;padding:14px}.pack:hover{border-color:var(--coral)}.pack .amt{font-family:var(--font-body);font-size:19px;font-weight:700}.pack .baht{color:var(--muted);margin-top:2px;font-size:13px}.close-x{float:right;cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px;line-height:1}.tdrawer{z-index:130;background:var(--paper);border-left:1px solid var(--line);flex-direction:column;width:min(380px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 34px #003c4233}.tdrawer-head{border-bottom:1px solid var(--line);font-family:var(--font-heading);color:var(--ink);background:var(--surface-row);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;display:flex}.tdrawer-x{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.tdrawer-x:hover{background:var(--bg)}.tdrawer-body{flex:1;padding:16px;overflow-y:auto}@media (max-width:560px){.tdrawer{border-left:none;border-top:1px solid var(--line);border-radius:18px 18px 0 0;width:100vw;height:78vh;top:auto;box-shadow:0 -12px 34px #003c423d}}.shr-overlay{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#28201073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shr-card{background:var(--paper);width:100%;max-width:420px;box-shadow:var(--shadow-modal);border-radius:22px;padding:22px 22px 20px;position:relative}.shr-title{text-align:center;font-family:var(--font-heading);color:var(--ink);margin-bottom:16px;font-size:20px;font-weight:700}.shr-x{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.shr-label{color:var(--muted);margin-bottom:10px;font-size:13.5px}.shr-apps{justify-content:center;gap:26px;margin:4px 0 18px;display:flex}.shr-app{cursor:pointer;color:var(--text-body);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.shr-ic{border:1.5px solid var(--line);background:var(--paper);width:58px;height:58px;box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;transition:all .15s;display:grid}.shr-app:hover .shr-ic{box-shadow:var(--shadow);border-color:var(--matcha);transform:translateY(-2px)}.shr-or{color:var(--muted);align-items:center;gap:12px;margin:2px 0 14px;font-size:13px;display:flex}.shr-or:before,.shr-or:after{content:"";background:var(--line);flex:1;height:1px}.shr-url{background:var(--surface-row);border:1.5px solid var(--line);color:var(--text-body);border-radius:12px;align-items:center;margin-bottom:12px;padding:12px 14px;font-size:14px;display:flex}.shr-url span{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;min-width:0;overflow:hidden}.shr-copy{border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px;font-size:15.5px;font-weight:700;transition:all .15s;display:flex}.shr-copy:hover{border-color:var(--matcha);background:var(--matcha-soft)}.shr-copy.done{border-color:var(--ok-ink);background:var(--ok-bg);color:var(--ok-ink)}.apb{--apb-sky1:#fbeef1;--apb-sky2:#fbf4ee;--apb-sun:#f3ce87;--apb-sea:#dda6b0;--apb-card:#fffdfa;--apb-line:#eaded8;--apb-tint:#f7eae4;--apb-rose:#c25e72;--apb-rose-deep:#a4485c;--apb-teal:#a4485c;--apb-teal-deep:#7e3346;--apb-glow:0 14px 34px #78324624;--apb-pin-bg:linear-gradient(140deg,#fdf5ef,#fbede6)}body.dark .apb{--apb-sky1:#2a1820;--apb-sky2:#2a2030;--apb-sun:#e8b15c;--apb-sea:#52303a;--apb-card:#221c14;--apb-line:#3a3222;--apb-tint:#2a2418;--apb-rose:#d98a98;--apb-rose-deep:#e5a9b4;--apb-teal:#ce8595;--apb-teal-deep:#e0a9b4;--apb-glow:0 14px 34px #00000080;--apb-pin-bg:linear-gradient(140deg,#2e2618,#282013)}body.theme-gold .apb{--apb-sky1:#f1e7c8;--apb-sky2:#f6ecd2;--apb-sun:#e9c15e;--apb-sea:#c9bc8c;--apb-card:#fbf5de;--apb-line:#e7dcb8;--apb-tint:#f1e7c8;--apb-rose:#a8674e;--apb-rose-deep:#8f5540;--apb-teal:#6f5d24;--apb-teal-deep:#57471b;--apb-glow:0 12px 28px #5a461424;--apb-pin-bg:linear-gradient(140deg,#f6efd6,#f1e7c8)}.apb-hero{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--apb-glow);border-radius:24px;margin-bottom:16px;overflow:hidden}.apb-banner{background:linear-gradient(180deg,var(--apb-sky1) 0%,var(--apb-sky2) 62%,var(--apb-sun) 130%);height:210px;position:relative;overflow:hidden}.apb-sun{background:radial-gradient(circle,#ffe9be 0%,var(--apb-sun) 45%,transparent 72%);opacity:.95;border-radius:50%;width:150px;height:150px;position:absolute;top:56%;left:50%;transform:translate(-50%)}.apb-cloud{filter:blur(2px);background:#ffffff8c;border-radius:999px;height:26px;position:absolute}body.dark .apb-cloud{background:#ffffff14}.apb-c1{width:180px;top:34%;left:12%}.apb-c2{width:120px;top:22%;right:14%}.apb-sea{background:linear-gradient(180deg,var(--apb-sea),transparent 160%);opacity:.55;height:44px;position:absolute;bottom:0;left:0;right:0}.apb-head{text-align:center;margin-top:-62px;padding:0 22px 22px;position:relative}.apb-avatar{background:linear-gradient(150deg,var(--apb-teal),var(--apb-teal-deep));color:#fff;width:124px;height:124px;font-family:var(--font-heading);border:6px solid var(--apb-card);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:50px;font-weight:700;display:flex;position:relative;box-shadow:0 10px 26px #17838c47}body.dark .apb-avatar{color:#241a06}.apb-ver{background:var(--apb-rose);color:#fff;border:3px solid var(--apb-card);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:absolute;bottom:4px;right:0}.apb-name{font-family:var(--font-heading);color:var(--ink);margin:10px 0 0;font-size:32px;font-weight:700}.apb-badge{background:var(--apb-tint);color:var(--apb-teal-deep);border:1px solid var(--apb-line);border-radius:999px;margin-top:6px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.apb-bio{max-width:600px;color:var(--text-body);margin:10px auto 6px;font-size:16.5px}.apb-fanrow{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.apb-fanrow>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.apb-fanrow b{color:var(--ink);font-size:18px}.apb-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0 12px;display:flex}.apb-btn-follow{cursor:pointer;min-height:54px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,var(--apb-teal),var(--apb-teal-deep));border:none;border-radius:999px;padding:12px 34px;font-size:18.5px;font-weight:600;box-shadow:0 10px 22px #17838c4d}body.dark .apb-btn-follow{color:#0e2a2e}.apb-btn-follow.on{background:var(--apb-tint);color:var(--apb-teal-deep);border:1.5px solid var(--apb-teal);box-shadow:none}.apb-btn-bell{border:1.5px solid var(--apb-rose);cursor:pointer;background:var(--apb-card);min-height:48px;color:var(--apb-rose-deep);border-radius:999px;padding:10px 20px;font-size:15.5px;font-weight:700}.apb-linkrow{border-top:1px dashed var(--apb-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding-top:14px;display:flex}.apb-url{background:var(--apb-tint);border:1.5px dashed var(--apb-line);color:var(--apb-teal-deep);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:9px 15px;font-size:14px;font-weight:700;overflow:hidden}.apb-chip-btn{border:1.5px solid var(--apb-line);background:var(--apb-card);min-height:44px;color:var(--text-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14.5px;font-weight:700;display:inline-flex}.apb-chip-btn:hover{border-color:var(--apb-teal)}.apb-stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;margin-bottom:16px;display:grid}.apb-stat{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;display:flex}.apb-stat b{font-family:var(--font-heading);color:var(--ink);font-size:24px;font-weight:700}.apb-stat span{color:var(--muted);font-size:13.5px}.apb-cols{align-items:flex-start;gap:16px;display:flex}.apb-main{flex-direction:column;flex:620px;gap:16px;min-width:0;display:flex}.apb-rail{flex-direction:column;flex:330px;gap:16px;min-width:0;max-width:380px;display:flex}.apb-card{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--shadow-sm);border-radius:20px;padding:20px}.apb-h2{font-family:var(--font-heading);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:18.5px;font-weight:700;display:flex}.apb-h2-big{font-size:21px}.apb-count-pill{background:var(--apb-tint);color:var(--apb-teal-deep);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.apb-empty{color:var(--muted);margin:2px 0 6px;font-size:15px}.apb-pin{background:var(--apb-pin-bg);border:1.5px solid var(--apb-rose);box-shadow:var(--apb-glow);border-radius:20px;padding:18px 20px}.apb-pin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.apb-pin-tag{background:var(--apb-rose);color:#fff;font-family:var(--font-heading);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600}.apb-pin-msg{color:var(--text-body);white-space:pre-line;margin:4px 0 10px;font-size:17.5px;line-height:1.75}.apb-pin-by{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.apb-mini-av{background:linear-gradient(150deg,var(--apb-teal),var(--apb-teal-deep));color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.apb-feed{flex-direction:column;gap:10px;display:flex}.apb-item{background:var(--surface-row);border:1px solid var(--apb-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.apb-item p{margin:0;font-size:15.5px}.apb-item-ic{background:var(--apb-tint);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.apb-ic-post{background:var(--accent-soft)}.apb-item-body{flex:240px;min-width:0}.apb-post-quote{color:var(--text-body)}.apb-time{color:var(--muted);font-size:13px}.apb-btn-sm{border:1.5px solid var(--apb-teal);background:var(--apb-card);min-height:44px;color:var(--apb-teal-deep);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:8px 18px;font-size:14.5px;font-weight:700;display:inline-flex}.apb-btn-teal{background:linear-gradient(135deg,var(--apb-teal),var(--apb-teal-deep));color:#fff;border:none}body.dark .apb-btn-teal{color:#0e2a2e}.apb-more{border:1.5px solid var(--apb-line);background:var(--apb-card);width:100%;min-height:48px;color:var(--apb-teal-deep);cursor:pointer;border-radius:999px;margin-top:14px;font-size:15.5px;font-weight:700}.apb-askrow{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.apb-input{background:var(--surface-row);border:1.5px solid var(--apb-line);min-width:0;min-height:48px;color:var(--ink);font-size:15.5px;font-family:var(--font-body);border-radius:999px;outline:none;flex:200px;padding:10px 18px}.apb-input:focus{border-color:var(--apb-teal)}.apb-input-sm{min-height:44px;font-size:14.5px}.apb-btn-send{background:linear-gradient(135deg,var(--apb-rose),var(--apb-rose-deep));color:#fff;min-height:48px;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:600}.apb-btn-send:disabled{opacity:.55;cursor:default}.apb-msgs{flex-direction:column;gap:12px;display:flex}.apb-msg{gap:12px;display:flex}.apb-msg p{margin:2px 0 0;font-size:15.5px}.apb-msg-av{background:var(--apb-tint);border:1px solid var(--apb-line);width:44px;height:44px;color:var(--apb-teal-deep);background-position:50%;background-size:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.apb-msg-body{background:var(--surface-row);border:1px solid var(--apb-line);border-radius:4px 16px 16px;flex:1;min-width:0;padding:12px 14px}.apb-msg-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.apb-msg-top b{color:var(--ink)}.apb-msg-del{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:13px;text-decoration:underline}.apb-tag-tr{background:var(--apb-teal);color:#fff;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700}body.dark .apb-tag-tr{color:#0e2a2e}.apb-reply{background:var(--apb-card);border:1px solid var(--apb-line);border-left:4px solid var(--apb-teal);border-radius:10px;margin-top:10px;padding:10px 12px}.apb-replyrow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.apb-about{color:var(--text-body);flex-direction:column;gap:9px;margin:0 0 12px;padding:0;font-size:15px;list-style:none;display:flex}.apb-about li{align-items:baseline;gap:9px;display:flex}.apb-chips{flex-wrap:wrap;gap:7px;display:flex}.apb-chip{background:var(--apb-tint);color:var(--apb-teal-deep);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.apb-reco{background:linear-gradient(150deg,var(--apb-card),var(--apb-tint))}.apb-reco-body{gap:14px;display:flex}.apb-reco-cover{height:132px;box-shadow:var(--shadow);border:1px solid var(--apb-line);border-radius:10px;flex:0 0 96px;display:block}.apb-reco-info{flex-direction:column;flex:1;align-items:flex-start;gap:7px;min-width:0;display:flex}.apb-reco-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.5}.apb-stars{color:var(--star);font-size:14.5px;font-weight:700}.apb-reco-quote{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.apb-socrows{flex-direction:column;gap:10px;display:flex}.apb-socrow{background:var(--surface-row);border:1px solid var(--apb-line);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;font-size:15px;display:flex}.apb-go{color:var(--apb-teal-deep);white-space:nowrap;font-size:14px;font-weight:700}.apb-shelf{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--shadow-sm);border-radius:22px;margin-top:18px;padding:22px}.apb-shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.apb-books{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px;display:grid}.apb-book{flex-direction:column;gap:7px;min-width:0;display:flex}.apb-cover{border:1px solid var(--apb-line);border-radius:13px;height:230px;display:block;position:relative;overflow:hidden;box-shadow:0 6px 14px #17838c24}.apb-era{color:var(--apb-teal-deep);background:#fffdfaeb;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:8px;left:8px}.apb-book-t{color:var(--ink);font-size:15px;font-weight:700;line-height:1.5;display:block}.apb-book-tags{flex-wrap:wrap;gap:6px;display:flex}.apb-pill-run{background:var(--warn-bg);color:var(--warn-ink);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}.apb-pill-done{background:var(--apb-teal-deep);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}body.dark .apb-pill-done{color:#0e2a2e;background:var(--apb-teal)}.apb-composer{border:1.5px dashed var(--apb-teal)}.apb-owner-pill{background:var(--info-bg);color:var(--info-ink);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}.apb-textarea{background:var(--surface-row);border:1.5px solid var(--apb-line);width:100%;color:var(--ink);font-size:15.5px;font-family:var(--font-body);resize:vertical;border-radius:14px;outline:none;padding:12px 14px}.apb-textarea:focus{border-color:var(--apb-teal)}.apb-composer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.apb-pin-check{color:var(--text-body);cursor:pointer;align-items:center;gap:8px;font-size:14.5px;display:flex}.apb-pin-check input{width:18px;height:18px}.apb-mine{border-top:1px dashed var(--apb-line);flex-direction:column;gap:6px;margin-top:14px;padding-top:10px;display:flex}.apb-mine-row{color:var(--text-body);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.apb-mine-body{flex:240px;min-width:0}.apb-mine-acts{flex:none;gap:6px;display:flex}.apb-tabs{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;gap:6px;margin:-4px 0 16px;padding:8px;display:flex}.apb-tab{border:1.5px solid var(--apb-line);background:var(--apb-tint);cursor:pointer;min-height:46px;font-family:var(--font-heading);color:var(--apb-teal-deep);border-radius:12px;align-items:center;gap:7px;padding:9px 16px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.apb-tab:hover{border-color:var(--apb-teal);background:var(--apb-card)}.apb-tab.on{background:var(--apb-teal);border-color:var(--apb-teal-deep);color:#fff;box-shadow:0 5px 12px #0000002e}body.dark .apb-tab.on{color:#0e2a2e}.apb-tab-preview{border:1.5px dashed var(--apb-line);color:var(--apb-teal-deep);margin-left:auto}.apb-tab-dot{background:var(--apb-rose);color:#fff;font-size:11.5px;font-weight:700;font-family:var(--font-body);border-radius:999px;padding:1px 8px}.apb-hub-wrap{background:var(--apb-card);border:1px solid var(--apb-line);box-shadow:var(--shadow-sm);border-radius:20px;padding:18px 16px}.apb-preview-bar{background:var(--info-bg);color:var(--info-ink);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;font-size:14.5px;font-weight:700;display:flex}.apb-as-reader .apb-composer{display:none}.apb-h2-ic{background:var(--apb-tint);width:34px;height:34px;color:var(--apb-teal-deep);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.apb-li-ic{background:var(--apb-tint);width:26px;height:26px;color:var(--apb-teal-deep);border-radius:8px;flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.apb-heart{color:var(--apb-rose);fill:var(--apb-rose);flex:none;display:inline-block}.apb-pin-tag{align-items:center;gap:6px;display:inline-flex}.apb-btn-sm{gap:6px}.apb-mine-pin{color:var(--apb-rose);vertical-align:-1px;margin-right:3px}.apb-oc-kind{background:var(--warn-bg);color:var(--warn-ink);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.apb-oc-cmt{background:var(--apb-tint);color:var(--apb-teal-deep)}@media (max-width:860px){.apb-cols{flex-direction:column}.apb-rail{width:100%;max-width:none}.apb-banner{height:160px}.apb-cta{width:100%}.apb-cta button{flex:220px;min-width:0}.apb-tab{flex:44%;justify-content:center}.apb-tab-preview{flex:100%;margin-left:0}}@media (max-width:480px){.apb-name{font-size:26px}.apb-avatar{width:104px;height:104px;font-size:42px}.apb-books{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}.apb-cover{height:190px}}.toast{background:var(--ink);color:#fff;z-index:200;opacity:0;box-shadow:var(--shadow-lg);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.prose{max-width:760px;margin:0 auto}.prose h2{font-family:var(--font-body);color:var(--matcha-deep);margin:6px 0 12px;font-size:24px;font-weight:700}.prose h3{font-family:var(--font-body);margin:20px 0 6px;font-size:18px;font-weight:700}.prose p,.prose li{margin-bottom:8px;font-size:15px}.prose ol,.prose ul{padding-left:22px}footer{background:var(--paper);border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding:22px 0;font-size:13px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.linklike{color:var(--coral-deep);cursor:pointer;text-decoration:underline}.lrow{border:1px solid var(--line);border-radius:var(--card-radius,18px);background:var(--paper);cursor:pointer;box-shadow:var(--shadow);gap:14px;margin-bottom:12px;padding:16px;transition:all .18s;display:flex}.lrow:hover{box-shadow:var(--shadow-lg);border-color:var(--matcha-soft);box-shadow:var(--shadow);border-color:var(--matcha);transform:translateY(-2px)}.lcover{width:92px;height:123px;box-shadow:var(--shadow);border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:12px;flex:none;position:relative;overflow:hidden}.lcover .discx-badge{padding:3px 7px;font-size:10.5px;top:5px;right:5px}.lbody{flex:1;min-width:0}.lbody .ltitle{font-family:var(--font-heading);color:var(--ink);font-size:19px;font-weight:700;line-height:1.3}.lbody .lblurb{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:560px){.lrow{align-items:center}.lbody .lblurb{display:none}}.lbody .llatest{color:var(--matcha-deep);margin-top:7px;font-size:12.5px;font-weight:600;display:inline-block}.lrank{font-family:var(--font-heading);text-align:center;width:32px;color:var(--coral);flex:none;align-self:center;font-size:25px;font-weight:700}.lauthor{color:var(--muted);margin-top:2px;font-size:13px}.lauthor b{color:var(--matcha-deep);font-weight:600}.lstats{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:13px;font-weight:500;display:flex}.lstats .star{color:var(--star);font-weight:700}.lstats .free{color:var(--matcha-deep);font-weight:700}.ltags{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.ltags .gtag{color:var(--matcha-deep);background:var(--matcha-soft);border:none;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600}.lupdate{color:var(--muted);margin-top:8px;font-size:11.5px}.seeall{color:var(--coral-deep);cursor:pointer;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600}.lbody .lfoot{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.loadmore{text-align:center;margin:18px 0}.cat-layout{grid-template-columns:210px 1fr;align-items:start;gap:22px;display:grid}@media (max-width:720px){.cat-layout{grid-template-columns:1fr}.lcover{width:68px;height:91px}}.fside{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:120px}.fgroup{margin-bottom:14px}.fgroup:last-child{margin-bottom:0}.fgroup .fttl{color:var(--ink);margin-bottom:8px;font-size:12.5px;font-weight:700}.fgroup .chips{gap:7px}.fgroup .chip{padding:5px 11px;font-size:12.5px}.ftoggle{display:none}.fbody{display:block}@media (max-width:720px){.fside{background:0 0;border:none;border-radius:0;padding:0;position:static;top:auto}.ftoggle{background:var(--paper);border:1.5px solid var(--line);cursor:pointer;width:100%;color:var(--ink);font-family:var(--font-heading);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:10px;padding:12px 15px;font-size:15px;font-weight:700;display:flex}.ftoggle-label{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.ftoggle-sum{font-family:var(--font-body);color:var(--matcha-deep);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.ftoggle-badge{background:var(--matcha);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.ftoggle-chev{color:var(--muted);flex:none;transition:transform .2s}.fbody{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;margin-top:10px;padding:16px;display:none}.fbody.open{display:block}.fhead .ft{display:none}.fhead{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.ftoggle-chev{transition:none}}.avbtn{border:2px solid var(--matcha);background:var(--matcha);color:#fff;width:36px;height:36px;font-family:var(--font-body);cursor:pointer;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.pmenu{background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow-lg);z-index:60;border-radius:16px;width:230px;display:none;position:absolute;top:58px;right:20px;overflow:hidden}.pmenu.show{display:block}.pmenu .phead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.pmenu .phead .pn{font-size:14px;font-weight:700}.pmenu .pcoin{background:var(--surface-row);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13.5px;display:flex}.pmenu .pitem{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 16px;font-family:inherit;font-size:14px;display:flex}.pmenu .pitem:hover{background:var(--matcha-soft)}.pmenu .pitem.danger{color:var(--coral-deep)}.hint{background:var(--matcha-soft);color:var(--matcha-deep);border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:13px}html,body{max-width:100%;overflow-x:hidden}img,canvas,svg,video{max-width:100%}.esec{border:1.5px solid var(--line);background:var(--paper);border-radius:16px;margin-bottom:14px;padding:16px 18px}.esec .eh{font-family:var(--font-body);color:var(--matcha-deep);align-items:center;gap:7px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}@media (max-width:600px){.wrap{padding:0 12px}.nav{flex-wrap:wrap;gap:8px;height:auto;padding:8px 0}header>.wrap{flex-wrap:wrap;row-gap:8px;padding-top:8px;padding-bottom:8px}.search{order:3;width:100%;max-width:none}.logo{font-size:18px}.hd-wordmark{font-size:17px!important}.hd-logo{gap:6px!important}.theme-toggle span{display:none}.theme-toggle{padding:8px}.coin-pill{gap:4px;padding:5px 9px;font-size:12.5px}.toolbar{padding:9px;position:static}.sec-head h2{font-size:18px}.hero-card{padding:20px 18px}.detail .big-cover{width:160px}.pmenu{width:210px;right:12px}.uploadbtn{font-size:12px}}.fside .fhead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fside .fhead .ft{font-family:var(--font-heading);color:var(--ink);font-size:16px;font-weight:700}.fside .fhead .fr{color:var(--coral-deep);cursor:pointer;font-size:12.5px}.fgroup .fttl{font-family:var(--font-heading);color:var(--matcha-deep);letter-spacing:.01em;margin:15px 0 7px;font-size:13.5px;font-weight:700}.fopt{cursor:pointer;color:var(--ink);border-radius:8px;align-items:center;gap:9px;margin:0 -6px;padding:7px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.fopt .frad{border:1.5px solid var(--line);border-radius:50%;flex:none;width:15px;height:15px;transition:all .15s}.fopt:hover{background:var(--matcha-soft);color:var(--matcha-deep)}.fopt.on{background:var(--matcha-soft);color:var(--matcha-deep);font-weight:700}.fopt.on .frad{border-color:var(--matcha-deep);background:radial-gradient(circle, var(--matcha-deep) 0 3.5px, var(--paper) 4.5px)}.line-fab{z-index:49;color:#fff;font-family:var(--font-heading);background:#06c755;border-radius:999px;align-items:center;gap:7px;padding:11px 18px;font-size:14.5px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;position:fixed;bottom:20px;left:16px;box-shadow:0 8px 20px #06c75566}.line-fab:hover{filter:brightness(1.06);transform:translateY(-2px)}@media (max-width:560px){.line-fab{padding:10px 14px;font-size:13.5px;bottom:74px;left:12px}}.totop{background:var(--matcha-deep);color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow-lg);z-index:50;opacity:.92;border:none;border-radius:50%;font-size:22px;position:fixed;bottom:22px;right:18px}.totop:hover{opacity:1}textarea.autg{resize:vertical;padding:16px;font-size:16px;line-height:1.9;overflow:hidden}.rate-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;font-size:14px;display:flex}.rate-row .rs{color:var(--line);cursor:pointer;font-size:22px;line-height:1;transition:all .1s}.rate-row .rs:hover,.rate-row .rs.on{color:var(--star)}.review-bar{background:var(--matcha-soft);border-radius:16px;align-items:stretch;gap:16px;padding:16px;display:flex}.rv-score{text-align:center;border-right:1px solid var(--line);flex-direction:column;flex:none;justify-content:center;gap:2px;width:120px;display:flex}.rv-score .big{color:var(--matcha-deep);font-size:40px;font-weight:700;line-height:1}.rv-score .rv-stars{color:var(--star);font-size:14px}.rv-list{flex:1;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.rv-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex:none;width:230px;padding:12px}.rv-card .rv-stars{color:var(--star);letter-spacing:1px;font-size:13px}.rv-card .rv-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:6px 0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.rv-who{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.rv-av{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}@media (max-width:600px){.review-bar{flex-direction:column}.rv-score{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;justify-content:center;gap:10px;width:auto;padding-bottom:10px}}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:14px 0;display:grid}.txn-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}:root{--reader-size:20px;--reader-lh:2}.reader-content{font-size:var(--reader-size);line-height:var(--reader-lh);color:var(--ink)}.reader-content p{text-indent:1.6em;margin:0 0 1.1em}.reader-content .ch-img{max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:12px;margin:1.4em auto;display:block}.reader-content .scene-break{text-align:center;letter-spacing:.5em;color:var(--coral);text-indent:0;margin:1.8em 0}.translator-note{background:var(--matcha-soft);border:1px solid var(--line);color:var(--ink);border-radius:14px;margin-top:2em;padding:16px 18px;font-size:.95rem;line-height:1.7}.translator-note .lbl{color:var(--matcha-deep);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.read-progress{background:var(--matcha);z-index:60;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.tts-cta{font-family:var(--font-heading);color:#fff;background:var(--matcha);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;align-items:center;gap:9px;padding:12px 26px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.tts-cta:hover{background:var(--matcha-deep);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tts-cta:active{transform:translateY(0)}.tts-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:9px;max-width:calc(100vw - 20px);padding:8px 10px 8px 15px;display:flex;position:fixed;transform:translate(-50%)}.tts-bar-icon{color:var(--matcha);flex:none;place-items:center;display:grid}.tts-bar-label{color:var(--ink);white-space:nowrap;font-size:13.5px;font-weight:600}.tts-btn{color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:4px;padding:7px 11px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.tts-btn:hover{background:var(--matcha-soft)}.tts-stop{color:var(--coral-deep)}.tts-voice-sel{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;max-width:220px;padding:5px 9px;font-family:inherit;font-size:12.5px}.ch-play{cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--matcha) 0%,var(--matcha-deep) 100%);border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;width:64px;height:32px;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .1s,box-shadow .1s,filter .15s;display:inline-flex;box-shadow:0 3px #00000038,0 5px 12px #00000029}.ch-play:hover{filter:brightness(1.08)}.ch-play:active{transform:translateY(2px);box-shadow:0 1px #00000038,0 2px 6px #00000024}.ch-play.on{background:linear-gradient(#a4485c 0%,#7e3346 100%)}.ch-play-ico{background:#ffffff47;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.ch-play-tx{line-height:1}.tts-bar-top{align-items:center;gap:8px;min-width:0;display:flex}.tts-bar-controls{flex:none;align-items:center;gap:7px;display:flex}.tts-btn-on{background:var(--matcha-soft)}.tts-bar-label{max-width:230px}.tts-toc{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:71;background:var(--paper);border:1px solid var(--line);width:min(92vw,400px);max-height:52vh;box-shadow:var(--shadow-lg);border-radius:16px;padding:6px;position:fixed;overflow-y:auto;transform:translate(-50%)}.tts-toc-head{color:var(--neutral-ink);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding:8px 12px 6px;font-size:13.5px;font-weight:700;overflow:hidden}.tts-toc-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-family:inherit;font-size:13.5px;display:flex}.tts-toc-item:hover{background:var(--matcha-soft)}.tts-toc-item.on{background:var(--matcha-soft);font-weight:700}.tts-toc-item:disabled{opacity:.45;cursor:default}.tts-toc-item .n{background:var(--neutral-bg);min-width:26px;height:22px;color:var(--neutral-ink);border-radius:999px;flex:none;place-items:center;padding:0 4px;font-size:11.5px;font-weight:700;display:grid}.tts-toc-item.on .n{background:var(--matcha);color:#fff}.tts-toc-item .t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}@media (max-width:1023px){.tts-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px));transition:bottom .28s}.tts-toc{bottom:calc(178px + env(safe-area-inset-bottom,0px));max-height:44vh}body.reader-bars-hidden .tts-bar{bottom:calc(14px + env(safe-area-inset-bottom,0px))}body.reader-bars-hidden .tts-toc{bottom:calc(108px + env(safe-area-inset-bottom,0px))}}@media (max-width:640px){.tts-bar{border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;width:min(96vw,430px);padding:8px 12px}.tts-bar-top{justify-content:center}.tts-bar-label{max-width:78vw}.tts-bar-controls{justify-content:center;gap:5px}.tts-btn{gap:3px;padding:6px 8px;font-size:12px}}@media (max-width:400px){.tts-vol{display:none}}@media (prefers-reduced-motion:reduce){.tts-cta{transition:none}}body.dark .rgsel{background:var(--paper);color:var(--ink)}body.dark .rgbtn:not(.active){background:var(--paper);color:var(--muted)}body.dark .feat-arrow,body.dark .rk-arrow{background:var(--paper);color:var(--ink)}body.dark .feat-cover{border-color:var(--paper)}body.dark .feat-main{background:#221c14}body.dark .rbig{background:#ffffff0a}.feat-deco{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.feat-deco .c1{background:var(--matcha-soft);opacity:.55;border-radius:50%;width:128px;height:128px;position:absolute;top:-36px;right:-22px}.feat-deco .c2{background:var(--accent-soft);opacity:.6;border-radius:50%;width:66px;height:66px;position:absolute;bottom:-26px;right:120px}.feat-deco .spk{color:#fff;opacity:.85;position:absolute;top:20px;right:30px}.feat-mascot{z-index:2;width:48px;height:32px;position:absolute;top:18px;right:50px}.feat-mascot .b{background:#fff;border-radius:50px;position:absolute;inset:0;box-shadow:0 4px 12px #1e4c8f29}.feat-mascot .e{background:#5a7a93;border-radius:50%;width:5px;height:5px;position:absolute;top:12px}.feat-mascot .e1{left:13px}.feat-mascot .e2{left:29px}.feat-mascot .ch{opacity:.75;background:#ffc2cf;border-radius:50%;width:7px;height:7px;position:absolute;top:18px}.feat-mascot .ch1{left:8px}.feat-mascot .ch2{left:31px}.feat-mascot .m{border:2px solid #5a7a93;border-top:0;border-radius:0 0 9px 9px;width:9px;height:5px;position:absolute;top:17px;left:18px}@media (max-width:600px){.feat-mascot,.feat-deco .c2{display:none}}@media (prefers-reduced-motion:reduce){.feat-slide{transition:opacity .3s}}.intro-slide{background:0 0}.intro-info{z-index:3;position:relative}.intro-info .fbadge{margin-bottom:13px}.intro-sub{color:var(--text-body);max-width:430px;margin-bottom:16px;font-size:14.5px;line-height:1.65}.intro-fan{z-index:3;flex:none;width:240px;height:220px;display:none;position:relative}.intro-fan-cov{aspect-ratio:3/4;background-position:50%;background-size:cover;border:4px solid #fff;border-radius:12px;width:120px;position:absolute;box-shadow:0 12px 28px #1e4c8f4d}.intro-fan-cov:first-child{z-index:1;top:30px;left:6px;transform:rotate(-10deg)}.intro-fan-cov:nth-child(2){z-index:3;top:2px;left:60px;transform:rotate(1deg)}.intro-fan-cov:nth-child(3){z-index:2;top:30px;left:116px;transform:rotate(11deg)}@media (min-width:760px){.intro-fan{display:block}}.cshelf-row{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:4px 2px 10px;display:flex;overflow-x:auto}.cshelf-row::-webkit-scrollbar{display:none}.cshelf-card{cursor:pointer;flex:none;width:128px;transition:transform .15s cubic-bezier(.22,.61,.36,1)}.cshelf-card:hover{transform:translateY(-3px)}.cshelf-cov{aspect-ratio:2/3;width:128px;box-shadow:var(--shadow);border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:8px}.cshelf-card:hover .cshelf-cov{box-shadow:var(--shadow-lg)}.cshelf-t{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;font-weight:600;line-height:1.32;display:-webkit-box;overflow:hidden}.cshelf-m{color:var(--muted);margin-top:4px;font-size:11.5px}.cshelf-star{color:var(--star);font-weight:600}.home-highlight{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:18px;margin:22px 0;overflow:hidden}.hl-stats{background:var(--matcha-soft);padding:18px 14px;display:flex}.hl-stat{text-align:center;flex:1;position:relative}.hl-stat+.hl-stat:before{content:"";background:#1e4c8f38;width:1px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hl-num{font-family:var(--font-heading);color:var(--matcha-deep);font-size:28px;font-weight:600;line-height:1}.hl-lbl{color:var(--muted);letter-spacing:.02em;margin-top:6px;font-size:12px}.hl-quote{align-items:center;gap:18px;padding:22px 26px;display:flex;position:relative}.hl-qcov{width:66px;height:92px;box-shadow:var(--shadow-sm);border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:10px;flex:none}.hl-qbody{flex:1;min-width:0;position:relative}.hl-quote:hover .hl-text{color:var(--matcha-deep)}.hl-mark{font-family:var(--font-heading);color:var(--coral);opacity:.4;font-size:42px;position:absolute;top:-16px;left:-6px}.hl-text{font-family:var(--font-heading);color:var(--ink);margin:0;font-size:16.5px;font-weight:600;line-height:1.55;position:relative}.hl-by{color:var(--muted);margin-top:8px;font-size:12.5px}@media (max-width:600px){.hl-num{font-size:23px}.hl-text{font-size:15px}.hl-quote{gap:13px;padding:18px}.hl-qcov{width:54px;height:76px}.hl-mark{display:none}}.rv-show{scrollbar-width:none;-ms-overflow-style:none;gap:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.rv-show::-webkit-scrollbar{display:none}.rv-show-card{background:var(--paper);border:1px solid var(--line);width:284px;box-shadow:var(--shadow);border-radius:14px;flex:none;padding:16px 18px;transition:transform .15s cubic-bezier(.22,.61,.36,1),box-shadow .15s}.rv-show-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rv-show-stars{color:var(--star);letter-spacing:2px;margin-bottom:9px;font-size:13px}.rv-show-dim{color:var(--line)}.rv-show-text{color:var(--ink);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.rv-show-meta{color:var(--muted);margin-top:11px;font-size:12px}.rv-show-novel{font-family:var(--font-heading);color:var(--ink);font-weight:600}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.page-enter{animation:.3s cubic-bezier(.22,.61,.36,1) pageEnter}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}.btn{transition:transform .14s,filter .14s,box-shadow .14s}.btn:active{transform:translateY(1px)scale(.98)}.book,.cont-card,.lrow,.rcard,.rk,.shelf-author,.feat-cover{transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s,border-color .18s}.lrow:active,.book:active,.cont-card:active,.rcard:active{transform:scale(.992)}.tab,.pitem,.noti-item,.rgbtn,.rcat,.rgsel,.theme-toggle,.coin-pill,.bell-btn,.avbtn,.ch-item{transition:background .16s,color .16s,border-color .16s,transform .12s}.pitem:active,.noti-item:active{transform:scale(.99)}.avbtn:active,.bell-btn:active,.theme-toggle:active{transform:scale(.9)}a,button{-webkit-tap-highlight-color:transparent}.hd{min-height:60vh}.hd-wrap{max-width:1320px;margin:0 auto;padding:0 28px}.hd-sec{max-width:1320px;margin:0 auto;padding:30px 28px 4px}.hd-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hd-h2{font-family:var(--font-heading);color:var(--ink);align-items:center;gap:11px;margin:0;font-size:23px;font-weight:600;display:flex}.hd-h2 .bar{background:var(--coral);border-radius:3px;flex:none;width:6px;height:24px}.hd-all{color:var(--coral-deep);white-space:nowrap;font-size:14px;font-weight:600}.hd-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 14px #1f3a6a14}.hd-quick{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hd-q{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;align-items:center;gap:15px;padding:18px 22px;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 5px 14px #1f3a6a0f}.hd-q:hover{border-color:var(--matcha);transform:translateY(-2px);box-shadow:0 10px 22px #1f3a6a21}.hd-q:active{transform:translateY(0);box-shadow:0 4px 10px #1f3a6a1a}.hd-q .ic{border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.hd-q .lb{font-family:var(--font-heading);color:var(--ink);font-size:16px;font-weight:600}.hd-q .sb{color:var(--muted);font-size:12.5px}.hd-chips{flex-wrap:wrap;gap:11px;display:flex}.hd-chip{font-family:var(--font-heading);border-radius:999px;padding:9px 21px;font-size:14.5px;font-weight:600;transition:transform .14s,box-shadow .14s,filter .14s}.hd-chip:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 8px 18px #1f3a6a2e}.hd-chip:active{transform:translateY(0);box-shadow:0 3px 8px #1f3a6a24}.hd-cont{background:var(--paper);border:1px solid var(--line);border-radius:22px;align-items:center;gap:22px;padding:20px;display:flex;box-shadow:0 8px 22px #1f3a6a17}.hd-cont .cov{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:96px;height:132px;box-shadow:0 8px 18px #1f3a6a29}.hd-cont .t{font-family:var(--font-heading);color:var(--ink);margin:0 0 6px;font-size:20px;font-weight:600}.hd-bar{background:var(--line);border-radius:999px;max-width:420px;height:8px;overflow:hidden}.hd-bar i{background:var(--coral);border-radius:999px;height:100%;display:block}.hd-btn{font-family:var(--font-heading);color:#fff;background:var(--coral);border-radius:999px;font-weight:600;display:inline-block;box-shadow:0 8px 18px #0000001f}.hd-grid6{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.hd-grid5{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.hd-book{background:var(--paper);border:1px solid var(--line);border-radius:16px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 5px 14px #1f3a6a14}.hd-book:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1f3a6a29}.hd-cov{aspect-ratio:2/3;background-position:50%;background-size:cover;display:block;position:relative}.hd-cont .cov,.hd-feat .cov{display:block}.hd-tag{font-family:var(--font-heading);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:9px;left:9px}.hd-bk-body{padding:11px 12px 13px}.hd-bk-title{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;margin:0 0 5px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hd-bk-genre{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:11.5px;overflow:hidden}.hd-bk-meta{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding-top:8px;font-size:11px;display:flex}.hd-rankgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hd-rrow{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:15px;padding:14px;transition:transform .16s;display:flex;box-shadow:0 4px 12px #1f3a6a12}.hd-rrow:hover{transform:translateY(-2px)}.hd-rnum{font-family:var(--font-heading);color:#fff;background:var(--coral);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:700;display:flex}.hd-rcov{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:54px;height:74px}.hd-rtitle{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15.5px;font-weight:600;overflow:hidden}.hd-rankbadge{background:var(--coral);color:#fff;font-family:var(--font-heading);border-radius:0 0 13px 13px;padding:9px 14px 7px;font-size:16px;font-weight:700;position:absolute;top:0;left:14px;box-shadow:0 5px 12px #00000026}.hd-sellpill{background:var(--paper);color:var(--coral-deep);font-family:var(--font-heading);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600;position:absolute;top:11px;right:11px;box-shadow:0 2px 6px #1f3a6a24}.hd-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.hd-feat{background:var(--paper);border:1px solid var(--line);border-radius:20px;gap:18px;height:calc(100% - 53px);padding:20px;display:flex;box-shadow:0 8px 20px #1f3a6a17}.hd-feat .cov{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:130px;height:185px;box-shadow:0 10px 22px #1f3a6a2e}.hd-feat .feat-body{flex-direction:column;flex:1;min-width:0;display:flex}.hd-feat .feat-genres{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.hd-feat .feat-title{font-family:var(--font-heading);color:var(--ink);overflow-wrap:anywhere;word-break:break-word;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.hd-feat .syn{color:var(--muted);-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 auto;font-size:13.5px;line-height:1.8;display:-webkit-box;overflow:hidden}.hd-feat .feat-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}@media (max-width:560px){.hd-feat{text-align:center;flex-direction:column;align-items:center;gap:16px;height:auto;padding:22px 20px}.hd-feat .cov{width:136px;height:194px}.hd-feat .feat-body{align-items:center;width:100%}.hd-feat .feat-genres{justify-content:center;margin-bottom:12px}.hd-feat .feat-title{text-wrap:balance;margin-bottom:9px;font-size:19.5px}.hd-feat .syn{-webkit-line-clamp:2;margin:0 0 16px}.hd-feat .feat-cta{justify-content:center;margin-top:0}}.hd-team{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:8px 20px;box-shadow:0 8px 20px #1f3a6a17}.hd-trow{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:13px 0;display:flex}.hd-trow:last-child{border-bottom:none}.hd-tcov{background-position:50%;background-size:cover;border-radius:9px;flex:none;width:48px;height:66px}.hd-foot{background:var(--paper);border-top:1px solid var(--line);margin-top:42px;padding:36px 28px}@media (max-width:1000px){.hd-grid6{grid-template-columns:repeat(4,1fr)}.hd-grid5{grid-template-columns:repeat(3,1fr)}.hd-quick{grid-template-columns:repeat(2,1fr)}.hd-two,.hd-rankgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.hd-sec,.hd-wrap{padding-left:14px;padding-right:14px}.hd-grid6{grid-template-columns:repeat(3,1fr)}.hd-grid5{grid-template-columns:repeat(2,1fr)}.hd-quick{grid-template-columns:1fr 1fr;gap:12px}.hd-h2{font-size:20px}.hd-cont{flex-wrap:wrap;gap:16px}.hd-cont .cov{width:74px;height:102px}.hd-cont .t{font-size:18px}.hd-cont .hd-btn{text-align:center;flex:1 0 100%!important;padding:13px!important}.hd-q{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 16px}}.arank-wrap{max-width:900px;margin:0 auto;padding:20px 14px 52px}.arank-hero{text-align:center;margin-bottom:22px}.arank-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(24px,4.4vw,32px);font-weight:700}.arank-sub{color:var(--muted);max-width:520px;margin:6px auto 10px;font-size:15.5px}.arank-count{background:var(--matcha-soft);color:var(--matcha-deep);border-radius:999px;padding:4px 14px;font-size:13.5px;font-weight:700;display:inline-block}.arank-av{background:linear-gradient(150deg,var(--matcha),var(--matcha-deep));color:#fff;font-family:var(--font-display);border:3px solid var(--paper);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.arank-verified{color:var(--matcha);vertical-align:-2px;margin-left:3px;display:inline-flex}.arank-chips{flex-wrap:wrap;justify-content:center;gap:5px;display:inline-flex}.arank-chip{background:var(--accent-soft);color:var(--matcha-deep);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.arank-stat-hi{color:var(--coral-deep);align-items:center;gap:5px;font-size:17px;font-weight:800;display:inline-flex}.arank-stat-hi svg{color:var(--coral)}.arank-stat-mut{color:var(--muted);font-size:12.5px}.arank-list{margin:0;flex-direction:column;gap:11px;max-width:660px;margin-inline:auto;padding:0;list-style:none;display:flex}.arank-row{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:16px;padding:14px 18px;transition:all .16s;display:flex}.arank-row:hover{box-shadow:var(--shadow);border-color:var(--matcha-soft);transform:translateY(-2px)}.arank-row:focus-visible{outline:3px solid var(--matcha);outline-offset:2px}.arank-row-1{border-color:var(--gold);background:linear-gradient(180deg,var(--accent-soft),var(--paper));padding:18px}.arank-rank{text-align:center;width:46px;font-family:var(--font-display);color:var(--muted);flex:none;font-size:34px;font-weight:700;line-height:1}.arank-rank-1{color:#d99a16;font-size:52px}.arank-rank-2{color:#93a0ac}.arank-rank-3{color:#b47b4e}.arank-row-main{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.arank-row-name{color:var(--ink);align-items:center;font-size:16.5px;font-weight:700;display:flex}.arank-row-1 .arank-row-name{font-size:19.5px}.arank-row-main .arank-chips{justify-content:flex-start}.arank-row-stats{flex-direction:column;flex:none;align-items:flex-end;gap:3px;line-height:1.2;display:flex}.arank-row-1 .arank-stat-hi{font-size:22px}.arank-row-meta{color:var(--muted);white-space:nowrap;font-size:12.5px}.arank-row-meta svg{vertical-align:-2px;display:inline-block}.arank-chev{color:var(--muted);flex:none}.arank-empty{text-align:center;color:var(--muted);padding:40px 0}@media (max-width:560px){.arank-row{gap:12px;padding:12px 14px}.arank-row-1{padding:14px}.arank-rank{width:32px;font-size:26px}.arank-rank-1{font-size:38px}.arank-chev{display:none}.arank-row-meta{white-space:normal;font-size:11.5px}}.rk-wrap{max-width:760px;margin:0 auto;padding:22px 16px 48px}.rk-sec+.rk-sec{margin-top:32px}.rk-head{align-items:center;gap:8px;margin:0 2px 14px;display:flex}.rk-h2{font-family:var(--font-display);color:var(--ink);font-size:22px;font-weight:700}.rk-h2 b{color:var(--coral-deep);font-weight:700}.rk-all{color:var(--matcha-deep);flex:none;margin-left:auto;font-size:13px;font-weight:600}.rk-seg{background:var(--matcha-soft);border-radius:12px;gap:2px;margin-bottom:16px;padding:4px;display:flex}.rk-segbtn{font-family:var(--font-heading);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 4px;font-size:13.5px;font-weight:600;transition:all .15s}.rk-segbtn.on{background:var(--paper);color:var(--matcha-deep);box-shadow:var(--shadow-sm)}.rk-list{flex-direction:column;gap:10px;display:flex}.rk-row{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:transform .15s,box-shadow .15s;display:flex}.rk-row:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.rk-no{text-align:center;width:26px;font-family:var(--font-heading);color:var(--muted);flex:none;font-size:22px;font-weight:800}.rk-row.top .rk-no{color:var(--coral)}.rk-cov{width:46px;height:62px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;border-radius:9px;flex:none}.rk-info{flex:1;min-width:0}.rk-tt{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.rk-au{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.rk-metric{text-align:right;flex:none;min-width:54px}.rk-v{font-family:var(--font-heading);color:var(--matcha-deep);font-size:14px;font-weight:700}.rk-v.rk-star{color:var(--gold)}.rk-l{color:var(--muted);margin-top:2px;font-size:10.5px}.rk-empty{text-align:center;color:var(--muted);padding:30px;font-size:14px}.rw-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 14px;display:flex;overflow-x:auto}.rw-scroll::-webkit-scrollbar{height:0}.rw-card{background:var(--paper);border:1px solid var(--line);width:280px;box-shadow:var(--shadow);scroll-snap-align:start;border-radius:18px;flex:none;padding:15px 15px 13px;transition:transform .15s;position:relative;overflow:hidden}.rw-card:hover{transform:translateY(-2px)}.rw-pin{background:var(--coral);color:#fff;border-bottom-left-radius:12px;padding:4px 12px;font-size:10.5px;font-weight:700;position:absolute;top:0;right:0}.rw-head{align-items:center;gap:9px;margin-bottom:8px;display:flex}.rw-av{color:#fff;width:34px;height:34px;font-size:14px;font-weight:700;font-family:var(--font-heading);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.rw-who{min-width:0}.rw-name{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.rw-time{color:var(--muted);margin-top:1px;font-size:11px}.rw-stars{letter-spacing:1px;color:var(--star);margin-bottom:8px;font-size:13px}.rw-dim{color:var(--line)}.rw-text{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.rw-book{background:var(--surface-row);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rw-bc{width:34px;height:46px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;border-radius:7px;flex:none}.rw-bi{min-width:0}.rw-bt{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rw-bg{color:var(--coral-deep);margin-top:2px;font-size:11px}.hd-h2{font-family:var(--font-display);font-size:25px;font-weight:700}.hd-all{color:var(--matcha)}.hd-all:hover{color:var(--matcha-deep)}.ln-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.ln-h2{font-family:var(--font-display);color:var(--ink);align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;display:flex}.ln-h2:before{content:"";border:2px solid var(--matcha);flex:none;width:9px;height:9px;transform:rotate(45deg)}.ln-sub{color:var(--muted);font-size:13px}.ln-all{color:var(--matcha);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:600}.ln-all:hover{color:var(--matcha-deep);text-underline-offset:4px;text-decoration:underline}@media (max-width:640px){.ln-h2{font-size:21px}.ln-sub{display:none}}html.rv-on [data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1);transform:translateY(18px)}html.rv-on [data-reveal].rv-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.rv-on [data-reveal]{opacity:1;transition:none;transform:none}}body[data-anim=off] [data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.ln-hero{background:linear-gradient(150deg,#e9f4fe 0%,#d7ebfd 42%,#bfdffa 100%);border:1px solid #c9e2f9;border-radius:26px;align-items:center;gap:38px;padding:44px 50px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #174a8a24}body.dark .ln-hero{background:linear-gradient(150deg,#13243c 0%,#173254 48%,#1d4070 100%);border-color:#24466e;box-shadow:0 16px 40px #00000073}.ln-hero-info{z-index:2;flex:1;min-width:0;position:relative}.ln-seal{font-family:var(--font-heading);letter-spacing:.16em;color:var(--matcha-deep);background:#ffffff8c;border:1px solid #2e86e066;border-radius:999px;align-items:center;gap:9px;padding:7px 16px;font-size:12.5px;font-weight:600;display:inline-flex}body.dark .ln-seal{background:#1722308c}.ln-seal:before{content:"";background:var(--matcha);border-radius:50%;flex:none;width:7px;height:7px}.ln-hero-title{font-family:var(--font-display);color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;margin:18px 0 8px;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.34}.ln-hero-by{color:var(--muted);margin-bottom:12px;font-size:14px}.ln-hero-genres{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ln-hero-genres .g{color:var(--matcha-deep);background:#fff9;border:1px solid #2e86e04d;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:600}body.dark .ln-hero-genres .g{background:#17223080}.ln-hero-syn{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:560px;margin:0 0 16px;font-size:15px;line-height:1.85;display:-webkit-box;overflow:hidden}.ln-hero-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:22px;font-size:13.5px;display:flex}.ln-hero-meta .star{color:var(--star);font-weight:700}.ln-hero-cta{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.ln-btn-sky{font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#3d9bf0,#1f6fd0);border-radius:999px;justify-content:center;align-items:center;padding:13px 32px;font-size:15.5px;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 10px 24px #1f6fd059}.ln-btn-sky:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 30px #1f6fd06b}.ln-btn-sky:active{transform:translateY(0)scale(.99)}.ln-btn-ghostw{font-family:var(--font-heading);color:var(--matcha-deep);background:#fff6;border:1.5px solid #2e86e08c;border-radius:999px;justify-content:center;align-items:center;padding:12px 26px;font-size:15px;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}body.dark .ln-btn-ghostw{background:#17223066}.ln-btn-ghostw:hover{border-color:var(--matcha);background:#ffffffbf;transform:translateY(-2px)}body.dark .ln-btn-ghostw:hover{background:#1d2f45cc}.ln-hero-covwrap{z-index:2;flex:none;margin:8px 14px 8px 0;position:relative}.ln-hero-cov{aspect-ratio:2/3;background-position:50%;background-size:cover;border:4px solid #fffffff2;border-radius:14px;width:225px;transition:transform .3s cubic-bezier(.22,.61,.36,1);display:block;box-shadow:0 24px 48px #174a8a4d}.ln-hero-cov:hover{transform:translateY(-5px)}.ln-hero-covwrap:before{content:"";pointer-events:none;border:1.5px solid #ffffffbf;border-radius:20px;position:absolute;inset:-13px}body.dark .ln-hero-covwrap:before{border-color:#8fc1f24d}.ln-hero-covwrap:after{content:"";pointer-events:none;border-bottom:3px solid #6fb0ee;border-right:3px solid #6fb0ee;border-radius:0 0 10px;width:52px;height:52px;position:absolute;bottom:-21px;right:-21px}.ln-hero-moon{z-index:1;pointer-events:none;border:44px solid #2e86e017;border-radius:50%;width:380px;height:380px;position:absolute;top:-90px;right:-70px}body.dark .ln-hero-moon{border-color:#8fc1f212}.ln-hero-mist{z-index:1;pointer-events:none;background:radial-gradient(closest-side,#ffffff8c,#0000);border-radius:50%;width:340px;height:200px;position:absolute;bottom:-60px;left:-40px}body.dark .ln-hero-mist{background:radial-gradient(closest-side,#4c9be81a,#0000)}@media (max-width:860px){.ln-hero{text-align:center;flex-direction:column-reverse;gap:26px;padding:30px 22px 34px}.ln-hero-covwrap{margin:12px 0 4px}.ln-hero-cov{width:168px}.ln-hero-genres,.ln-hero-meta,.ln-hero-cta{justify-content:center}.ln-hero-syn{-webkit-line-clamp:3;margin-left:auto;margin-right:auto}.ln-hero-moon{top:-140px;right:-120px}}.ln-doors{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.ln-door{border-left:1px solid var(--line);flex-direction:column;gap:4px;padding:22px 24px 24px;transition:background .2s;display:flex;position:relative}.ln-door:first-child{border-left:none}.ln-door .no{font-family:var(--font-display);color:var(--matcha);letter-spacing:.18em;margin-bottom:3px;font-size:12.5px;font-weight:600}.ln-door .lb{font-family:var(--font-display);color:var(--ink);font-size:19.5px;font-weight:700;line-height:1.3}.ln-door .sb{color:var(--muted);font-size:12.5px}.ln-door .go{color:var(--matcha);opacity:0;line-height:0;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;right:16px;transform:translate(-6px)}.ln-door:hover{background:var(--matcha-soft)}.ln-door:hover .go{opacity:1;transform:none}@media (max-width:760px){.ln-doors{grid-template-columns:1fr 1fr}.ln-door{border-left:none;border-top:1px solid var(--line);padding:17px 18px 19px}.ln-door:nth-child(2n){border-left:1px solid var(--line)}.ln-door:nth-child(-n+2){border-top:none}.ln-door .lb{font-size:17px}}.ln-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.ln-mo-lead{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;grid-column:span 2;gap:22px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ln-mo-lead:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ln-mo-lead .cov{aspect-ratio:2/3;border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:12px;flex:none;align-self:center;width:38%;max-width:215px;box-shadow:0 14px 30px #1f3a6a38}.ln-mo-body{flex-direction:column;flex:1;min-width:0;display:flex}.ln-mo-kick{font-family:var(--font-heading);letter-spacing:.15em;color:var(--matcha);margin-bottom:10px;font-size:11.5px;font-weight:600}.ln-mo-title{font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;margin:0 0 10px;font-size:23px;font-weight:700;line-height:1.38}.ln-mo-genre{color:var(--matcha);margin-bottom:10px;font-size:12.5px;font-weight:600}.ln-mo-syn{color:var(--text-body);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 auto;font-size:14px;line-height:1.85;display:-webkit-box;overflow:hidden}.ln-mo-meta{color:var(--muted);border-top:1px solid var(--line);gap:16px;margin-top:14px;padding-top:12px;font-size:12.5px;display:flex}.ln-mo-meta .star{color:var(--star);font-weight:700}@media (max-width:1000px){.ln-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ln-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ln-mo-lead{flex-direction:column;grid-column:span 2;gap:16px;padding:18px}.ln-mo-lead .cov{aspect-ratio:2/3;align-self:center;width:150px;max-width:none;min-height:0}.ln-mo-title{text-align:center;font-size:20px}.ln-mo-kick,.ln-mo-genre{text-align:center}.ln-mo-syn{-webkit-line-clamp:3}}.ln-team{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:1fr 1fr;gap:0 34px;padding:8px 28px;display:grid}.ln-trow{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-width:0;padding:15px 0;display:flex}.ln-trow:last-child{border-bottom:none}@media (min-width:761px){.ln-trow:nth-last-child(2):nth-child(odd){border-bottom:none}}.ln-tno{font-family:var(--font-display);color:var(--matcha);text-align:center;flex:none;width:28px;font-size:23px;font-weight:700}.ln-tcov{width:47px;height:65px;box-shadow:var(--shadow-sm);border:1px solid var(--gold-frame);background-position:50%;background-size:cover;border-radius:8px;flex:none}.ln-tbody{flex:1;min-width:0}.ln-tt{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:15px;font-weight:600;overflow:hidden}.ln-tg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ln-tv{text-align:right;flex:none}.ln-tv .v{font-family:var(--font-heading);color:var(--matcha);font-size:13.5px;font-weight:700;display:block}.ln-tv .k{color:var(--muted);font-size:11px}.ln-trow:hover .ln-tt{color:var(--matcha-deep)}@media (max-width:760px){.ln-team{grid-template-columns:1fr;padding:4px 18px}}.ln-chips{flex-wrap:wrap;gap:12px;display:flex}.ln-chip{font-family:var(--font-heading);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:12px 22px;font-size:14.5px;font-weight:600;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex}.ln-chip:before{content:"";background:var(--matcha);border-radius:50%;flex:none;width:7px;height:7px;transition:background .16s}.ln-chip:hover{border-color:var(--matcha);color:var(--matcha-deep);background:var(--matcha-soft);box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width:640px){.ln-chip{padding:11px 17px;font-size:13.5px}}.lnf{background:var(--paper);border-top:1px solid var(--line);color:var(--text-body);margin-top:44px;padding:0;font-size:14px}.lnf:before{content:"";background:var(--accent);opacity:1;height:4px;display:block}.lnf .lnf-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:34px;padding:38px 0 30px;display:grid}.lnf-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lnf-name{font-family:var(--font-display);color:var(--brand-ink);font-size:21px;font-weight:700}.lnf-desc{color:var(--muted);max-width:320px;margin:0 0 6px;font-size:13.5px;line-height:1.75}.lnf-col{flex-direction:column;gap:9px;display:flex}.lnf-h{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:15.5px;font-weight:700}.lnf-col a{color:var(--muted);font-size:13.5px;transition:color .15s}.lnf-col a:hover{color:var(--matcha-deep);text-underline-offset:3px;text-decoration:underline}.lnf-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 0 20px;font-size:12.5px;display:flex}@media (max-width:860px){.lnf .lnf-grid{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0 22px}.lnf-brand{grid-column:span 2}}@media (max-width:480px){.lnf .lnf-grid{grid-template-columns:1fr}.lnf-brand{grid-column:auto}}.dsw{z-index:95;background:var(--paper);border:1.5px solid var(--matcha);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.dsw-lb{color:var(--muted);padding-right:2px;font-size:12.5px;font-weight:700}.dsw-btn{font-family:var(--font-heading);color:var(--matcha-deep);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.dsw-btn:hover{background:var(--matcha-soft)}.dsw-btn.on{background:var(--matcha);color:#fff}@media (max-width:560px){.dsw{padding:6px 8px;bottom:74px}.dsw-btn{padding:8px 10px;font-size:12px}.dsw-lb{display:none}}.th-sec{max-width:1180px;margin:0 auto;padding:30px 24px 6px}.th-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.th-h2{font-family:var(--font-display);color:var(--ink);margin:0;padding-left:16px;font-size:26px;font-weight:700;position:relative}.th-h2:before{content:"";background:linear-gradient(#4da3f5,#1a5fb4);border-radius:3px;width:5px;height:1.15em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.th-h2.light{color:#f0f6fd}.th-sub{color:var(--muted);font-size:13px}.th-all{color:var(--matcha);white-space:nowrap;font-size:14px;font-weight:600}.th-all:hover{color:var(--matcha-deep)}.th-nav{gap:8px;margin-left:auto;display:flex}.th-nav button{border:1.5px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--matcha-deep);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .15s,background .15s,transform .15s;display:grid}.th-nav button:hover{border-color:var(--matcha);background:var(--matcha-soft);transform:translateY(-1px)}@media (max-width:640px){.th-sec{padding-left:14px;padding-right:14px}.th-h2{font-size:21px}.th-sub,.th-nav{display:none}.th-all{margin-left:auto}}.th-hero{background:#0b1e38;width:100vw;height:clamp(500px,58vh,620px);margin-left:calc(50% - 50vw);display:grid;position:relative;overflow:hidden}.th-slide{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .9s;position:relative}.th-slide.on{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.th-slide{transition:opacity .3s}}.th-bg{filter:blur(30px)saturate(1.1)brightness(.62);background-position:50% 22%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.08)}.th-veil{background:linear-gradient(96deg,#071428f0 0%,#0a2142d1 40%,#0a1e3e73 72%,#0818304d 100%);position:absolute;inset:0}.th-veil:after{content:"";background:linear-gradient(transparent,var(--page-bg));height:90px;position:absolute;bottom:0;left:0;right:0}.th-inner{z-index:2;align-items:center;gap:48px;max-width:1180px;height:100%;margin:0 auto;padding:0 32px;display:flex;position:relative}.th-info{flex:1;min-width:0;max-width:640px}.th-kick{font-family:var(--font-heading);letter-spacing:.18em;color:#9cc8f5;align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:inline-flex}.th-kick:before{content:"";background:#4d9ae8;border-radius:2px;width:26px;height:2px}.th-title{font-family:var(--font-display);color:#f4f9ff;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 24px #00143273;margin:14px 0 10px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.28}.th-by{color:#a8c4e4;margin-bottom:12px;font-size:14px}.th-syn{color:#d9e7f8;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:560px;margin:0 0 14px;font-size:15px;line-height:1.85;display:-webkit-box;overflow:hidden}.th-meta{color:#9fbbdd;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;font-size:13.5px;display:flex}.th-meta .star{color:var(--star);font-weight:700}.th-meta .tagline-chip{color:#cfe4fa;border:1px solid #a0c8f566;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600}.th-cta{flex-wrap:wrap;gap:13px;display:flex}.th-btn{font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#4da3f5,#1f6fd0);border-radius:999px;justify-content:center;align-items:center;padding:13px 34px;font-size:15.5px;font-weight:700;transition:transform .18s,filter .18s,background .18s;display:inline-flex;box-shadow:0 10px 28px #2678dc73}.th-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.th-btn:active{transform:translateY(0)scale(.99)}.th-btn.ghost{box-shadow:none;color:#e7f1fc;background:#ffffff14;border:1.5px solid #c8e1fa73;font-weight:600}.th-btn.ghost:hover{background:#ffffff29}.th-cov{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:18px;flex:none;width:min(295px,24vw);transition:transform .45s cubic-bezier(.22,.61,.36,1);transform:perspective(1000px)rotateY(-9deg);box-shadow:0 30px 70px #020c1e99,0 0 0 1px #ffffff24,0 0 60px #4096ff40}.th-cov:hover{transform:perspective(1000px)rotateY(-2deg)translateY(-6px)}.th-rail{z-index:3;gap:9px;display:flex;position:absolute;bottom:28px;right:34px}.th-thumb{opacity:.6;cursor:pointer;background-position:50%;background-size:cover;border:2px solid #ffffff59;border-radius:8px;width:46px;height:64px;padding:0;transition:opacity .2s,transform .2s,border-color .2s}.th-thumb:hover{opacity:.9}.th-thumb.on{opacity:1;border-color:#7fc0f5;transform:translateY(-4px);box-shadow:0 8px 18px #000a1e80}.th-bars{z-index:3;gap:7px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.th-bars span{background:#ffffff47;border-radius:2px;width:22px;height:4px;transition:width .25s,background .25s}.th-bars span.on{background:#7fc0f5;width:38px}@media (max-width:860px){.th-hero{height:auto}.th-inner{text-align:center;flex-direction:column-reverse;justify-content:center;gap:20px;height:auto;padding:56px 18px 74px}.th-cov{width:152px;transform:none}.th-cov:hover{transform:translateY(-4px)}.th-syn{-webkit-line-clamp:2;margin-left:auto;margin-right:auto}.th-meta,.th-cta{justify-content:center}.th-title{font-size:clamp(25px,6.4vw,32px)}.th-rail{display:none}}.th-dock{z-index:3;margin-top:-34px;position:relative}.th-dock .hd-sec{padding-top:0}.th-dock .hd-cont{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.th-doors{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.th-door{color:#fff;border-radius:18px;flex-direction:column;gap:5px;min-height:118px;padding:24px 22px 26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #174a8a2e}.th-door.d1{background:linear-gradient(135deg,#57abf2,#2e86e0)}.th-door.d2{background:linear-gradient(135deg,#3e8fe8,#1f6fd0)}.th-door.d3{background:linear-gradient(135deg,#2e77ce,#174f9e)}.th-door.d4{background:linear-gradient(135deg,#215ca8,#123a70)}.th-door .wm{font-family:var(--font-display);color:#ffffff21;pointer-events:none;font-size:108px;font-weight:700;line-height:1;position:absolute;top:-24px;right:8px}.th-door .lb{font-family:var(--font-display);font-size:21px;font-weight:700;position:relative}.th-door .sb{color:#ebf5ffd1;font-size:12.5px;position:relative}.th-door .arr{background:#ffffff2e;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:16px;right:16px}.th-door:hover{transform:translateY(-4px);box-shadow:0 16px 34px #174a8a4d}.th-door:hover .arr{background:#ffffff57;transform:translate(3px)}@media (max-width:760px){.th-doors{grid-template-columns:1fr 1fr;gap:11px}.th-door{min-height:100px;padding:17px 16px 20px}.th-door .wm{font-size:82px;top:-18px}.th-door .lb{font-size:18px}}.th-shelf{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:stretch;gap:16px;padding:8px 4px 20px;display:flex;overflow-x:auto}.th-shelf::-webkit-scrollbar{display:none}.th-card{scroll-snap-align:start;flex:none;width:172px}.th-card .cv{aspect-ratio:2/3;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:14px;transition:transform .22s,box-shadow .22s;display:block;position:relative;box-shadow:0 8px 20px #174a8a29}.th-card:hover .cv{transform:translateY(-6px)scale(1.03);box-shadow:0 18px 34px #174a8a47}.th-card .tt{-webkit-line-clamp:2;font-family:var(--font-heading);color:var(--ink);-webkit-box-orient:vertical;margin-top:10px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.th-card .mm{color:var(--muted);margin-top:4px;font-size:12px;display:block}.th-card .dn{font-family:var(--font-heading);color:#bfe0fb;background:#102c54c7;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:9px;left:9px}.th-lead{scroll-snap-align:start;background-position:50%;background-size:cover;border-radius:16px;flex:none;align-items:flex-end;width:300px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #174a8a38}.th-lead:hover{transform:translateY(-5px)}.th-lead .grad{background:linear-gradient(190deg,#0a1e3c00 30%,#081830e6 80%);position:absolute;inset:0}.th-lead .body{z-index:2;flex-direction:column;gap:6px;padding:18px;display:flex;position:relative}.th-lead .pick{font-family:var(--font-heading);letter-spacing:.14em;color:#9cc8f5;font-size:11px;font-weight:600}.th-lead .tt{font-family:var(--font-display);color:#f4f9ff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.th-lead .mm{color:#b9d2ee;font-size:12.5px}@media (max-width:640px){.th-card{width:138px}.th-lead{width:240px}.th-lead .tt{font-size:17px}}.th-genres{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.th-gt{color:#fff;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:22px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #174a8a29}.th-gt.g1{background:linear-gradient(135deg,#5fb2f4,#2e86e0)}.th-gt.g2{background:linear-gradient(135deg,#7d8fe8,#4a5bc8)}.th-gt.g3{background:linear-gradient(135deg,#45a3ce,#1f7aa6)}.th-gt.g4{background:linear-gradient(135deg,#3e8fe8,#1a5fb4)}.th-gt.g5{background:linear-gradient(135deg,#6ba3d8,#3d6ea8)}.th-gt.g6{background:linear-gradient(135deg,#4e7fd0,#2a4e9e)}.th-gt.g7{background:linear-gradient(135deg,#2e77ce,#143e7a)}.th-gt:after{content:"";background:#ffffff1f;border-radius:50%;width:92px;height:92px;position:absolute;top:-24px;right:-24px}.th-gt .nm{font-family:var(--font-display);z-index:1;font-size:20px;font-weight:700;position:relative}.th-gt .hint{color:#ebf5ffc7;opacity:0;z-index:1;font-size:12px;transition:opacity .2s,transform .2s;position:relative;transform:translateY(4px)}.th-gt:hover{transform:translateY(-4px);box-shadow:0 14px 30px #174a8a47}.th-gt:hover .hint{opacity:1;transform:none}@media (max-width:760px){.th-genres{grid-template-columns:1fr 1fr;gap:11px}.th-gt{min-height:82px;padding:16px}.th-gt .nm{font-size:17px}.th-gt .hint{opacity:1;transform:none}}.th-rank{background:linear-gradient(150deg,#0e2648 0%,#123561 55%,#174274 100%);border:1px solid #78aae62e;border-radius:24px;padding:28px 30px 30px;box-shadow:0 18px 44px #0a234659}.th-rank-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.th-seg{background:#ffffff1a;border-radius:999px;gap:3px;padding:4px;display:flex}.th-seg button{font-family:var(--font-heading);color:#bcd4ef;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s}.th-seg button.on{color:#1a5fb4;background:#fff}.th-rank-ctrl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.th-rank-ctrl .pp{font-family:var(--font-heading);color:#a9c4e6;cursor:pointer;background:#ffffff12;border:1px solid #a0c8f540;border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.th-rank-ctrl .pp.on{color:#fff;background:#4da3f5;border-color:#0000}.th-rank-ctrl .sep{background:#a0c8f54d;width:1px;height:18px;margin:0 4px}.th-podium{justify-content:center;align-items:flex-end;gap:26px;margin:8px 0 26px;display:flex}.th-pd{text-align:center;flex-direction:column;align-items:center;width:190px;transition:transform .2s;display:flex;position:relative}.th-pd:hover{transform:translateY(-5px)}.th-pd .no{z-index:2;color:#fff;width:34px;height:34px;font-family:var(--font-heading);background:linear-gradient(135deg,#4da3f5,#1f6fd0);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #000a1e66}.th-pd .cv{aspect-ratio:2/3;background-position:50%;background-size:cover;border:1px solid #96c3f533;border-radius:14px;width:100%;box-shadow:0 18px 40px #020c1e8c}.th-pd.r1{width:232px}.th-pd.r1 .no{background:linear-gradient(135deg,#7fc0f5,#2e86e0);width:42px;height:42px;font-size:19px;top:-18px}.th-pd.r1 .cv{border:2px solid #96c8fa99;box-shadow:0 22px 50px #020c1e99,0 0 50px #4da3f561}.th-pd .tt{font-family:var(--font-heading);color:#eaf3fd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:14.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.th-pd.r1 .tt{font-size:16px}.th-pd .mm{color:#9cc0e8;margin-top:4px;font-size:12.5px}.th-rows{grid-template-columns:1fr 1fr;gap:10px 22px;display:grid}.th-row{background:#ffffff0f;border:1px solid #96c3f524;border-radius:14px;align-items:center;gap:13px;padding:9px 14px 9px 10px;transition:background .15s,transform .15s;display:flex}.th-row:hover{background:#ffffff1f;transform:translateY(-2px)}.th-row .no{font-family:var(--font-display);color:#7fb4e8;text-align:center;flex:none;width:26px;font-size:19px;font-weight:700}.th-row .cv{background-position:50%;background-size:cover;border-radius:8px;flex:none;width:40px;height:56px;box-shadow:0 6px 14px #000a1e66}.th-row .bd{flex:1;min-width:0}.th-row .tt{font-family:var(--font-heading);color:#e6f0fb;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.th-row .mm{color:#93b5dc;margin-top:2px;font-size:12px;display:block}.th-empty{color:#a9c4e6;text-align:center;padding:24px}@media (max-width:760px){.th-rank{border-radius:18px;padding:20px 14px 22px}.th-podium{gap:10px}.th-pd{width:31%}.th-pd.r1{width:37%}.th-pd .tt{font-size:13px}.th-rows{grid-template-columns:1fr;gap:9px}}.sky{width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.sky-bg{pointer-events:none;background:linear-gradient(#cfe9ff 0%,#e3f3ff 26%,#f3faff 55%,#e8f4ff 100%);position:absolute;inset:0}body.dark .sky-bg{background:linear-gradient(#0f1e30 0%,#122539 40%,#101e2e 100%)}.sky-bg .orb{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.sky-bg .o1{background:radial-gradient(circle,#9ad2ff,#0000 70%);width:380px;height:380px;top:-80px;left:8%}.sky-bg .o2{background:radial-gradient(circle,#bce0ff,#0000 70%);width:420px;height:420px;top:520px;right:-60px}.sky-bg .o3{background:radial-gradient(circle,#a8d8ff,#0000 70%);width:460px;height:460px;top:1500px;left:-80px}body.dark .sky-bg .orb{opacity:.22}.sky-bg .cloud{filter:blur(34px);background:#ffffff80;border-radius:999px;width:340px;height:120px;position:absolute}.sky-bg .c1{top:180px;right:14%}.sky-bg .c2{width:420px;top:900px;left:6%}body.dark .sky-bg .cloud{background:#78b4f00f}.sky-sec{max-width:1200px;margin:0 auto;padding:26px 24px 8px;position:relative}@media (max-width:640px){.sky-sec{padding-left:14px;padding-right:14px}}.sky .glass{-webkit-backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 12px 34px #4696dc29}body.dark .sky .glass{background:#16263a99;border-color:#82befa29;box-shadow:0 12px 34px #0006}.sky-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.sky-h2{font-family:var(--font-display);color:#0000;background:linear-gradient(95deg,#1170ce,#3aa0f5 70%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:700}body.dark .sky-h2{color:#0000;background:linear-gradient(95deg,#7fc0f5,#b5dcfa);-webkit-background-clip:text;background-clip:text}.sky-sub{color:var(--muted);font-size:13px}.sky-all{color:#1e88e8;white-space:nowrap;font-size:14px;font-weight:600}.sky-all:hover{text-underline-offset:4px;text-decoration:underline}.sky-nav{gap:8px;margin-left:auto;display:flex}.sky-nav button{color:#1e88e8;cursor:pointer;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .15s,background .15s;display:grid;box-shadow:0 4px 12px #4696dc2e}.sky-nav button:hover{background:#fff;transform:translateY(-1px)}body.dark .sky-nav button{color:#8fc6f5;background:#1e324bb3;border-color:#82befa33}@media (max-width:640px){.sky-h2{font-size:21px}.sky-sub,.sky-nav{display:none}.sky-all{margin-left:auto}}.sky-btn{font-family:var(--font-heading);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4fb0f8,#1e88e8);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 10px 24px #2e8ce659}.sky-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.sky-btn:active{transform:translateY(0)scale(.99)}.sky-btn.sm{padding:10px 22px;font-size:14px}.sky-btn.soft{color:#1170ce;background:#ffffffbf;border:1px solid #2e8ce659;box-shadow:0 6px 16px #4696dc24}.sky-btn.soft:hover{background:#fff}body.dark .sky-btn.soft{color:#8fc6f5;background:#1e324bb3;border-color:#82befa4d}.sky-hero{grid-template-columns:1.7fr 1fr;align-items:stretch;gap:18px;display:grid}.sky-feat{flex-direction:column;padding:30px 32px 40px;display:flex;position:relative}.sky-feat-in{align-items:center;gap:30px;animation:.55s skyFade;display:flex}@keyframes skyFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sky-feat-in{animation:none}}.sky-feat-info{flex:1;min-width:0}.sky-kick{font-family:var(--font-heading);letter-spacing:.14em;color:#1170ce;background:#78befa38;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-flex}body.dark .sky-kick{color:#8fc6f5;background:#78befa1f}.sky-kick:before{content:"";background:#2e9bf0;border-radius:50%;width:7px;height:7px}.sky-title{font-family:var(--font-display);color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;margin:14px 0 8px;font-size:clamp(25px,2.7vw,36px);font-weight:700;line-height:1.34}.sky-by{color:var(--muted);margin-bottom:10px;font-size:13.5px}.sky-syn{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:520px;margin:0 0 12px;font-size:14.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.sky-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-bottom:18px;font-size:13px;display:flex}.sky-meta .star{color:var(--star);font-weight:700}.sky-cta{flex-wrap:wrap;gap:12px;display:flex}.sky-feat-cov{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:16px;flex:none;width:min(218px,20vw);transition:transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:0 22px 44px #2e78c859,0 0 0 5px #ffffffe6}body.dark .sky-feat-cov{box-shadow:0 22px 44px #00000080,0 0 0 5px #82befa40}.sky-feat-cov:hover{transform:translateY(-6px)rotate(-1deg)}.sky-dots{gap:6px;display:flex;position:absolute;bottom:16px;left:32px}.sky-dots button{cursor:pointer;background:#2e8ce640;border:none;border-radius:3px;width:20px;height:5px;padding:0;transition:width .25s,background .25s}.sky-dots button.on{background:#2e9bf0;width:34px}.sky-side{flex-direction:column;gap:14px;min-width:0;display:flex}.sky-cont{flex:1;align-items:center;gap:14px;padding:16px 18px;display:flex}.sky-cont .cov{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:56px;height:78px;box-shadow:0 8px 18px #2e78c840}.sky-cont .bd{flex:1;min-width:0}.sky-cont .k{letter-spacing:.1em;color:#1e88e8;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.sky-cont .t{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.sky-cont .m{color:var(--muted);margin:3px 0 7px;font-size:12px;display:block}.sky-cont .bar{background:#2e8ce626;border-radius:999px;height:6px;display:block;overflow:hidden}.sky-cont .bar i{background:linear-gradient(90deg,#4fb0f8,#1e88e8);border-radius:999px;height:100%;display:block}.sky-cont.empty-cta{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:20px 22px}.sky-cont.empty-cta .t{font-family:var(--font-display);white-space:normal;font-size:18px;font-weight:700}.sky-cont.empty-cta p{color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.7}.sky-quick{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sky-q{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border:1px solid #ffffffd9;border-radius:18px;flex-direction:column;gap:3px;padding:15px 16px 17px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 8px 22px #4696dc24}body.dark .sky-q{background:#16263a99;border-color:#82befa29;box-shadow:0 8px 22px #00000059}.sky-q .lb{font-family:var(--font-display);color:var(--ink);font-size:16.5px;font-weight:700}.sky-q .sb{color:var(--muted);font-size:11.5px}.sky-q .arr{color:#1e88e8;background:#2e9bf024;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .18s,transform .18s;display:grid;position:absolute;bottom:12px;right:12px}.sky-q:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4696dc38}.sky-q:hover .arr{color:#fff;background:#2e9bf0;transform:translate(2px)}@media (max-width:960px){.sky-hero{grid-template-columns:1fr}.sky-feat{padding:24px 20px 38px}.sky-feat-in{text-align:center;flex-direction:column-reverse;gap:18px}.sky-feat-cov{width:150px}.sky-meta,.sky-cta{justify-content:center}.sky-syn{margin-left:auto;margin-right:auto}.sky-dots{left:50%;transform:translate(-50%)}}.sky-shelf{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:16px;padding:10px 4px 24px;display:flex;overflow-x:auto}.sky-shelf::-webkit-scrollbar{display:none}.sky-book{scroll-snap-align:start;flex:none;width:164px}.sky-shelf.wave .sky-book:nth-child(2n){margin-top:22px}.sky-book .cv{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:16px;transition:transform .22s,box-shadow .22s;display:block;position:relative;box-shadow:0 10px 24px #4696dc38,0 0 0 4px #ffffffbf}body.dark .sky-book .cv{box-shadow:0 10px 24px #00000073,0 0 0 4px #82befa26}.sky-book:hover .cv{transform:translateY(-7px);box-shadow:0 20px 38px #4696dc4d,0 0 0 4px #fff}body.dark .sky-book:hover .cv{box-shadow:0 20px 38px #0000008c,0 0 0 4px #82befa4d}.sky-book .tt{-webkit-line-clamp:2;font-family:var(--font-heading);color:var(--ink);-webkit-box-orient:vertical;margin-top:11px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sky-book .mm{color:var(--muted);margin-top:4px;font-size:11.5px;display:block}.sky-book .bg-tag,.sky-book .bg-free{font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#4fb0f8,#1e88e8);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #1e6ec859}.sky-book .bg-free{background:linear-gradient(135deg,#37b6d9,#1e88c8)}@media (max-width:640px){.sky-book{width:132px}.sky-shelf.wave .sky-book:nth-child(2n){margin-top:14px}}.sky-cloudtags{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sky-tag{font-family:var(--font-display);color:#1170ce;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa8;border:1px solid #ffffffe6;border-radius:999px;padding:14px 30px;font-weight:700;transition:transform .16s,background .16s,color .16s,box-shadow .16s;box-shadow:0 8px 20px #4696dc29}body.dark .sky-tag{color:#8fc6f5;background:#16263a99;border-color:#82befa2e}.sky-tag.s1{font-size:21px}.sky-tag.s2{padding:12px 24px;font-size:17px}.sky-tag.s3{padding:10px 20px;font-size:15px}.sky-tag:hover{color:#fff;background:linear-gradient(135deg,#4fb0f8,#1e88e8);transform:translateY(-3px)scale(1.03);box-shadow:0 14px 28px #2e8ce659}@media (max-width:640px){.sky-tag.s1{padding:11px 20px;font-size:17px}.sky-tag.s2{padding:10px 17px;font-size:15px}.sky-tag.s3{padding:9px 15px;font-size:14px}}.sky-duo{grid-template-columns:1.5fr 1fr;align-items:start;gap:18px;display:grid}@media (max-width:960px){.sky-duo{grid-template-columns:1fr}}.sky-board{padding:22px 24px 24px}.sky-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sky .seg{background:#2e8ce61a;border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:flex}.sky .seg button{font-family:var(--font-heading);color:#3a7ab8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s}body.dark .sky .seg button{color:#8fb8dc}.sky .seg button.on{color:#1170ce;background:#fff;box-shadow:0 3px 8px #2e78c833}body.dark .sky .seg button.on{color:#fff;background:#2e9bf0}.sky-board-ctrl{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;display:flex}.sky-board-ctrl button{font-family:var(--font-heading);color:#3a7ab8;cursor:pointer;background:#fff9;border:1px solid #2e8ce638;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}body.dark .sky-board-ctrl button{color:#8fb8dc;background:#1e324b99;border-color:#82befa33}.sky-board-ctrl button.on{color:#fff;background:linear-gradient(135deg,#4fb0f8,#1e88e8);border-color:#0000}.sky-board-ctrl .dv{background:#2e8ce640;width:1px;height:16px;margin:0 3px}.sky-lb{flex-direction:column;gap:8px;display:flex}.lb-row{border-radius:16px;align-items:center;gap:13px;padding:9px 12px;transition:background .15s,transform .15s;display:flex}.lb-row:hover{background:#ffffffbf;transform:translate(3px)}body.dark .lb-row:hover{background:#2e5a8c40}.lb-row .no{font-family:var(--font-display);color:#8fbfe8;text-align:center;flex:none;width:30px;font-size:22px;font-weight:700}.lb-row.first .no{color:#1e88e8;font-size:26px}.lb-row .cv{background-position:50%;background-size:cover;border-radius:9px;flex:none;width:44px;height:60px;box-shadow:0 6px 14px #4696dc40}.lb-row.first .cv{width:54px;height:74px}.lb-row .bd{flex:1;min-width:0}.lb-row .tt{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.lb-row.first .tt{font-size:15.5px}.lb-row .pow{background:#2e8ce61f;border-radius:999px;height:7px;display:block;overflow:hidden}.lb-row .pow i{background:linear-gradient(90deg,#7fc4f8,#1e88e8);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1);display:block}.lb-row .vv{text-align:right;font-family:var(--font-heading);color:#1170ce;flex:none;min-width:52px;font-size:14px;font-weight:700}body.dark .lb-row .vv{color:#8fc6f5}.lb-row .vv em{color:var(--muted);font-size:10.5px;font-style:normal;font-weight:500;display:block}.sky-empty{text-align:center;color:var(--muted);padding:26px;font-size:14px}.sky-voices{padding:22px 22px 24px}.sky-vlist{scrollbar-width:none;flex-direction:column;gap:12px;max-height:560px;display:flex;overflow-y:auto}.sky-vlist::-webkit-scrollbar{display:none}.vb{background:#ffffffb8;border:1px solid #fffffff2;border-radius:18px 18px 18px 6px;padding:14px 16px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 6px 16px #4696dc1f}body.dark .vb{background:#1e324b8c;border-color:#82befa26}.vb:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4696dc33}.vb .q{font-family:var(--font-display);color:#2e8ce62e;font-size:44px;line-height:1;position:absolute;top:2px;right:12px}.vb .tx{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.vb .stars{letter-spacing:1.5px;color:var(--star);margin-bottom:8px;font-size:12px;display:block}.vb .stars i{color:#2e8ce633;font-style:normal}.vb .who{align-items:center;gap:8px;margin-bottom:9px;display:flex}.vb .av{color:#fff;background:linear-gradient(135deg,#4fb0f8,#1e88e8) 50%/cover;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.vb .nm{color:var(--ink);font-size:12.5px;font-weight:600}.vb .tm{color:var(--muted);font-size:11px}.vb .bk{background:#2e8ce614;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;display:flex}.vb .bc{background-position:50%;background-size:cover;border-radius:6px;flex:none;width:26px;height:36px}.vb .bt{color:#1170ce;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}body.dark .vb .bt{color:#8fc6f5}.sky-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.sky-filter .gsel{color:#1170ce;cursor:pointer;background:#ffffffbf;border:1px solid #2e8ce640;border-radius:999px;outline:none;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}body.dark .sky-filter .gsel{color:#8fc6f5;background:#1e324bb3;border-color:#82befa33}.sky-lib{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:860px){.sky-lib{grid-template-columns:1fr}}.sky-libcard{border-radius:20px;gap:15px;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.sky-libcard:hover{border-color:#78befae6;transform:translateY(-3px);box-shadow:0 18px 36px #4696dc3d}.sky-libcard .cv{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:88px;height:122px;box-shadow:0 8px 18px #4696dc38}.sky-libcard .bd{flex-direction:column;flex:1;min-width:0;display:flex}.sky-libcard .tt{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sky-libcard .au{color:var(--muted);margin:3px 0 5px;font-size:12px}.sky-libcard .bl{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:12.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.sky-libcard .tags{flex-wrap:wrap;gap:6px;margin:8px 0 7px;display:flex}.sky-libcard .tags em{color:#1170ce;background:#2e8ce61a;border-radius:999px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:600}body.dark .sky-libcard .tags em{color:#8fc6f5;background:#78befa1f}.sky-libcard .tags em.done{color:#fff;background:linear-gradient(135deg,#4fb0f8,#1e88e8)}.sky-libcard .tags em.free{color:#0e7490;background:#37b6d929}body.dark .sky-libcard .tags em.free{color:#7ed4e8}.sky-libcard .mt{color:var(--muted);gap:13px;font-size:11.5px;display:flex}.sky-libcard .mt .star{color:var(--star);font-weight:700}.sky-more{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}@media (max-width:560px){.sky-libcard .cv{width:74px;height:103px}.sky-libcard{padding:12px}}.hn{background:radial-gradient(900px 500px at 85% -100px,var(--pa-glow1,#ffd66e66),transparent 65%), radial-gradient(700px 420px at -60px 480px,var(--pa-glow2,#ffe49659),transparent 60%), linear-gradient(180deg,var(--pa-bgA,#fff3d6) 0%,var(--pa-bgB,#fff8e6) 30%,var(--pa-bgC,#fffbef) 100%);width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}body.dark .hn{background:radial-gradient(900px 500px at 85% -100px,#d89e2824,#0000 65%),radial-gradient(700px 420px at -60px 480px,#d89e2814,#0000 60%),linear-gradient(#1c1610 0%,#171310 40%,#191510 100%)}.hn-sec{max-width:1200px;margin:0 auto;padding:28px 24px 8px;position:relative}@media (max-width:640px){.hn-sec{padding-left:14px;padding-right:14px}}.home-quick-mobile{display:none}@media (max-width:640px){.hn-sec.home-quick-section{padding-top:10px;padding-bottom:2px}.home-quick-card{min-height:66px;border-radius:16px!important;flex-wrap:nowrap!important;align-items:center!important;gap:9px!important;padding:9px 20px 9px 11px!important;display:flex!important}.home-quick-icon{flex:0 0 46px!important;width:46px!important;height:46px!important}.home-install-icon{border-radius:12px!important}.home-quick-copy{flex:auto!important;min-width:0!important}.home-quick-title{white-space:nowrap;line-height:1.25;display:block;font-size:16px!important}.home-quick-desc,.home-quick-desktop{display:none!important}.home-quick-mobile{display:inline}.home-quick-button{white-space:nowrap;line-height:1.2;flex:none!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:98px!important;padding:10px 13px!important;font-size:14px!important;display:inline-flex!important}.home-install-close{padding:2px!important;top:1px!important;right:1px!important}.home-install-close svg{width:13px;height:13px}.home-install-download{width:17px;height:17px}}.hn-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.hn-h2{font-family:var(--font-display);color:var(--ink);align-items:center;gap:11px;margin:0;font-size:27px;font-weight:700;display:flex}.hn-h2:before{content:"";background:var(--pa,#ffc400);border-radius:4px;flex:none;width:8px;height:24px}.hn-sub{color:var(--muted);font-size:13px}.hn-all{color:var(--pa-deep,#a0700a);white-space:nowrap;font-size:14px;font-weight:600}body.dark .hn-all{color:#e8c878}.hn-all:hover{text-underline-offset:4px;text-decoration:underline}.hn-nav{gap:8px;margin-left:auto;display:flex}.hn-nav button{border:2px solid var(--pa-border,#f0d89a);background:var(--pa-card,#fffdf4);width:37px;height:37px;color:var(--pa-deep,#a0700a);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid;box-shadow:0 4px 10px #a0781426}.hn-nav button:hover{background:var(--pa-tint,#ffefc2);transform:translateY(-1px)}body.dark .hn-nav button{color:#e8c878;background:#2a2318;border-color:#4a3e22}@media (max-width:640px){.hn-h2{font-size:21px}.hn-sub,.hn-nav{display:none}.hn-all{margin-left:auto}}.hn-empty{text-align:center;color:var(--muted);padding:26px;font-size:14px}.hn-btn{font-family:var(--font-heading);color:var(--pa-on,#3a2a06);background:linear-gradient(135deg,var(--pa-g1,#ffdf8e),var(--pa-g2,#f5b93e));cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:13px 30px;font-size:15px;font-weight:800;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 8px 20px #00000024,inset 0 -3px #0000002e}.hn-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.hn-btn:active{transform:translateY(1px)}.hn-btn.sm{padding:11px 24px;font-size:14px}.hn-btn.soft{color:var(--pa-deep,#8f650b);background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);box-shadow:0 5px 14px #a0781424}.hn-btn.soft:hover{background:var(--pa-tint,#fff4d4)}body.dark .hn-btn.soft{color:#e8c878;background:#2a2318;border-color:#4a3e22}.hn-hero{max-width:1200px;margin:0 auto;padding:44px 24px 8px;position:relative}.hn-hero-in{background:var(--pa-card,#fff);border:2px solid var(--pa-border2,#ffc400);border-radius:26px;align-items:center;gap:44px;padding:34px 42px;animation:.55s hnFade;display:flex;box-shadow:0 10px 26px #1e1e1412}@keyframes hnFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hn-hero-in{animation:none}}.hn-hero-info{flex:1;min-width:0}.hn-kick{font-family:var(--font-heading);letter-spacing:.1em;color:var(--pa-on,#fff);background:var(--pa,#ffc400);border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 19px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px #00000029}body.dark .hn-kick{color:var(--pa-border2,#f0c46a);background:#33280f;border-color:#5a4818;box-shadow:0 4px #5a4818}.hn-title{font-family:var(--font-display);text-wrap:balance;overflow-wrap:anywhere;margin:18px 0 10px;font-size:clamp(30px,4.2vw,52px);font-weight:700;line-height:1.28}.hn-title .run{color:var(--ink)}.hn-by{color:var(--muted);margin-bottom:12px;font-size:14px}.hn-syn{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:540px;margin:0 0 14px;font-size:15px;line-height:1.85;display:-webkit-box;overflow:hidden}.hn-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-bottom:20px;font-size:13.5px;display:flex}.hn-meta .star{color:var(--pa,#e8a020);font-weight:700}.hn-cta{flex-wrap:wrap;gap:13px;display:flex}.hn-stage{flex:none;padding:26px 34px 30px 10px;position:relative}.hn-tilt{aspect-ratio:2/3;width:min(270px,23vw);transform:perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;border-radius:20px;transition:transform .18s ease-out;display:block;position:relative}.hn-tilt .cov{box-shadow:0 26px 54px #8c5f0a66,0 0 0 6px var(--pa-card,#fffdf4),0 0 0 8px var(--pa-border2,#f2ce6e);background-position:50%;background-size:cover;border-radius:20px;position:absolute;inset:0}body.dark .hn-tilt .cov{box-shadow:0 26px 54px #0000008c,0 0 0 6px #2a2318,0 0 0 8px #5a4818}.hn-tilt .shine{opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff47 48%,#0000 62%);border-radius:20px;transition:opacity .25s;position:absolute;inset:0}.hn-tilt:hover .shine{opacity:1}.hn-stamp{pointer-events:none;z-index:45;width:104px;height:104px;position:absolute;top:-16px;right:-14px}.hn-stamp svg{width:100%;height:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1);overflow:visible}.hn-fan:hover .hn-stamp svg{transform:rotate(38deg)}@media (prefers-reduced-motion:reduce){.hn-stamp svg{transition:none}}.hn-stamp text{font-family:var(--font-heading);fill:var(--pa-deep,#b27e0e);letter-spacing:.14em;font-size:11.5px;font-weight:700}body.dark .hn-stamp text{fill:#e8c878}.hn-stamp i{color:var(--pa,#e8a020);place-items:center;font-size:26px;font-style:normal;display:grid;position:absolute;inset:0}.hn-dots{gap:7px;padding:18px 2px 0;display:flex}.hn-dots button{background:var(--pa-track,#f0dca0);cursor:pointer;border:none;border-radius:3px;width:22px;height:6px;padding:0;transition:width .25s,background .25s}.hn-dots button.on{background:var(--pa,#e8a020);width:40px}body.dark .hn-dots button{background:#4a3e22}body.dark .hn-dots button.on{background:var(--pa,#e8a020)}@media (max-width:900px){.hn-hero{padding-top:26px}.hn-hero-in{text-align:center;flex-direction:column-reverse;gap:14px}.hn-stage{padding:14px 20px 4px}.hn-tilt{width:172px}.hn-stamp{width:84px;height:84px;top:-14px;right:-22px}.hn-meta,.hn-cta{justify-content:center}.hn-syn{margin-left:auto;margin-right:auto}.hn-dots{justify-content:center}}.hn-ticker{background:var(--pa-on,#3a2f12);color:var(--pa-tint,#ffe9ae);margin:26px 0 4px;padding:11px 0;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 8px 22px #5a410a33}.hn-ticker.alt{background:var(--pa,#e8a020);color:var(--pa-on,#3a2a06);margin-top:34px;transform:rotate(.6deg)}body.dark .hn-ticker{color:#e8c878;background:#0f0c08}body.dark .hn-ticker.alt{background:var(--pa-deep,#b27e0e);color:#241a06}.hn-ticker .run{white-space:nowrap;width:max-content;font-family:var(--font-heading);letter-spacing:.06em;gap:34px;font-size:14.5px;font-weight:700;animation:28s linear infinite hnRun;display:inline-flex}.hn-ticker .run em{opacity:.65;margin-left:34px;font-style:normal}@keyframes hnRun{0%{transform:translate(0)}to{transform:translate(-33.4%)}}@media (prefers-reduced-motion:reduce){.hn-ticker .run{animation:none}}.river-sec{padding-bottom:0}.hn-river{padding:14px 0 6px;position:relative;overflow:hidden}.hn-river .run{gap:16px;width:max-content;animation:45s linear infinite hnRiver;display:flex}.hn-river.rev .run{animation-direction:reverse}.hn-river:hover .run{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hn-river .run{animation:none}}@keyframes hnRiver{0%{transform:translate(0)}to{transform:translate(-50%)}}.hn-river .rc{flex:none;display:block}.hn-river .cv{aspect-ratio:2/3;width:112px;box-shadow:0 8px 18px #8c5f0a38,0 0 0 3px var(--pa-card,#fffdf4);background-position:50%;background-size:cover;border-radius:12px;transition:transform .2s;display:block}body.dark .hn-river .cv{box-shadow:0 8px 18px #00000080,0 0 0 3px #2a2318}.hn-river .rc:nth-child(2n) .cv{transform:translateY(10px)}.hn-river .rc:hover .cv{box-shadow:0 16px 30px #8c5f0a52,0 0 0 3px var(--pa-border2,#f2ce6e);transform:translateY(-4px)scale(1.05)}@media (max-width:640px){.hn-river .cv{width:86px}}.hn-cont{background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);border-radius:20px;align-items:center;gap:15px;padding:14px 18px;display:flex;box-shadow:0 10px 24px #a0781424}body.dark .hn-cont{background:#221c14;border-color:#4a3e22}.hn-cont .cov{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:54px;height:75px;box-shadow:0 6px 14px #8c5f0a40}.hn-cont .bd{flex:1;min-width:0}.hn-cont .k{letter-spacing:.1em;color:var(--pa-deep,#b27e0e);margin-bottom:2px;font-size:11px;font-weight:800;display:block}body.dark .hn-cont .k{color:#e8c878}.hn-cont .t{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.hn-cont .m{color:var(--muted);margin:3px 0 7px;font-size:12px;display:block}.hn-cont .bar{background:var(--pa-track,#f5eccc);border-radius:999px;height:7px;display:block;overflow:hidden}body.dark .hn-cont .bar{background:#332a18}.hn-cont .bar i{background:linear-gradient(90deg,var(--pa-g1,#ffd873),var(--pa,#e8a020));border-radius:999px;height:100%;display:block}@media (max-width:560px){.hn-cont{flex-wrap:wrap}.hn-cont .hn-btn{text-align:center;flex:1 0 100%}}.hn-doors{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hn-door{background:var(--pa-tint,#fff3c8);border-radius:6px 22px 22px;flex-direction:column;gap:4px;padding:26px 20px 24px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 12px 24px #8c5f0a2e}.hn-door.t1{background:var(--pa-tint,#fff3c8);transform:rotate(-1.6deg)}.hn-door.t2{background:#ffe9c4;transform:rotate(1.1deg)}.hn-door.t3{background:#f4efcf;transform:rotate(-.9deg)}.hn-door.t4{background:#fbe7d2;transform:rotate(1.5deg)}body.dark .hn-door{background:#2a2318!important}.hn-door:hover{transform:rotate(0)translateY(-5px);box-shadow:0 18px 34px #8c5f0a42}.hn-door .pin{background:radial-gradient(circle at 35% 30%,#ffcf66,#d6941a);border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:22px;box-shadow:0 3px 6px #5a3c0566}.hn-door .lb{font-family:var(--font-display);color:var(--ink);font-size:21px;font-weight:700}.hn-door .sb{color:var(--muted);font-size:12.5px}.hn-door .arr{width:28px;height:28px;color:var(--pa-deep,#8f650b);background:#b27e0e24;border-radius:50%;place-items:center;transition:background .18s,transform .18s;display:grid;position:absolute;bottom:13px;right:14px}body.dark .hn-door .arr{color:#e8c878}.hn-door:hover .arr{background:var(--pa,#e8a020);color:#241a06;transform:translate(3px)}@media (max-width:760px){.hn-doors{grid-template-columns:1fr 1fr;gap:13px}.hn-door{padding:19px 16px 21px}.hn-door .lb{font-size:18px}}.hn-shelf{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:17px;padding:12px 4px 22px;display:flex;overflow-x:auto}.hn-shelf::-webkit-scrollbar{display:none}.hn-book{scroll-snap-align:start;flex:none;width:166px}.hn-shelf.tilt .hn-book:nth-child(odd){transform:rotate(-1.2deg)}.hn-shelf.tilt .hn-book:nth-child(2n){transform:rotate(1.2deg)translateY(10px)}.hn-book .cv{aspect-ratio:2/3;box-shadow:0 10px 22px #8c5f0a33,0 0 0 4px var(--pa-card,#fffdf4);background-position:50%;background-size:cover;border-radius:14px;transition:transform .22s,box-shadow .22s;display:block;position:relative}body.dark .hn-book .cv{box-shadow:0 10px 22px #00000080,0 0 0 4px #2a2318}.hn-book:hover .cv{box-shadow:0 20px 36px #8c5f0a4d,0 0 0 4px var(--pa-border2,#f2ce6e);transform:translateY(-7px)rotate(0)}.hn-book .tt{-webkit-line-clamp:2;font-family:var(--font-heading);color:var(--ink);-webkit-box-orient:vertical;margin-top:11px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hn-book .mm{color:var(--muted);margin-top:4px;font-size:11.5px;display:block}.hn-book .bg{font-family:var(--font-heading);color:var(--pa-on,#3a2a06);background:linear-gradient(135deg,var(--pa-g1,#ffdf8e),var(--pa-g2,#f5b93e));border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #8c5f0a4d}.cv-tags{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;max-width:calc(100% - 18px);display:flex;position:absolute;top:9px;left:9px}.cv-tags .bg{max-width:100%;position:static;top:auto;left:auto}.cv-tags .discx-badge{position:static;top:auto;left:auto;right:auto}@media (max-width:640px){.hn-book{width:134px}}.hn-stickers{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hn-stk{font-family:var(--font-display);color:var(--pa-deep,#6e4e06);background:var(--pa-card,#fffdf4);border:2.5px solid var(--pa-border2,#f0c46a);box-shadow:0 6px 0 var(--pa-border2,#f0c46a),0 12px 22px #a0781426;border-radius:16px;padding:13px 28px;font-size:19px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}body.dark .hn-stk{color:#e8c878;background:#2a2318;border-color:#5a4818;box-shadow:0 6px #5a4818,0 12px 22px #00000059}.hn-stk.r1{transform:rotate(-2.4deg)}.hn-stk.r2{transform:rotate(1.6deg)}.hn-stk.r3{transform:rotate(-1.2deg)}.hn-stk.r4{transform:rotate(2.6deg)}.hn-stk:hover{background:var(--pa-tint,#ffefc2);box-shadow:0 8px 0 var(--pa,#e8a020),0 18px 30px #a078143d;transform:rotate(0)translateY(-4px)}@media (max-width:640px){.hn-stk{border-radius:13px;padding:10px 18px;font-size:15.5px}}.hn-duo{grid-template-columns:1.5fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:960px){.hn-duo{grid-template-columns:1fr}}.hn-board{background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);border-radius:24px;padding:22px 24px 24px;box-shadow:0 14px 30px #a0781424}body.dark .hn-board{background:#221c14;border-color:#4a3e22}.hn-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hn .seg{background:var(--pa-track,#f7edcb);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:flex}body.dark .hn .seg{background:#332a18}.hn .seg button{font-family:var(--font-heading);color:var(--pa-deep,#8a701f);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s}body.dark .hn .seg button{color:#c8b078}.hn .seg button.on{background:var(--pa,#ffc400);color:var(--pa-on,#201600)}body.dark .hn .seg button.on{background:var(--pa,#e8a020);color:#241a06}.hn-board-ctrl{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:18px;display:flex}.hn-board-ctrl button{font-family:var(--font-heading);color:var(--pa-deep,#8a701f);background:var(--pa-card,#fffdf4);border:1.5px solid var(--pa-border,#edd9a0);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}body.dark .hn-board-ctrl button{color:#c8b078;background:#2a2318;border-color:#4a3e22}.hn-board-ctrl button.on{background:linear-gradient(135deg,var(--pa-g1,#ffdf8e),var(--pa-g2,#f5b93e));color:var(--pa-on,#3a2a06);border-color:#0000;font-weight:800}.hn-board-ctrl .dv{background:var(--pa-border,#edd9a0);width:1px;height:16px;margin:0 3px}.hn-pd{flex-direction:column;gap:12px;display:flex}.hn-stage{background:linear-gradient(180deg,var(--pa-deep,#15626a),var(--pa,#2a9da7));border-radius:18px;justify-content:center;align-items:flex-end;gap:34px;padding:36px 18px 20px;display:flex;position:relative;overflow:hidden}.hn-stage:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffd8734d,#0000 72%);border-radius:50%;width:460px;height:460px;position:absolute;top:-46%;left:50%;transform:translate(-50%)}.hn-stage .pd{text-align:center;flex-direction:column;align-items:center;min-width:0;max-width:280px;transition:transform .18s;display:flex;position:relative}.hn-stage .pd:hover{transform:translateY(-5px)}.hn-stage .pcv{background-position:50%;background-size:cover;border-radius:14px;position:relative;box-shadow:0 16px 36px #0000006b}.hn-stage .p1 .pcv{border:5px solid #e9a63a;width:216px;height:288px;box-shadow:0 0 0 2px #fbe7b0,0 16px 40px #e9a63a80}.hn-stage .p2 .pcv{border:4px solid #cbd2d9;width:172px;height:229px;box-shadow:0 0 0 2px #eef1f4,0 14px 32px #00000057}.hn-stage .p3 .pcv{border:4px solid #c88a52;width:172px;height:229px;box-shadow:0 0 0 2px #ebd6c2,0 14px 32px #00000057}.hn-stage .pmedal{border:2.5px solid #ffffffeb;border-radius:50%;place-items:center;width:44px;height:44px;font-size:21px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-15px;right:-15px}.hn-stage .pmedal.m1{color:#5a3a00;background:linear-gradient(135deg,#ffe9a6,#e8a020);box-shadow:0 4px 12px #e8a020a6}.hn-stage .pmedal.m2{color:#3e4b58;background:linear-gradient(135deg,#f4f7fa,#9fb0c0)}.hn-stage .pmedal.m3{color:#5a3413;background:linear-gradient(135deg,#f8dcc0,#c77b3e)}.hn-stage .pcrown{z-index:3;filter:drop-shadow(0 3px 5px #0006);margin-bottom:-14px;line-height:0;display:block;position:relative}.hn-stage .pcrown svg{display:block}.hn-stage .pc1{color:#f1c24b;margin-bottom:-18px}.hn-stage .pc2{color:#c7ced5}.hn-stage .pc3{color:#ce9464}.hn-stage .p1 .pcrown{animation:2.6s ease-in-out infinite crownFloat}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hn-stage .p1 .pcrown{animation:none}}body[data-anim=off] .hn-stage .p1 .pcrown{animation:none}.hn-stage .ptt{font-family:var(--font-heading);color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;min-height:2.6em;margin-top:10px;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.hn-stage .p1 .ptt{font-size:19px}.hn-stage .pby{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:13px;overflow:hidden}.hn-stage .prv{color:#ffd873;margin-top:2px;font-size:14px;font-weight:700}.hn-stage .prv em{color:#ffffffb8;font-style:normal;font-weight:500}.hn-stage .prv.norv{color:#ffffffad;font-weight:500}.hn-pd-rest{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hn-pd-rest .prow{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:10px 14px;transition:background .15s,transform .15s;display:flex}.hn-pd-rest .prow:hover{background:var(--pa-tint,#eaf6f6);transform:translate(3px)}body.dark .hn-pd-rest .prow:hover{background:#332a18}body.dark .hn-stage{background:linear-gradient(#221c14,#332a18)}body.dark .hn-stage:before{background:radial-gradient(closest-side,#f0c46a29,#0000 72%)}.hn-pd-rest .pno{background:var(--neutral-bg);border:2px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:800;display:grid}.hn-pd-rest .pcov{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:92px;height:123px;box-shadow:0 8px 18px #0000003d}.hn-pd-rest .pbd{flex:1;min-width:0}.hn-pd-rest .pt1{-webkit-line-clamp:2;font-family:var(--font-heading);color:var(--ink);-webkit-box-orient:vertical;font-size:16.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.hn-pd-rest .pt2{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;display:block;overflow:hidden}@media (max-width:640px){.hn-stage{flex-flow:column;align-items:center;gap:22px;padding:34px 12px 18px}.hn-stage .pd{width:100%;max-width:none}.hn-stage .p1{order:-1}.hn-stage .p1 .pcv{border-width:4px;width:170px;height:227px}.hn-stage .p2 .pcv,.hn-stage .p3 .pcv{width:152px;height:203px}.hn-stage .pmedal{width:36px;height:36px;font-size:17px;top:-12px;right:-12px}.hn-stage .ptt{-webkit-line-clamp:3;max-width:280px;min-height:auto;font-size:15px}.hn-stage .p1 .ptt{font-size:17px}.hn-stage .pby{font-size:12.5px}.hn-pd-rest{grid-template-columns:minmax(0,1fr);gap:9px}.hn-pd-rest .pcov{width:80px;height:107px}.hn-pd-rest .pno{width:38px;height:38px;font-size:16px}.hn-pd-rest .pt1{font-size:15.5px}}.hn-voices{background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);border-radius:24px;padding:22px 22px 24px;box-shadow:0 14px 30px #a0781424}body.dark .hn-voices{background:#221c14;border-color:#4a3e22}.hn-vlist{scrollbar-width:none;flex-direction:column;gap:14px;max-height:560px;padding:4px 2px;display:flex;overflow-y:auto}.hn-vlist::-webkit-scrollbar{display:none}.vn{background:var(--pa-card2,#fff8e2);border:1.5px solid var(--pa-track,#f0dca0);border-radius:4px 18px 18px;padding:14px 16px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 8px 16px #a078141f}body.dark .vn{background:#2a2318;border-color:#4a3e22}.vn.r1{transform:rotate(-.8deg)}.vn.r2{transform:rotate(.7deg)}.vn.r3{transform:rotate(-.4deg)}.vn:hover{transform:rotate(0)translateY(-2px);box-shadow:0 14px 26px #a0781433}.vn .q{font-family:var(--font-display);color:#d89e284d;font-size:44px;line-height:1;position:absolute;top:2px;right:12px}.vn .tx{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.vn .stars{letter-spacing:1.5px;color:var(--pa,#e8a020);margin-bottom:8px;font-size:12px;display:block}.vn .stars i{color:var(--pa-track,#ebdcb0);font-style:normal}body.dark .vn .stars i{color:#4a3e22}.vn .who{align-items:center;gap:8px;margin-bottom:9px;display:flex}.vn .av{background:linear-gradient(135deg,var(--pa-g1,#ffdf8e),var(--pa,#e8a020));width:26px;height:26px;color:var(--pa-on,#3a2a06);background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.vn .nm{color:var(--ink);font-size:12.5px;font-weight:600}.vn .tm{color:var(--muted);font-size:11px}.vn .bk{background:#d89e281a;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;display:flex}.vn .bc{background-position:50%;background-size:cover;border-radius:6px;flex:none;width:26px;height:36px}.vn .bt{color:var(--pa-deep,#a0700a);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}body.dark .vn .bt{color:#e8c878}.hn-filter{background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);border-radius:999px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;display:flex;box-shadow:0 8px 20px #a078141f}body.dark .hn-filter{background:#221c14;border-color:#4a3e22}.hn-filter .gsel{color:var(--pa-deep,#8f650b);background:var(--pa-card2,#fff8e2);border:1.5px solid var(--pa-border,#edd9a0);cursor:pointer;border-radius:999px;outline:none;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}body.dark .hn-filter .gsel{color:#e8c878;background:#2a2318;border-color:#4a3e22}@media (max-width:640px){.hn-filter{border-radius:20px}}.hn-lib{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media (max-width:860px){.hn-lib{grid-template-columns:1fr}}.hn-libcard{background:var(--pa-card,#fffdf4);border:2px solid #f3e6be;border-radius:20px;gap:15px;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 8px 18px #a078141a}body.dark .hn-libcard{background:#221c14;border-color:#3a3222}.hn-libcard:hover{border-color:var(--pa-border2,#f0c46a);transform:translateY(-3px);box-shadow:0 18px 34px #a0781433}.hn-libcard .cv{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:88px;height:122px;box-shadow:0 8px 16px #8c5f0a38}.hn-libcard .bd{flex-direction:column;flex:1;min-width:0;display:flex}.hn-libcard .tt{font-family:var(--font-heading);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.hn-libcard .au{color:var(--muted);margin:3px 0 5px;font-size:12px}.hn-libcard .bl{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:12.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.hn-libcard .tags{flex-wrap:wrap;gap:6px;margin:8px 0 7px;display:flex}.hn-libcard .tags em{color:var(--pa-deep,#8f650b);background:#fbf0cf;border-radius:999px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:700}body.dark .hn-libcard .tags em{color:#e8c878;background:#332a18}.hn-libcard .tags em.done{color:var(--pa-on,#3a2a06);background:linear-gradient(135deg,var(--pa-g1,#ffdf8e),var(--pa-g2,#f5b93e))}.hn-libcard .tags em.free{color:#5e7a34;background:#eaf0d8}body.dark .hn-libcard .tags em.free{color:#b4ce8c;background:#2a3320}.hn-libcard .mt{color:var(--muted);gap:13px;font-size:11.5px;display:flex}.hn-libcard .mt .star{color:var(--pa,#e8a020);font-weight:700}.hn-more{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}@media (max-width:560px){.hn-libcard .cv{width:74px;height:103px}.hn-libcard{padding:12px}}.hn-hero{border-radius:0 0 34px 34px;overflow:hidden}.hn-hero-bg{z-index:0;filter:blur(34px)saturate(1.2);opacity:.3;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}body.dark .hn-hero-bg{opacity:.24}.hn-hero-in{z-index:1;position:relative}.hn-fan-hint{color:var(--muted);margin-top:16px;font-size:12.5px}.hn-fan-hint:before{content:"✦ ";color:var(--pa,#e8a020)}.hn-fan{flex:none;place-items:center;width:min(470px,42vw);height:430px;display:grid;position:relative}.hn-fc{aspect-ratio:2/3;cursor:pointer;transform-origin:50% 125%;background:0 0;border:none;border-radius:16px;width:225px;padding:0;transition:transform .5s cubic-bezier(.22,.61,.36,1);position:absolute}.hn-fc .cv{box-shadow:0 16px 36px #8c5f0a52,0 0 0 5px var(--pa-card,#fffdf4),0 0 0 6.5px var(--pa-border2,#f2ce6e);background-position:50%;background-size:cover;border-radius:16px;position:absolute;inset:0}body.dark .hn-fc .cv{box-shadow:0 16px 36px #00000080,0 0 0 5px #2a2318,0 0 0 6.5px #5a4818}.hn-fc .dim{background:#ffffff8c;border-radius:16px;transition:background .3s;position:absolute;inset:0}body.dark .hn-fc .dim{background:#1713108c}.hn-fc:hover .dim{background:#fff6de1f}body.dark .hn-fc:hover .dim{background:#17131033}.hn-fc.front{width:248px}.hn-fc.front .cv{box-shadow:0 26px 54px #8c5f0a6b,0 0 0 6px var(--pa-card,#fffdf4),0 0 0 8px var(--pa-border2,#f2ce6e)}body.dark .hn-fc.front .cv{box-shadow:0 26px 54px #0009,0 0 0 6px #2a2318,0 0 0 8px #5a4818}.hn-fc .shine{opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff47 48%,#0000 62%);border-radius:16px;transition:opacity .25s;position:absolute;inset:0}.hn-fc.front:hover .shine{opacity:1}@media (max-width:900px){.hn-fan{width:100%;height:330px}.hn-fc{width:168px}.hn-fc.front{width:188px}.hn-stamp{display:none}}.hn-stats{background:var(--pa-card,#fffdf4);border:2px solid var(--pa-border,#f0d89a);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 18px;display:grid;box-shadow:0 12px 26px #a0781424}body.dark .hn-stats{background:#221c14;border-color:#4a3e22}.hn-stats .st{text-align:center;position:relative}.hn-stats .st+.st:before{content:"";background:var(--pa-track,#f0e4c0);width:1.5px;height:42px;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.dark .hn-stats .st+.st:before{background:#3a3222}.hn-stats .num{font-family:var(--font-display);color:var(--pa-deep,#b27e0e);font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1;display:block}body.dark .hn-stats .num{color:#e8c878}.hn-stats .lb{color:var(--muted);margin-top:7px;font-size:12.5px;display:block}@media (max-width:640px){.hn-stats{grid-template-columns:1fr 1fr;gap:20px 8px;padding:18px 12px}.hn-stats .st:nth-child(3):before{display:none}}.hn-shelf3d-wrap{position:relative}.hn-shelf3d{perspective:1100px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:flex-end;gap:4px;padding:30px 26px 58px;display:flex;overflow-x:auto}.hn-shelf3d::-webkit-scrollbar{display:none}.hn-shelf3d .bk{width:152px;transform-style:preserve-3d;flex:none;margin-right:-30px;transition:transform .35s cubic-bezier(.22,.61,.36,1);position:relative;transform:rotateY(-26deg)}.hn-shelf3d .bk:last-child{margin-right:0}.hn-shelf3d .bk .cv{aspect-ratio:2/3;background-position:50%;background-size:cover;border-left:7px solid #78500a66;border-radius:8px;display:block;box-shadow:16px 12px 26px #78550a52}body.dark .hn-shelf3d .bk .cv{border-left-color:#00000080;box-shadow:16px 12px 26px #0000008c}.hn-shelf3d .bk:hover{z-index:6;transform:rotateY(-3deg)translateZ(52px)translateY(-12px)}.hn-shelf3d .bk .tt{white-space:nowrap;text-overflow:ellipsis;max-width:230px;font-family:var(--font-heading);color:var(--ink);background:var(--pa-card,#fffdf4);border:1.5px solid var(--pa-border,#f0d89a);opacity:0;pointer-events:none;z-index:7;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:opacity .25s,bottom .25s;position:absolute;bottom:-38px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 14px #a0781433}body.dark .hn-shelf3d .bk .tt{background:#2a2318;border-color:#4a3e22}.hn-shelf3d .bk:hover .tt{opacity:1;bottom:-44px}.hn-shelf3d .bk .mm{display:none}.hn-shelf3d-wrap .plank{background:linear-gradient(180deg,var(--pa-plank1,#ead3a0),var(--pa-plank2,#d6b678));z-index:-1;border-radius:8px;height:14px;position:absolute;bottom:26px;left:10px;right:10px;box-shadow:0 10px 18px #8c5f0a47}body.dark .hn-shelf3d-wrap .plank{background:linear-gradient(#3a3020,#2a2214);box-shadow:0 10px 18px #00000080}@media (max-width:640px){.hn-shelf3d{padding:22px 16px 52px}.hn-shelf3d .bk{width:120px;margin-right:-22px}}.hn{--pa:#a4485c;--pa2:#a4485c;--pa-deep:#7e3346;--pa-on:#fff;--pa-bgA:var(--page-bg);--pa-bgB:var(--page-bg);--pa-bgC:var(--page-bg);--pa-card:#fff;--pa-card2:#fbf3ee;--pa-border:#ead5da;--pa-border2:#a4485c;--pa-tint:#f6e3e7;--pa-track:#efe0e3;--pa-g1:#a4485c;--pa-g2:#b95a6d;--pa-plank1:#e7cdd4;--pa-plank2:#d8b2bc;--pa-glow1:transparent;--pa-glow2:transparent}html[data-pal=sage] body:not(.dark):not(.theme-gold) .hn{--pa:#93b877;--pa2:#7aa260;--pa-deep:#5e7e46;--pa-ink:#33402a;--pa-bgA:#eff5e6;--pa-bgB:#f5f9ee;--pa-bgC:#fafcf5;--pa-card:#fdfff9;--pa-card2:#f4f8ea;--pa-border:#dce8c4;--pa-border2:#cbdcac;--pa-tint:#e9f2d8;--pa-track:#e9efdc;--pa-g1:#d9ebb4;--pa-g2:#b4d488;--pa-plank1:#d8e4bc;--pa-plank2:#bfd29a;--pa-glow1:#b2d48847;--pa-glow2:#c8e0a038}html[data-pal=sage] body:not(.dark):not(.theme-gold){--page-bg:#f5f9ee;--bg:#f5f9ee;--paper:#fdfff9;--line:#dce8c4;--header:#f5f9eee6;--matcha:#7aa260;--matcha-deep:#5e7e46;--matcha-soft:#e9f2dc;--coral:#7aa260;--coral-deep:#5e7e46;--accent:#93b877;--accent-soft:#e9f2d8;--brand-ink:#5e7e46;--surface-row:#f7faf0;--ink:#333a2a;--text:#3c4430;--text-body:#47523a;--muted:#7c8870;--star:#e0a63c;--shadow:0 6px 16px #6e8c501a;--shadow-sm:0 4px 12px #6e8c5014;--shadow-lg:0 12px 30px #6e8c5029}html[data-pal=peach] body:not(.dark):not(.theme-gold) .hn{--pa:#f2a984;--pa2:#e08d62;--pa-deep:#a8683e;--pa-ink:#4a2e1c;--pa-bgA:#fdf1e8;--pa-bgB:#fef6ef;--pa-bgC:#fffaf6;--pa-card:#fffdfb;--pa-card2:#fdf2e8;--pa-border:#f6dec9;--pa-border2:#f0cdae;--pa-tint:#fbe9da;--pa-track:#f5e8dc;--pa-g1:#fbd9be;--pa-g2:#f0b488;--pa-plank1:#f0d9c0;--pa-plank2:#e0bc98;--pa-glow1:#f2a98438;--pa-glow2:#f8c4a433}html[data-pal=peach] body:not(.dark):not(.theme-gold){--page-bg:#fef6ef;--bg:#fef6ef;--paper:#fffdfb;--line:#f6dec9;--header:#fef6efe6;--matcha:#e08d62;--matcha-deep:#a8683e;--matcha-soft:#fbe9da;--coral:#e08d62;--coral-deep:#a8683e;--accent:#f2a984;--accent-soft:#fbe9da;--brand-ink:#a8683e;--surface-row:#fdf8f2;--ink:#43301f;--text:#4e3a28;--text-body:#5a4633;--muted:#96806e;--star:#e0a63c;--shadow:0 6px 16px #be78501a;--shadow-sm:0 4px 12px #be785014;--shadow-lg:0 12px 30px #be785026}html[data-pal=lav] body:not(.dark):not(.theme-gold) .hn{--pa:#ac93da;--pa2:#9379c4;--pa-deep:#6f589e;--pa-ink:#372b52;--pa-bgA:#f2eefa;--pa-bgB:#f7f4fc;--pa-bgC:#fbfafe;--pa-card:#fefdff;--pa-card2:#f4f0fb;--pa-border:#e4dcf4;--pa-border2:#d4c6ec;--pa-tint:#ece4f8;--pa-track:#ece7f5;--pa-g1:#e2d4f6;--pa-g2:#c4acea;--pa-plank1:#ded2f0;--pa-plank2:#c6b4e4;--pa-glow1:#ac93da33;--pa-glow2:#c4acea2e}html[data-pal=lav] body:not(.dark):not(.theme-gold){--page-bg:#f7f4fc;--bg:#f7f4fc;--paper:#fefdff;--line:#e4dcf4;--header:#f7f4fce6;--matcha:#9379c4;--matcha-deep:#6f589e;--matcha-soft:#ece4f8;--coral:#9379c4;--coral-deep:#6f589e;--accent:#ac93da;--accent-soft:#ece4f8;--brand-ink:#6f589e;--surface-row:#faf8fd;--ink:#37304a;--text:#423a58;--text-body:#4e4666;--muted:#83799a;--star:#e0a63c;--shadow:0 6px 16px #826eb41a;--shadow-sm:0 4px 12px #826eb414;--shadow-lg:0 12px 30px #826eb426}body:not(.dark):not(.theme-gold){--page-bg:#fbf4ee;--bg:#fbf4ee;--paper:#fff;--line:#eaded8;--header:#fbf4eeeb;--surface-row:#fbf3ee;--matcha:#a4485c;--matcha-deep:#7e3346;--matcha-soft:#f6e3e7;--coral:#a4485c;--coral-deep:#7e3346;--accent:#a4485c;--accent-soft:#f6e3e7;--brand-ink:#7e3346;--ink:#3a2a2e;--text:#47353a;--text-body:#4e3c41;--muted:#8a6e73;--star:#e9a63a;--gold:#e9a63a;--gold-frame:#eac98a;--gold-bg:#fbefd6;--shadow:0 6px 16px #7832461a;--shadow-sm:0 4px 12px #78324614;--shadow-lg:0 12px 30px #78324629}html[data-pal=red] body:not(.dark):not(.theme-gold) .hn{--pa:#e8402c;--pa2:#e8402c;--pa-deep:#b22318;--pa-on:#fff;--pa-tint:#fde4e0;--pa-border2:#e8402c;--pa-g1:#e8402c;--pa-g2:#e8402c;--pa-bgA:#ffe4df;--pa-bgB:#ffe4df;--pa-bgC:#ffe4df;--pa-card2:#fff0ed;--pa-border:#f6c6bc;--pa-track:#f8dcd6}html[data-pal=red] body:not(.dark):not(.theme-gold){--matcha:#c93223;--matcha-deep:#a02114;--matcha-soft:#fde4e0;--coral:#c93223;--coral-deep:#a02114;--accent:#e8402c;--accent-soft:#fde4e0;--brand-ink:#b22318;--page-bg:#ffe4df;--bg:#ffe4df;--line:#f6c6bc;--surface-row:#fff0ed}html[data-pal=blue] body:not(.dark):not(.theme-gold) .hn{--pa:#1e56d6;--pa2:#1e56d6;--pa-deep:#163f9e;--pa-on:#fff;--pa-tint:#e1e9fb;--pa-border2:#1e56d6;--pa-g1:#1e56d6;--pa-g2:#1e56d6;--pa-bgA:#dee8fc;--pa-bgB:#dee8fc;--pa-bgC:#dee8fc;--pa-card2:#eef3fe;--pa-border:#c2d3f4;--pa-track:#dce6f8}html[data-pal=blue] body:not(.dark):not(.theme-gold){--matcha:#1e56d6;--matcha-deep:#163f9e;--matcha-soft:#e1e9fb;--coral:#1e56d6;--coral-deep:#163f9e;--accent:#1e56d6;--accent-soft:#e1e9fb;--brand-ink:#163f9e;--page-bg:#dee8fc;--bg:#dee8fc;--line:#c2d3f4;--surface-row:#eef3fe}html[data-pal=green] body:not(.dark):not(.theme-gold) .hn{--pa:#0fa958;--pa2:#0fa958;--pa-deep:#0b7a40;--pa-on:#fff;--pa-tint:#dff3e7;--pa-border2:#0fa958;--pa-g1:#0fa958;--pa-g2:#0fa958;--pa-bgA:#dcf3e6;--pa-bgB:#dcf3e6;--pa-bgC:#dcf3e6;--pa-card2:#ecfaf2;--pa-border:#bee4ce;--pa-track:#d8eedf}html[data-pal=green] body:not(.dark):not(.theme-gold){--matcha:#0e9950;--matcha-deep:#0b7a40;--matcha-soft:#dff3e7;--coral:#0e9950;--coral-deep:#0b7a40;--accent:#0fa958;--accent-soft:#dff3e7;--brand-ink:#0b7a40;--page-bg:#dcf3e6;--bg:#dcf3e6;--line:#bee4ce;--surface-row:#ecfaf2}html[data-pal=orange] body:not(.dark):not(.theme-gold) .hn{--pa:#ff7a00;--pa2:#ff7a00;--pa-deep:#b85800;--pa-on:#241200;--pa-tint:#ffebd6;--pa-border2:#ff7a00;--pa-g1:#ff7a00;--pa-g2:#ff7a00;--pa-bgA:#ffe8cc;--pa-bgB:#ffe8cc;--pa-bgC:#ffe8cc;--pa-card2:#fff3e4;--pa-border:#f6d2a4;--pa-track:#f8e3c8}html[data-pal=orange] body:not(.dark):not(.theme-gold){--matcha:#c96100;--matcha-deep:#b85800;--matcha-soft:#ffebd6;--coral:#c96100;--coral-deep:#b85800;--accent:#ff7a00;--accent-soft:#ffebd6;--brand-ink:#b85800;--page-bg:#ffe8cc;--bg:#ffe8cc;--line:#f6d2a4;--surface-row:#fff3e4}html[data-pal=pink] body:not(.dark):not(.theme-gold) .hn{--pa:#f2318a;--pa2:#f2318a;--pa-deep:#c01a67;--pa-on:#fff;--pa-tint:#fde2ee;--pa-border2:#f2318a;--pa-g1:#f2318a;--pa-g2:#f2318a;--pa-bgA:#fddfec;--pa-bgB:#fddfec;--pa-bgC:#fddfec;--pa-card2:#fef0f6;--pa-border:#f4bed8;--pa-track:#f8dce8}html[data-pal=pink] body:not(.dark):not(.theme-gold){--matcha:#d6247a;--matcha-deep:#c01a67;--matcha-soft:#fde2ee;--coral:#d6247a;--coral-deep:#c01a67;--accent:#f2318a;--accent-soft:#fde2ee;--brand-ink:#c01a67;--page-bg:#fddfec;--bg:#fddfec;--line:#f4bed8;--surface-row:#fef0f6}html[data-pal=violet] body:not(.dark):not(.theme-gold) .hn{--pa:#7c3aed;--pa2:#7c3aed;--pa-deep:#5b21b6;--pa-on:#fff;--pa-tint:#ede4fc;--pa-border2:#7c3aed;--pa-g1:#7c3aed;--pa-g2:#7c3aed;--pa-bgA:#ebe2fc;--pa-bgB:#ebe2fc;--pa-bgC:#ebe2fc;--pa-card2:#f4effe;--pa-border:#d6c6f2;--pa-track:#e6ddf6}html[data-pal=violet] body:not(.dark):not(.theme-gold){--matcha:#7c3aed;--matcha-deep:#5b21b6;--matcha-soft:#ede4fc;--coral:#7c3aed;--coral-deep:#5b21b6;--accent:#7c3aed;--accent-soft:#ede4fc;--brand-ink:#5b21b6;--page-bg:#ebe2fc;--bg:#ebe2fc;--line:#d6c6f2;--surface-row:#f4effe}html[data-pal=mist] body:not(.dark):not(.theme-gold) .hn{--pa:#8faecb;--pa2:#7495b5;--pa-deep:#58748e;--pa-ink:#2e3b47;--pa-bgA:#eef3f7;--pa-bgB:#f4f8fb;--pa-bgC:#fafcfd;--pa-card:#fdfeff;--pa-card2:#f1f6fa;--pa-border:#dce6ee;--pa-border2:#c6d6e4;--pa-tint:#e7eff5;--pa-track:#e9eef3;--pa-g1:#d8e6f2;--pa-g2:#aecbe0;--pa-plank1:#d4e0ea;--pa-plank2:#baccdb;--pa-glow1:#96b4d238;--pa-glow2:#b4cde62e}html[data-pal=mist] body:not(.dark):not(.theme-gold){--page-bg:#f4f8fb;--bg:#f4f8fb;--paper:#fdfeff;--line:#dce6ee;--header:#f4f8fbeb;--matcha:#7495b5;--matcha-deep:#58748e;--matcha-soft:#e7eff5;--coral:#7495b5;--coral-deep:#58748e;--accent:#8faecb;--accent-soft:#e7eff5;--brand-ink:#58748e;--surface-row:#f7fafc;--ink:#2e3b47;--text:#3a4754;--text-body:#465464;--muted:#7a8896;--star:#e0a63c;--shadow:0 6px 16px #6482a01a;--shadow-sm:0 4px 12px #6482a014;--shadow-lg:0 12px 30px #6482a026}html[data-pal=sakura] body:not(.dark):not(.theme-gold) .hn{--pa:#e8a3b5;--pa2:#d9879e;--pa-deep:#a85d74;--pa-ink:#46303a;--pa-bgA:#fbeff2;--pa-bgB:#fdf5f7;--pa-bgC:#fefafb;--pa-card:#fffdfe;--pa-card2:#fbf1f4;--pa-border:#f4dce3;--pa-border2:#ebc6d1;--pa-tint:#f8e7ec;--pa-track:#f4e8ec;--pa-g1:#f8d7e0;--pa-g2:#ebafc0;--pa-plank1:#efd6dd;--pa-plank2:#e0bcc7;--pa-glow1:#e8a3b533;--pa-glow2:#f0becc29}html[data-pal=sakura] body:not(.dark):not(.theme-gold){--page-bg:#fdf5f7;--bg:#fdf5f7;--paper:#fffdfe;--line:#f4dce3;--header:#fdf5f7eb;--matcha:#d9879e;--matcha-deep:#a85d74;--matcha-soft:#f8e7ec;--coral:#d9879e;--coral-deep:#a85d74;--accent:#e8a3b5;--accent-soft:#f8e7ec;--brand-ink:#a85d74;--surface-row:#fefafb;--ink:#46303a;--text:#523c46;--text-body:#604955;--muted:#997e88;--star:#e0a63c;--shadow:0 6px 16px #be78911a;--shadow-sm:0 4px 12px #be789114;--shadow-lg:0 12px 30px #be789126}.hn .gsel{color:var(--pa-deep,#8f650b);background:var(--pa-card2,#fff8e2);border:1.5px solid var(--pa-border,#edd9a0);cursor:pointer;border-radius:999px;outline:none;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}body.dark .hn .gsel{color:#e8c878;background:#2a2318;border-color:#4a3e22}.hn-vrow{scrollbar-width:none;gap:14px;padding:6px 2px 12px;display:flex;overflow-x:auto}.hn-vrow::-webkit-scrollbar{display:none}.hn-vrow .vn{flex:0 0 320px;max-width:82vw}.hn-voices.wide .hn-vlist{grid-template-columns:repeat(3,1fr);max-height:none;display:grid;overflow:visible}@media (max-width:900px){.hn-voices.wide .hn-vlist{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hn-voices.wide .hn-vlist{grid-template-columns:1fr}}.hn-ranks{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.hn-new{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:15px;padding:8px 2px 18px;display:flex;overflow-x:auto}.hn-new::-webkit-scrollbar{display:none}.hn-newcard{scroll-snap-align:start;flex:none;width:152px}.hn-newcard .cv{aspect-ratio:2/3;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:14px;width:152px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 10px 22px #005a6429,0 0 0 4px #ffffffb3}body.dark .hn-newcard .cv{box-shadow:0 10px 22px #00000073,0 0 0 4px #82befa1f}.hn-newcard:hover .cv{transform:translateY(-6px)}.hn-newcard .tm{font-family:var(--font-heading);color:var(--matcha-deep);background:#fffffff0;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000002e}.hn-newcard .tt{-webkit-line-clamp:2;font-family:var(--font-heading);color:var(--ink);-webkit-box-orient:vertical;margin-top:10px;font-size:13.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hn-newcard .gg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11.5px;display:block;overflow:hidden}@media (max-width:640px){.hn-newcard,.hn-newcard .cv{width:134px}}.hn-quote{background:var(--pa-tint,#fff4c5);border:1.5px solid var(--pa-border,#e9e7de);border-left:8px solid var(--pa,#ffc400);border-radius:26px;padding:40px 46px 28px;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #785f3c1f}body.dark .hn-quote{background:linear-gradient(135deg,#2a2318,#221c14 70%);border-color:#3a3222}.hn-quote:hover{transform:translateY(-3px);box-shadow:0 18px 36px #785f3c2e}.hn-quote .qm{font-family:var(--font-display);color:var(--pa,#c89b62);opacity:.25;pointer-events:none;font-size:110px;line-height:1;position:absolute;top:-14px;left:22px}.hn-quote .qt{font-family:var(--font-display);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:820px;margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.9;display:-webkit-box;position:relative;overflow:hidden}.hn-quote .qa{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.hn-quote .qc{background-position:50%;background-size:cover;border-radius:8px;flex:none;width:42px;height:58px;box-shadow:0 6px 14px #785f3c38}.hn-quote .qi{min-width:0}.hn-quote .qn{font-family:var(--font-heading);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.hn-quote .qb{color:var(--muted);margin-top:2px;font-size:12px;display:block}.hn-quote .qbtn{font-family:var(--font-heading);color:var(--pa-deep,#8a6238);background:var(--pa-card,#fffefb);border:1.5px solid var(--pa-border2,#e0cda8);white-space:nowrap;border-radius:999px;margin-left:auto;padding:10px 22px;font-size:13.5px;font-weight:700}body.dark .hn-quote .qbtn{color:#e8c878;background:#2a2318;border-color:#4a3e22}@media (max-width:640px){.hn-quote{padding:28px 20px 22px}.hn-quote .qt{font-size:16.5px}.hn-quote .qm{font-size:76px}.hn-quote .qbtn{text-align:center;flex:1 0 100%}}.lnf-name{font-family:var(--font-heading);font-size:20px;font-weight:800}body:not(.dark):not(.theme-gold){--hd-bg:var(--accent);--hd-fg:#053339;--hd-fg-soft:#053339bd;--hd-pill:#00000014;--hd-border:#05333947;--hd-line:transparent;--hd-cta-bg:#fff;--hd-cta-ink:var(--matcha-deep)}body.dark,body.theme-gold{--hd-bg:var(--header);--hd-fg:var(--ink);--hd-fg-soft:var(--muted);--hd-pill:var(--paper);--hd-border:var(--line);--hd-line:var(--line);--hd-cta-bg:var(--accent-soft);--hd-cta-ink:var(--coral-deep)}header .theme-toggle{background:var(--hd-pill);border-color:var(--hd-border);color:var(--hd-fg)}header .theme-toggle:hover{background:var(--hd-pill);filter:brightness(1.1)}header .coin-pill{background:var(--hd-pill);border-color:var(--hd-border);color:var(--hd-fg)}header .bell-btn{color:var(--hd-fg)}header .bell-btn.bell-noti{color:#5a3d0c}.hd-wordmark{color:var(--logo-text,#fff3da)}.hd-subtitle{color:var(--logo-sub,#f3e4c0)}body.dark .hd-wordmark,body.theme-gold .hd-wordmark{color:var(--hd-fg)}body.dark .hd-subtitle,body.theme-gold .hd-subtitle{color:var(--hd-fg-soft)}body:not(.dark):not(.theme-gold) header .search{border-color:#0000;box-shadow:0 2px 8px #00000014}body:not(.dark):not(.theme-gold) .tabbar{background:var(--paper);border-bottom:1px solid var(--line)}html[data-pal=sea] body:not(.dark):not(.theme-gold) .hn{--pa:#00d3db;--pa2:#00d3db;--pa-deep:#008b93;--pa-on:#fff;--pa-tint:#cff9fb;--pa-border2:#00d3db;--pa-g1:#00d3db;--pa-g2:#00d3db;--pa-bgA:#defbfc;--pa-bgB:#defbfc;--pa-bgC:#defbfc;--pa-card2:#edfdfe;--pa-border:#99eef2;--pa-track:#c9f3f5}html[data-pal=sea] body:not(.dark):not(.theme-gold){--matcha:#00b4be;--matcha-deep:#008b93;--matcha-soft:#cff9fb;--coral:#00b4be;--coral-deep:#008b93;--accent:#00d3db;--accent-soft:#cff9fb;--brand-ink:#008b93;--page-bg:#defbfc;--bg:#defbfc;--line:#99eef2;--surface-row:#edfdfe}html[data-pal=teal] body:not(.dark):not(.theme-gold) .hn{--pa:#00a88e;--pa2:#00a88e;--pa-deep:#00745f;--pa-on:#fff;--pa-tint:#d4f3ec;--pa-border2:#00a88e;--pa-g1:#00a88e;--pa-g2:#00a88e;--pa-bgA:#d9f4ee;--pa-bgB:#d9f4ee;--pa-bgC:#d9f4ee;--pa-card2:#ebfaf6;--pa-border:#b2e3d8;--pa-track:#d2eee6}html[data-pal=teal] body:not(.dark):not(.theme-gold){--matcha:#008f79;--matcha-deep:#00745f;--matcha-soft:#d4f3ec;--coral:#008f79;--coral-deep:#00745f;--accent:#00a88e;--accent-soft:#d4f3ec;--brand-ink:#00745f;--page-bg:#d9f4ee;--bg:#d9f4ee;--line:#b2e3d8;--surface-row:#ebfaf6}body.theme-gold .hn{--pa:var(--coral);--pa2:var(--coral);--pa-deep:var(--coral-deep);--pa-on:#fff;--pa-bgA:var(--page-bg);--pa-bgB:var(--page-bg);--pa-bgC:var(--page-bg);--pa-card:var(--paper);--pa-card2:var(--surface-row);--pa-border:var(--line);--pa-border2:var(--gold);--pa-tint:var(--matcha-soft);--pa-track:var(--neutral-bg);--pa-g1:var(--coral);--pa-g2:var(--coral);--pa-plank1:var(--line);--pa-plank2:var(--neutral-bg);--pa-glow1:transparent;--pa-glow2:transparent}body.dark .hn{background:var(--page-bg);--pa-bgA:var(--page-bg);--pa-bgB:var(--page-bg);--pa-bgC:var(--page-bg);--pa-card:var(--paper);--pa-card2:#2a2318;--pa-border:#3a3020;--pa-border2:#5a4818;--pa-tint:#332a18;--pa-track:#332a18;--pa-plank1:#3a3020;--pa-plank2:#2a2318;--pa-glow1:transparent;--pa-glow2:transparent}@media (max-width:900px){.hn-hero-in{padding:22px 16px 26px}}.hn-quote{animation:.5s hnFade}.typo-cream{color:#7e3346;background:#fff4dc}body.dark .typo-cream{color:#f0c46a;background:#33281a}body.dark .noti-ic{color:#e8c878;background:#33281a}body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.apb{position:relative}.apb-bgimg{z-index:-2;opacity:.16;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}body.dark .apb-bgimg{opacity:.12}.apb-tintwash{z-index:-1;pointer-events:none;position:absolute;inset:0}.cropm-back{z-index:130;background:#140c0899;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cropm{background:var(--paper);border:1.5px solid var(--line);border-radius:20px;max-width:calc(100vw - 24px);padding:18px}.cropm-title{font-family:var(--font-heading);color:var(--ink);margin-bottom:4px;font-size:16.5px;font-weight:800}.cropm-hint{color:var(--muted);margin-bottom:12px;font-size:12.5px}.cropm-box{border:1.5px solid var(--gold);background:#111;border-radius:14px;margin:0 auto;position:relative;overflow:hidden}.cropm-zoom{color:var(--muted);align-items:center;gap:10px;margin:14px 2px 0;display:flex}.cropm-zoom input{accent-color:#a4485c;flex:1}.cropm-acts{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.cropm-ok{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#b25064 0%,#a4485c 55%,#8e3b4e 100%);border:none;border-radius:999px;padding:10px 24px;font-weight:800}.cropm-ok:disabled{opacity:.5}.cropm-cancel{border:1.5px solid var(--line);font:inherit;background:var(--bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 20px;font-weight:700}.apb-stat{border:1.5px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 13px;display:flex;position:relative}.apb-stat b{font-size:24px;font-family:var(--font-heading)}.apb-stat>span:last-child{color:var(--muted);font-size:12.5px}.apb-stat-ic{border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:2px;display:grid}.apb-stat-ic.books{color:#8a5a0c;box-shadow:inset 0 0 0 1.5px var(--gold);background:#fff4dc}.apb-stat-ic.fans{color:#a4485c;background:#f6e3e7;box-shadow:inset 0 0 0 1.5px #d8a6b2}.apb-stat-ic.views{color:#17838c;background:#dff0f2;box-shadow:inset 0 0 0 1.5px #9ccdd2}.apb-stat-ic.joined{color:#6c4fc4;background:#ede8fa;box-shadow:inset 0 0 0 1.5px #c8baee}body.dark .apb-stat-ic.books{background:#33281a}body.dark .apb-stat-ic.fans{background:#3a2228}body.dark .apb-stat-ic.views{background:#1c3234}body.dark .apb-stat-ic.joined{background:#2a2440}.apb-bio{color:#5a2230;border:1.5px solid var(--gold);background:#fff4dc;border-radius:16px;max-width:520px;margin:12px auto 8px;padding:12px 18px;font-size:16px;font-weight:600}body.dark .apb-bio{color:#f0c46a;background:#33281a;border-color:#5a4818}.apb-cta{gap:8px;margin:12px 0 10px}.apb-btn-follow{min-height:0;padding:9px 22px;font-size:15.5px;box-shadow:0 6px 14px #17838c40}.apb-btn-bell{min-height:0;padding:6px 13px;font-size:13.5px}.apb-bell-ic{width:22px;height:22px}.apb-cta button{flex:0 auto}.apb-fanrow{align-items:baseline;gap:8px;font-size:15.5px;display:flex}.apb-fanrow b{font-size:15.5px;font-weight:800}.apb-fanrow .apb-heart{vertical-align:-2px}.apb-btn-bell{align-items:center;gap:8px;font-size:14.5px;display:inline-flex}.apb-bell-ic{background:var(--gold);color:#5a3d0c;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.apb-bell-ic.friend{color:#fff;background:#7e3346}.apb-item-cov{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:8px;flex:none;width:44px;height:62px}.apb-item-novel{color:var(--muted);margin-top:1px;font-size:12.5px;display:block}.apb-pubtabs{gap:8px;margin:14px 0 18px;display:flex}.apb-pubtab{border:1.5px solid var(--line);background:var(--paper);color:var(--muted);font-family:var(--font-heading);border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:15px;font-weight:700;display:inline-flex}.apb-pubtab.on{color:#fff;background:#7e3346;border-color:#7e3346}.ch-selrow{font:inherit;background:0 0;border:none;width:100%}.ch-ckbox{border:2px solid var(--gold);background:var(--paper);color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin-right:2px;font-size:14px;font-weight:900;display:grid}.ch-ckbox.on{background:#7e3346;border-color:#7e3346}.toc-sort.on{background:var(--matcha-soft);border-color:var(--gold);color:var(--ink)}.bulkbar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:95;background:var(--paper);border:1.5px solid var(--gold);box-shadow:var(--shadow-lg,0 14px 40px #28190a4d);border-radius:18px;flex-direction:column;gap:9px;max-width:94vw;padding:12px 14px;display:flex;position:fixed;transform:translate(-50%)}.bulkbar-main{align-items:center;gap:12px;display:flex}.bulkbar-quick{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bulkbar-quick-lb{color:var(--muted);font-size:12.5px;font-weight:700}.bulkbar-chip{border:1.5px solid var(--gold);font:inherit;color:var(--coral);background:var(--matcha-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:700}.bulkbar-chip:hover{background:var(--gold);color:#fff}.cattabs{flex-wrap:wrap;gap:9px;margin:4px 0 18px;display:flex}.cattab{font:inherit;cursor:pointer;background:var(--paper);border:1.5px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.cattab-ic{flex:none}.cattab.tone-wine{color:#8e3b4e;border-color:#e4b7a6}.cattab.tone-green{color:#1e6b34;border-color:#a9d8b6}.cattab.tone-gold{color:#9a6300;border-color:#e8cf8f}.cattab.on.tone-wine{color:#fff;background:#a4485c;border-color:#a4485c}.cattab.on.tone-green{color:#fff;background:#2e7d42;border-color:#2e7d42}.cattab.on.tone-gold{color:#fff;background:#c58a1e;border-color:#c58a1e}body.dark .cattab{background:0 0}.buybox{border:2px solid var(--gold);background:var(--matcha-soft);border-radius:16px;margin:2px 0 16px;padding:14px 16px}.buybox-head{color:var(--ink);align-items:center;gap:7px;margin-bottom:11px;font-size:15.5px;font-weight:800;display:flex}.buybox-btns{flex-wrap:wrap;gap:10px;display:flex}.buybox-btn{min-width:0;font:inherit;cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;flex:160px;justify-content:center;align-items:center;gap:2px;padding:11px 14px;font-size:14.5px;font-weight:800;line-height:1.25;display:inline-flex}.buybox-btn.ghost{background:var(--paper);border:2px solid var(--matcha);color:var(--matcha-deep);flex-direction:row;gap:7px}.buybox-btn.ghost:hover{background:var(--matcha-soft)}.buybox-btn.primary{color:#fff;background:linear-gradient(#b25064 0%,#a4485c 55%,#8e3b4e 100%);border:none}.buybox-btn .bb-t{font-size:15px;font-weight:800}.buybox-btn .bb-s{opacity:.92;font-size:12.5px;font-weight:600}.buybox-btn:disabled{opacity:.5;cursor:default}@media (max-width:480px){.buybox-btns{flex-direction:column}.buybox-btn{flex:none;width:100%}}@media (max-width:768px){.bulkbar{bottom:calc(78px + env(safe-area-inset-bottom))}}.bulkbar-info{color:var(--ink);white-space:nowrap;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.bulkbar-buy{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(#b25064 0%,#a4485c 55%,#8e3b4e 100%);border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:800}.bulkbar-buy:disabled{opacity:.45;cursor:default}.bulkbar-x{border:1.5px solid var(--line);background:var(--bg);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.gpop-trigger{font:inherit;color:var(--coral);background:var(--matcha-soft);border:1.5px solid var(--gold);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.gpop-trigger:hover{background:var(--gold);color:#fff}.gpop-trigger-ic{width:28px;height:28px;color:var(--coral);background:var(--matcha-soft);border:1.5px solid var(--gold);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.gpop-trigger-ic:hover{background:var(--gold);color:#fff}.gpop-overlay{z-index:1000;background:#140c108c;justify-content:center;align-items:flex-start;padding:24px 14px;display:flex;position:fixed;inset:0;overflow-y:auto}.gpop-card{background:var(--paper);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg,0 18px 50px #28190a59);border-radius:20px;margin:auto;overflow-y:auto}.gpop-head{z-index:1;background:var(--matcha-soft);border-bottom:1px solid var(--line);border-radius:20px 20px 0 0;align-items:center;gap:10px;padding:15px 18px;display:flex;position:sticky;top:0}.gpop-ic{background:var(--paper);width:36px;height:36px;color:var(--coral);box-shadow:0 0 0 2px var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.gpop-title{font-family:var(--font-heading);color:var(--ink);flex:1;min-width:0;font-size:17px;font-weight:800}.gpop-x{width:34px;height:34px;color:var(--muted);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.gpop-body{padding:18px}.gpop-foot{text-align:center;padding:0 18px 20px}.gpop-full{color:var(--coral);align-items:center;gap:6px;font-size:14.5px;font-weight:800;display:inline-flex}.wau-box{border:2px solid var(--gold);background:var(--matcha-soft);border-radius:16px;margin:16px 0;padding:16px}.wau-head{align-items:center;gap:11px;margin-bottom:10px;display:flex}.wau-ic{background:var(--paper);width:40px;height:40px;color:var(--coral);box-shadow:0 0 0 2px var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.wau-title{font-family:var(--font-heading);color:var(--ink);font-size:16px;font-weight:800}.wau-sub{color:var(--muted);font-size:12px}.wau-toggle{border:1.5px solid var(--line);background:var(--paper);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:6px 14px;font-size:12.5px;font-weight:800}.wau-toggle.on{color:#fff;background:#2e7d42;border-color:#2e7d42}.wau-warn{color:#9a6300;background:#fbefd8;border-radius:10px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 11px;font-size:12.5px;font-weight:700;display:flex}.wau-drop{border:2px dashed var(--gold);background:var(--paper);text-align:center;cursor:pointer;color:var(--coral);border-radius:14px;padding:16px}.wau-drop:hover{background:var(--matcha-soft)}.wau-drop-t{color:var(--ink);margin-top:4px;font-size:14px;font-weight:800}.wau-drop-s{color:var(--muted);margin-top:2px;font-size:11.5px}.wau-unmatched{background:#fbefd8;border:1px solid #e8cf8f;border-radius:12px;margin-top:11px;padding:11px}.wau-unmatched-h{color:#9a6300;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:800;display:flex}.wau-ufile{background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;margin-top:6px;padding:6px 9px;display:flex}.wau-fname{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.wau-sel{font:inherit;border:1.5px solid var(--gold);background:var(--paper);color:var(--coral);border-radius:8px;flex:none;max-width:150px;padding:4px 8px;font-size:12px;font-weight:700}.wau-list{gap:7px;margin-top:12px;display:grid}.wau-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:9px;padding:8px 11px;display:flex}.wau-row.warn{background:#fdecec;border-color:#e24b4a}.wau-no{background:var(--matcha-soft);width:28px;height:28px;color:var(--coral-deep);border-radius:8px;flex:none;place-items:center;font-size:12.5px;font-weight:800;display:grid}.wau-ct{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;overflow:hidden}.wau-paid{color:var(--gold-deep,#9a6300);font-size:11px;font-style:normal;font-weight:700}.wau-playmini{background:var(--coral);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.wau-chip{white-space:nowrap;border-radius:9px;flex:none;align-items:center;gap:4px;padding:5px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.wau-chip.new{color:#1e6b34;background:#eaf6ec}.wau-chip.system{color:#1e5fa5;background:#eaf1fb}.wau-chip.author{color:#8e3b4e;background:#f7e6dc}.wau-mini{border:1px solid var(--line);background:var(--paper);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.wau-mini.del{color:#a32d2d;border-color:#ebc4c4}.wau-mini:disabled{opacity:.5;cursor:default}.wau-x{background:var(--bg);width:26px;height:26px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.wau-empty{color:var(--muted);flex:none;font-size:12px}.wau-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.wau-foot-info{color:var(--muted);font-size:12.5px}.wau-save{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#b25064,#8e3b4e);border:none;border-radius:12px;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:800;display:inline-flex}.wau-save:disabled{opacity:.6;cursor:default}.find-mark{color:#3d2530;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fbd9a0;border-radius:4px;padding:0 2px}body.dark .find-mark{color:#fff3d6;background:#7a5c14}.nhub-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#e9a63a 0%,#c96a4c 45%,#a4485c 100%);border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:0 0 0 1.5px #fff6,0 2px 8px #7e33464d}.nhub-btn svg{width:15px;height:15px}.nhub-btn:hover{filter:brightness(1.07)}.nhub-btn .noti-dot{top:-5px;right:-5px}.nhub-panel{z-index:118;background:var(--paper);border:1.5px solid var(--gold);width:min(270px,100vw - 20px);box-shadow:var(--shadow-lg,0 16px 44px #28190a47);border-radius:18px;padding:6px;display:none;position:fixed}.nhub-panel.show{display:block}.nhub-head{border-bottom:1px solid var(--line);font-family:var(--font-heading);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:8px 8px 8px 14px;font-size:14.5px;font-weight:800;display:flex}.nhub-x{border:1.5px solid var(--line);background:var(--bg);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.nhub-row{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:700;display:flex}.nhub-row:hover{background:var(--bg)}.nhub-ic{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.nhub-ic.typo{box-shadow:inset 0 0 0 2px var(--gold);background:#fff4dc}body.dark .nhub-ic.typo{background:#33281a}.nhub-ic.chat{color:#fff;background:#7e3346}.nhub-ic.noti{background:var(--gold);color:#5a3d0c}.nhub-label{flex:1}.bell-btn.bell-chat{box-shadow:0 0 0 2px var(--gold);background:#fff4dc}.bell-btn.bell-chat .ico{color:#7e3346;stroke-width:2.4px}body.dark .bell-btn.bell-chat{background:#33281a}body.dark .bell-btn.bell-chat .ico{color:#f0c46a}.chat-shell{z-index:117;background:var(--paper);border:1.5px solid var(--line);width:min(700px,100vw - 20px);height:min(560px,100vh - 120px);box-shadow:var(--shadow-lg,0 18px 50px #28190a40);border-radius:18px;grid-template-columns:270px 1fr;display:none;position:fixed;bottom:82px;right:14px;overflow:hidden}.chat-shell.show{display:grid}.chat-left{border-right:1.5px solid var(--line);flex-direction:column;min-width:0;display:flex;overflow:hidden}.chat-right{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chat-right-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:20px;font-size:13.5px;display:flex}.chat-back{display:none}@media (max-width:640px){.chat-shell{z-index:120;border:none;border-radius:0;grid-template-columns:1fr;width:100vw;height:100dvh;inset:0}.chat-left{will-change:transform;transition:transform .28s}.chat-shell.has-panel .chat-left{transform:translate(-28%)}.chat-right{z-index:2;background:var(--paper);transition:transform .28s;display:flex;position:absolute;inset:0;transform:translate(100%);box-shadow:-12px 0 30px #0000002e}.chat-shell.has-panel .chat-right{transform:translate(0)}.chat-back{display:grid}}.chat-fab-wrap{z-index:116;position:fixed;bottom:8px;right:8px}body.bulk-open .chat-fab-wrap{display:none}.chat-fab{cursor:pointer;color:#fff;font-family:var(--font-heading);background:linear-gradient(#b25064 0%,#a4485c 55%,#8e3b4e 100%);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 6px 18px #7e334673}.chat-fab-tx{white-space:nowrap}.chat-fab-close{border:2px solid var(--paper);color:#fff;cursor:pointer;background:#5a2230;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:-9px;right:-6px;box-shadow:0 2px 6px #0000004d}@media (max-width:768px){.chat-fab-wrap{bottom:calc(58px + env(safe-area-inset-bottom))}.chat-fab{padding:9px 11px 9px 13px;font-size:12.5px}}@media (min-width:641px) and (max-width:768px){.chat-shell{bottom:calc(136px + env(safe-area-inset-bottom))}}.chat-fab:hover{filter:brightness(1.06)}.chat-fab .noti-dot{border:2px solid var(--paper);position:absolute;top:-5px;left:-4px;right:auto}.chat-av.line{color:#fff;background:#06c755}.chat-tabs{border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.chat-tabs button{background:var(--bg);border:1.5px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:6px 0;font-size:13px;font-weight:700}.chat-tabs button.on{background:var(--matcha-soft);border-color:var(--gold);color:var(--ink)}.chat-tabs button.chat-close{width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.chat-tabs button.chat-close:hover{color:var(--ink);border-color:var(--gold)}.chat-search{border:1.5px solid var(--line);color:var(--muted);background:var(--bg);border-radius:999px;align-items:center;gap:8px;margin:0 12px 8px;padding:7px 12px;display:flex}.chat-search input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.chat-list{padding-bottom:8px;overflow-y:auto}.chat-note{color:var(--muted);text-align:center;padding:14px 16px;font-size:13px}.chat-sect{color:var(--muted);letter-spacing:.2px;padding:8px 14px 4px;font-size:11.5px;font-weight:800}.chat-row{align-items:center;gap:4px;padding:0 8px;display:flex}.chat-row.thread{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.chat-row.thread:hover{background:var(--bg)}.chat-row-main{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 6px;display:flex}.chat-row-main:hover{background:var(--bg);border-radius:12px}.chat-row-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.chat-row-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-row-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-row-side{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.chat-row-tm{color:var(--muted);font-size:10.5px}.chat-badge{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:grid}.chat-mini-btn{border:1.5px solid var(--line);background:var(--bg);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.chat-mini-btn:hover{border-color:var(--gold);color:var(--ink)}.chat-av{background:var(--matcha-soft);width:38px;height:38px;color:var(--matcha-deep);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid;position:relative;overflow:hidden}.chat-av.sm{width:34px;height:34px;font-size:13.5px}.chat-av.admin{color:#fff;background:linear-gradient(135deg,#b25064,#8e3b4e)}.chat-av-img{background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:0}.chat-panel{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-head{border-bottom:1.5px solid var(--line);background:var(--matcha-soft);align-items:center;gap:10px;padding:10px 12px;display:flex}body.dark .chat-head{background:#2a2318}.chat-head-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;overflow:hidden}.chat-head-sub{color:var(--muted);font-size:11px}.chat-x{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.chat-x:hover{background:var(--bg);color:var(--ink)}.chat-body{background:var(--bg);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:auto;font-size:13px}.cb-row{display:flex}.cb-row.me{justify-content:flex-end}.cb{border-radius:16px;max-width:78%;padding:8px 12px;font-size:14px;line-height:1.55}.cb-them{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:6px}.cb-me{color:#fff;background:#7e3346;border-bottom-right-radius:6px}.cb-who{color:var(--coral);margin-bottom:2px;font-size:10.5px;font-weight:800}.cb-me .cb-who{color:#f5c64f}.cb-text{white-space:pre-wrap;word-break:break-word}.cb-img{border-radius:10px;max-width:100%;max-height:260px;margin-bottom:4px;display:block}.cb-tm{opacity:.62;text-align:right;margin-top:3px;font-size:9.5px}.ann-banner{background:var(--matcha-deep);color:#fff;align-items:center;gap:10px;padding:9px 14px;display:flex}.ann-banner-in{flex:1;align-items:center;gap:8px;min-width:0;max-width:1100px;margin:0 auto;display:flex}.ann-banner-ic{flex:none;font-size:16px}.ann-banner-tx{font-size:14px;line-height:1.5}.ann-banner-body{opacity:.92}.ann-banner-x{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.ann-banner-x:hover{background:#ffffff47}.cb-read{text-align:right;color:var(--muted);margin:-2px 2px 2px;font-size:11px;font-weight:700}.cb-read.read{color:#2e7d42}@media (max-width:640px){.noti-menu{width:auto!important;max-width:none!important;left:10px!important;right:10px!important}}.chat-input{border-top:1.5px solid var(--line);background:var(--paper);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.chat-input textarea{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;resize:none;field-sizing:content;border-radius:14px;outline:none;flex:1;max-height:110px;padding:8px 12px;font-size:14px}.chat-input textarea:focus{border-color:var(--gold)}.chat-attach{border:1.5px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.chat-attach:hover{border-color:var(--gold);color:var(--ink)}.chat-send{color:#fff;cursor:pointer;background:#7e3346;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.chat-send:disabled{opacity:.4;cursor:default}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}