:root{--font-display:'DM Sans', system-ui, sans-serif;--font-body:'Source Serif 4', Georgia, serif;--font-ui:'DM Sans', system-ui, sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl:clamp(1.875rem, 1.4rem + 2vw, 2.75rem);--text-4xl:clamp(2.25rem, 1.6rem + 3vw, 3.5rem);--rhythm:1.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--container-max:1200px;--container-narrow:760px;--container-reading:65ch;--header-h:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--ease-out:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-in:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--dur-instant:100ms;--dur-fast:200ms;--dur-normal:300ms;--dur-slow:500ms}[data-theme="dark"]{--bg-1:oklch(12% 0.01 60);--bg-2:oklch(15% 0.01 60);--bg-3:oklch(19% 0.012 60);--bg-elevated:oklch(22% 0.012 60);--bg-hover:oklch(25% 0.015 60);--fg-1:oklch(90% 0.01 60);--fg-2:oklch(65% 0.01 60);--fg-3:oklch(50% 0.01 60);--fg-muted:oklch(35% 0.01 60);--accent:oklch(72% 0.14 75);--accent-hover:oklch(78% 0.15 75);--accent-subtle:oklch(25% 0.04 75);--accent-fg:oklch(15% 0.02 75);--border:oklch(22% 0.01 60);--border-strong:oklch(28% 0.012 60);--ok:oklch(72% 0.17 155);--warn:oklch(78% 0.15 85);--danger:oklch(65% 0.2 25);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--cover-shadow:0 4px 24px oklch(0% 0 0 / 0.4);--overlay:oklch(12% 0.01 60 / 0.88);--body-weight:350}[data-theme="light"]{--bg-1:oklch(97% 0.008 60);--bg-2:oklch(94% 0.01 60);--bg-3:oklch(90% 0.012 60);--bg-elevated:oklch(99% 0.005 60);--bg-hover:oklch(92% 0.01 60);--fg-1:oklch(15% 0.01 60);--fg-2:oklch(40% 0.01 60);--fg-3:oklch(55% 0.01 60);--fg-muted:oklch(72% 0.008 60);--accent:oklch(52% 0.14 75);--accent-hover:oklch(58% 0.15 75);--accent-subtle:oklch(94% 0.03 75);--accent-fg:oklch(98% 0.005 60);--border:oklch(88% 0.008 60);--border-strong:oklch(82% 0.01 60);--ok:oklch(50% 0.15 155);--warn:oklch(55% 0.13 85);--danger:oklch(50% 0.18 25);--shadow-sm:0 1px 2px oklch(20% 0.01 60 / 0.05);--shadow-md:0 4px 12px oklch(20% 0.01 60 / 0.07);--shadow-lg:0 12px 40px oklch(20% 0.01 60 / 0.09);--cover-shadow:0 8px 32px oklch(20% 0.01 60 / 0.12);--overlay:oklch(97% 0.008 60 / 0.88);--body-weight:400}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-kerning:normal}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--body-weight);line-height:1.5;color:var(--fg-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:2px
solid var(--accent);outline-offset:2px}.wn-container{width:100%;max-width:var(--container-max);margin:0
auto;padding:0
clamp(var(--sp-4), 4vw, var(--sp-8))}.wn-container--narrow{max-width:var(--container-narrow)}.wn-container--reading{max-width:var(--container-reading)}.wn-header{position:sticky;top:0;z-index:100;height:var(--header-h);border-bottom:1px solid var(--border);background:var(--bg-1)}@supports (backdrop-filter: blur(12px)){.wn-header{backdrop-filter:blur(16px) saturate(1.2);background:oklch(from var(--bg-1) l c h / 0.8)}}.wn-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:var(--sp-8)}.wn-header__logo{display:flex;align-items:center;flex-shrink:0}.wn-header__site-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-0.03em;color:var(--fg-1)}.wn-header__nav{flex:1;display:flex;justify-content:center}.wn-nav-list{display:flex;gap:var(--sp-1);align-items:center}.wn-nav-list
a{display:block;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:500;color:var(--fg-2);border-radius:var(--r-sm);transition:color var(--dur-instant), background var(--dur-instant)}.wn-nav-list a:hover,
.wn-nav-list .current-menu-item>a{color:var(--fg-1);background:var(--bg-3)}.wn-header__actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.wn-coin-badge{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm);font-weight:600;color:var(--accent);background:var(--accent-subtle);border-radius:100px;transition:background var(--dur-instant)}.wn-coin-badge:hover{background:var(--bg-hover)}.wn-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);color:var(--fg-2);transition:color var(--dur-instant), background var(--dur-instant);position:relative}.wn-theme-toggle::before{content:'';position:absolute;inset:-6px}.wn-theme-toggle:hover{color:var(--fg-1);background:var(--bg-3)}[data-theme="dark"] .wn-icon-moon{display:none}[data-theme="light"] .wn-icon-sun{display:none}.wn-user-menu{position:relative}.wn-user-trigger{display:flex;align-items:center;border-radius:50%;overflow:hidden}.wn-user-trigger
img{width:32px;height:32px;border-radius:50%}.wn-user-dropdown{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:180px;background:var(--bg-elevated);border:1px
solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--dur-normal) var(--ease-out)}.wn-user-menu.is-open .wn-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.wn-user-dropdown
a{display:block;padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--fg-2);transition:color var(--dur-instant), background var(--dur-instant)}.wn-user-dropdown a:hover{color:var(--fg-1);background:var(--bg-hover)}.wn-user-dropdown a:first-child{border-radius:var(--r-md) var(--r-md) 0 0}.wn-user-dropdown a:last-child{border-radius:0 0 var(--r-md) var(--r-md)}.wn-mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px}.wn-mobile-toggle
span{display:block;width:100%;height:2px;background:var(--fg-1);border-radius:2px;transition:all var(--dur-normal) var(--ease-out)}.wn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;border-radius:var(--r-sm);transition:all var(--dur-instant) var(--ease-out);cursor:pointer;white-space:nowrap;position:relative}@media (pointer: coarse){.wn-btn{min-height:44px;padding:var(--sp-3) var(--sp-6)}}.wn-btn--primary{background:var(--accent);color:var(--accent-fg)}.wn-btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.wn-btn--primary:active{transform:translateY(0);opacity:0.9}.wn-btn--ghost{color:var(--fg-2);border:1px
solid var(--border-strong)}.wn-btn--ghost:hover{color:var(--fg-1);background:var(--bg-3);border-color:var(--fg-3)}.wn-btn--ghost:active{background:var(--bg-hover)}.wn-btn--sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.wn-btn--lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-base)}.wn-btn--block{width:100%}.wn-btn--coin{background:var(--accent);color:var(--accent-fg)}.wn-btn--coin:hover{background:var(--accent-hover);transform:translateY(-1px)}.wn-btn[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}.wn-badge{display:inline-block;padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border-radius:100px}.wn-badge--ongoing{color:var(--ok);background:oklch(from var(--ok) l c h / 0.12)}.wn-badge--completed{color:var(--accent);background:var(--accent-subtle)}.wn-badge--hiatus{color:var(--warn);background:oklch(from var(--warn) l c h / 0.12)}.wn-badge--dropped{color:var(--danger);background:oklch(from var(--danger) l c h / 0.12)}.wn-rating{display:inline-flex;align-items:center;gap:1px}.wn-star{font-size:14px;line-height:1}.wn-star--full{color:var(--accent)}.wn-star--half{color:var(--accent);opacity:0.6}.wn-star--empty{color:var(--fg-muted)}.wn-rating-value{margin-left:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums}.wn-genre-link{display:inline-block;padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);font-weight:500;color:var(--fg-2);border:1px
solid var(--border-strong);border-radius:100px;transition:color var(--dur-instant), border-color var(--dur-instant), background var(--dur-instant);margin:2px}.wn-genre-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.wn-carousel{position:relative;overflow:hidden;background:var(--bg-2)}.wn-carousel__track{position:relative;min-height:420px}.wn-carousel__slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 280px;gap:var(--sp-8);align-items:center;padding:var(--sp-12) clamp(var(--sp-4), 5vw, var(--sp-16));max-width:var(--container-max);margin:0
auto;opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out), visibility var(--dur-slow);text-decoration:none;color:inherit}.wn-carousel__slide.is-active{position:relative;opacity:1;visibility:visible}.wn-carousel__bg{position:absolute;inset:0;z-index:0;overflow:hidden}.wn-carousel__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(
105deg,
var(--bg-2) 0%,
oklch(from var(--bg-2) l c h / 0.92) 40%,
oklch(from var(--bg-2) l c h / 0.6) 100%
);z-index:1}.wn-carousel__bg-img{width:100%;height:100%;object-fit:cover;object-position:right center;filter:blur(1px) brightness(0.6)}.wn-carousel__content{position:relative;z-index:2;max-width:560px}.wn-carousel__meta-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.wn-carousel__genre{font-size:var(--text-xs);font-weight:500;color:var(--fg-2);padding:2px
var(--sp-2);border:1px
solid var(--border-strong);border-radius:100px}.wn-carousel__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-0.03em;line-height:1.12;color:var(--fg-1);margin-bottom:var(--sp-2);text-wrap:balance}.wn-carousel__author{font-size:var(--text-sm);color:var(--fg-3);margin-bottom:var(--sp-4)}.wn-carousel__excerpt{font-size:var(--text-sm);color:var(--fg-2);line-height:1.7;margin-bottom:var(--sp-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wn-carousel__stats{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6)}.wn-carousel__stat{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums}.wn-carousel__cta{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--accent);transition:opacity var(--dur-instant)}.wn-carousel__slide:hover .wn-carousel__cta{opacity:0.8}.wn-carousel__cover{position:relative;z-index:2;width:220px;aspect-ratio:3 / 4;border-radius:var(--r-md);overflow:hidden;box-shadow:0 12px 40px oklch(0% 0 0 / 0.5);justify-self:end}.wn-carousel__cover
img{width:100%;height:100%;object-fit:cover}.wn-carousel__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--fg-muted);background:linear-gradient(145deg, var(--bg-3), var(--bg-elevated))}.wn-carousel__dots{position:absolute;bottom:var(--sp-6);left:50%;transform:translateX(-50%);display:flex;gap:var(--sp-2);z-index:10}.wn-carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--fg-muted);border:none;cursor:pointer;transition:all var(--dur-fast);padding:0}.wn-carousel__dot.is-active{background:var(--accent);width:24px;border-radius:4px}.wn-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-elevated);border:1px
solid var(--border-strong);color:var(--fg-2);cursor:pointer;transition:all var(--dur-instant);opacity:0}.wn-carousel:hover .wn-carousel__arrow{opacity:1}.wn-carousel__arrow:hover{color:var(--fg-1);background:var(--bg-hover)}.wn-carousel__arrow--prev{left:var(--sp-4)}.wn-carousel__arrow--next{right:var(--sp-4)}.wn-tabs__header{display:flex;align-items:center;gap:var(--sp-1);border-bottom:2px solid var(--border);margin-bottom:var(--sp-8);overflow-x:auto;scrollbar-width:none}.wn-tabs__header::-webkit-scrollbar{display:none}.wn-tabs__tab{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);font-weight:600;color:var(--fg-3);border:none;background:none;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--dur-instant)}.wn-tabs__tab::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent;transition:background var(--dur-fast)}.wn-tabs__tab:hover{color:var(--fg-1)}.wn-tabs__tab.is-active{color:var(--accent)}.wn-tabs__tab.is-active::after{background:var(--accent)}.wn-tabs__panel{display:none}.wn-tabs__panel.is-active{display:block}.wn-novel-grid--home{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.wn-novel-card__overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);background:linear-gradient(transparent, oklch(0% 0 0 / 0.7));font-size:var(--text-xs);color:#fff;font-weight:600}.wn-novel-card__ch-count{opacity:0.9}.wn-novel-card__rating-pill{display:flex;align-items:center;gap:2px;color:var(--accent)}.wn-genre-tabs__pills{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--sp-4);margin-bottom:var(--sp-6)}.wn-genre-tabs__pills::-webkit-scrollbar{display:none}.wn-genre-tabs__pill{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:500;color:var(--fg-2);background:var(--bg-elevated);border:1px
solid var(--border-strong);border-radius:100px;cursor:pointer;white-space:nowrap;transition:all var(--dur-instant)}.wn-genre-tabs__pill:hover{color:var(--fg-1);border-color:var(--fg-3)}.wn-genre-tabs__pill.is-active{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.wn-genre-tabs__count{font-size:var(--text-xs);opacity:0.6;font-variant-numeric:tabular-nums}.wn-genre-tabs__pill.is-active .wn-genre-tabs__count{opacity:0.8}.wn-genre-tabs__grid{display:flex;flex-direction:column;gap:1px;border:1px
solid var(--border);border-radius:var(--r-md);overflow:hidden}.wn-rank-card{display:grid;grid-template-columns:40px 56px 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);text-decoration:none;color:inherit;transition:background var(--dur-instant)}@media (hover: hover){.wn-rank-card:hover{background:var(--bg-hover)}}.wn-rank-card__number{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--fg-muted);text-align:center;font-variant-numeric:tabular-nums}.wn-rank-card:nth-child(1) .wn-rank-card__number{color:var(--accent)}.wn-rank-card:nth-child(2) .wn-rank-card__number{color:var(--fg-2)}.wn-rank-card:nth-child(3) .wn-rank-card__number{color:var(--fg-2)}.wn-rank-card__cover{width:56px;height:72px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-3)}.wn-rank-card__cover
img{width:100%;height:100%;object-fit:cover}.wn-rank-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--fg-1);line-height:1.3;margin:0}.wn-rank-card__meta{font-size:var(--text-xs);color:var(--fg-3);margin-top:2px}.wn-updates-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:var(--sp-4)}.wn-update-card{display:grid;grid-template-columns:80px 1fr;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-2);border:1px
solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur-instant)}@media (hover: hover){.wn-update-card:hover{border-color:var(--border-strong)}}.wn-update-card__cover{width:80px;height:106px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-3);display:block}.wn-update-card__cover
img{width:100%;height:100%;object-fit:cover}.wn-update-card__body{min-width:0}.wn-update-card__novel-title{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--fg-1);margin-bottom:var(--sp-3);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn-update-card__novel-title:hover{color:var(--accent)}.wn-update-card__chapters{display:flex;flex-direction:column;gap:var(--sp-1)}.wn-update-card__ch{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0;font-size:var(--text-xs);color:var(--fg-2);text-decoration:none;transition:color var(--dur-instant)}.wn-update-card__ch:hover{color:var(--accent)}.wn-update-card__ch-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wn-update-card__ch-meta{display:flex;align-items:center;gap:var(--sp-2);color:var(--fg-3);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.wn-update-card__lock{color:var(--accent)}.wn-section--alt{background:var(--bg-2)}.wn-section{padding:var(--sp-16) 0}.wn-section+.wn-section{padding-top:var(--sp-12)}.wn-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.wn-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;color:var(--fg-1)}.wn-section__link{font-size:var(--text-sm);font-weight:500;color:var(--accent);transition:opacity var(--dur-instant);white-space:nowrap}.wn-section__link:hover{opacity:0.75}.wn-novel-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:var(--sp-6) var(--sp-4)}.wn-novel-grid--wide{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}.wn-novel-card{display:flex;flex-direction:column;gap:var(--sp-3);container-type:inline-size}.wn-novel-card__cover{position:relative;aspect-ratio:3 / 4;border-radius:var(--r-md);overflow:hidden;background:var(--bg-3);transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal)}@media (hover: hover){.wn-novel-card:hover .wn-novel-card__cover{transform:translateY(-4px);box-shadow:var(--cover-shadow)}}.wn-novel-card__cover
img{width:100%;height:100%;object-fit:cover}.wn-novel-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--fg-muted);background:linear-gradient(145deg, var(--bg-3), var(--bg-2))}.wn-novel-card__badge{position:absolute;top:var(--sp-2);left:var(--sp-2)}.wn-novel-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--fg-1);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wn-novel-card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--fg-3);font-variant-numeric:tabular-nums}.wn-novel-card__meta span+span::before{content:'\00b7';margin-right:var(--sp-2)}.wn-novel-card--wide{flex-direction:row;gap:var(--sp-4)}.wn-novel-card--wide .wn-novel-card__cover{width:100px;flex-shrink:0}.wn-novel-card--wide .wn-novel-card__info{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2)}.wn-novel-card--wide .wn-novel-card__desc{font-size:var(--text-sm);color:var(--fg-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wn-updates-list{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;border:1px
solid var(--border)}.wn-update-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);transition:background var(--dur-instant)}.wn-update-row:last-child{border-bottom:none}@media (hover: hover){.wn-update-row:hover{background:var(--bg-hover)}}.wn-update-row__cover{width:44px;height:58px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-3)}.wn-update-row__cover
img{width:100%;height:100%;object-fit:cover}.wn-update-row__info{min-width:0}.wn-update-row__novel{font-size:var(--text-sm);font-weight:600;color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn-update-row__chapter{font-size:var(--text-xs);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn-update-row__time{font-size:var(--text-xs);color:var(--fg-3);white-space:nowrap;font-variant-numeric:tabular-nums}.wn-update-row__lock{font-size:var(--text-xs);color:var(--accent)}.wn-novel-header{padding:var(--sp-12) 0 var(--sp-8)}.wn-novel-header__inner{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-8);align-items:start}.wn-novel-header__cover{aspect-ratio:3 / 4;border-radius:var(--r-md);overflow:hidden;background:var(--bg-3);box-shadow:var(--cover-shadow)}.wn-novel-header__cover
img{width:100%;height:100%;object-fit:cover}.wn-novel-header__details{padding-top:var(--sp-2)}.wn-novel-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-0.03em;line-height:1.12;color:var(--fg-1);margin-bottom:var(--sp-3);text-wrap:balance}.wn-novel-header__author{font-size:var(--text-sm);color:var(--fg-2);margin-bottom:var(--sp-4)}.wn-novel-header__meta{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-bottom:var(--sp-6)}.wn-novel-stat{display:flex;flex-direction:column;gap:2px}.wn-novel-stat__value{font-size:var(--text-lg);font-weight:700;color:var(--fg-1);font-variant-numeric:tabular-nums}.wn-novel-stat__label{font-size:var(--text-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:0.06em}.wn-novel-header__genres{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.wn-novel-header__actions{display:flex;gap:var(--sp-3)}.wn-novel-synopsis{padding:var(--sp-8) 0;border-top:1px solid var(--border)}.wn-novel-synopsis__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--fg-1);margin-bottom:var(--sp-4)}.wn-novel-synopsis__content{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg-2);line-height:1.8}[data-theme="dark"] .wn-novel-synopsis__content{line-height:1.85}.wn-novel-synopsis__content
p{margin-bottom:var(--sp-4)}.wn-chapter-list{padding:var(--sp-8) 0;border-top:1px solid var(--border)}.wn-chapter-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.wn-chapter-list__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--fg-1);font-variant-numeric:tabular-nums}.wn-chapter-list__sort{display:flex;gap:var(--sp-1)}.wn-sort-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-weight:500;color:var(--fg-3);border-radius:var(--r-sm);transition:all var(--dur-instant)}.wn-sort-btn.is-active{color:var(--fg-1);background:var(--bg-3)}.wn-chapter-items{display:flex;flex-direction:column;border:1px
solid var(--border);border-radius:var(--r-md);overflow:hidden}.wn-chapter-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);transition:background var(--dur-instant)}.wn-chapter-item:last-child{border-bottom:none}@media (hover: hover){.wn-chapter-item:hover{background:var(--bg-hover)}}.wn-chapter-item__title{font-size:var(--text-sm);font-weight:500;color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn-chapter-item__number{color:var(--fg-3);font-weight:400;font-variant-numeric:tabular-nums}.wn-chapter-item__time{font-size:var(--text-xs);color:var(--fg-3);white-space:nowrap;font-variant-numeric:tabular-nums}.wn-chapter-item__lock{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:600;color:var(--accent);padding:var(--sp-1) var(--sp-3);background:var(--accent-subtle);border-radius:100px;white-space:nowrap}.wn-chapter-item--locked{opacity:0.7}.wn-reader{padding:var(--sp-8) 0 var(--sp-16)}.wn-reader__header{margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.wn-reader__novel-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--sp-3);transition:opacity var(--dur-instant)}.wn-reader__novel-link:hover{opacity:0.75}.wn-reader__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;color:var(--fg-1);margin-bottom:var(--sp-3);text-wrap:balance}.wn-reader__meta{display:flex;gap:var(--sp-4);font-size:var(--text-sm);color:var(--fg-3)}.wn-reader__content{font-family:var(--font-body);font-size:clamp(1.05rem, 1rem + 0.25vw, 1.15rem);line-height:1.85;color:var(--fg-1);max-width:var(--container-reading);margin:0
auto}[data-theme="dark"] .wn-reader__content{line-height:1.95;font-weight:350}.wn-reader__content
p{margin-bottom:var(--sp-6);text-indent:1.5em}.wn-reader__content p:first-of-type{text-indent:0}.wn-reader__content p:first-of-type::first-letter {font-family:var(--font-display);font-size:3.2em;float:left;line-height:0.8;padding-right:0.08em;padding-top:0.05em;font-weight:800;color:var(--accent)}.wn-locked-overlay{position:relative;text-align:center;padding:var(--sp-16) var(--sp-8);margin-top:var(--sp-8)}.wn-locked-overlay::before{content:'';position:absolute;top:-120px;left:0;right:0;height:120px;background:linear-gradient(to bottom, transparent, var(--bg-1));pointer-events:none}.wn-locked-overlay__icon{width:64px;height:64px;margin:0
auto var(--sp-6);display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:50%;color:var(--accent);font-size:1.5rem}.wn-locked-overlay__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-1);margin-bottom:var(--sp-3)}.wn-locked-overlay__desc{font-size:var(--text-sm);color:var(--fg-2);margin-bottom:var(--sp-6);max-width:36ch;margin-left:auto;margin-right:auto;line-height:1.6}.wn-locked-overlay__balance{font-size:var(--text-sm);color:var(--fg-3);margin-top:var(--sp-4)}.wn-locked-overlay__balance
strong{color:var(--accent);font-variant-numeric:tabular-nums}.wn-reader__nav{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-4);align-items:center;padding:var(--sp-8) 0;margin-top:var(--sp-8);border-top:1px solid var(--border)}.wn-reader__nav-prev{justify-self:start}.wn-reader__nav-list{justify-self:center}.wn-reader__nav-next{justify-self:end}.wn-archive{padding:var(--sp-12) 0 var(--sp-16)}.wn-archive__header{margin-bottom:var(--sp-8)}.wn-archive__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-0.03em;color:var(--fg-1);margin-bottom:var(--sp-2)}.wn-archive__desc{font-size:var(--text-base);color:var(--fg-2)}.wn-filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-8);padding:var(--sp-3) var(--sp-4);background:var(--bg-2);border:1px
solid var(--border);border-radius:var(--r-md)}.wn-filter-bar
select{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-family:var(--font-ui);color:var(--fg-1);background:var(--bg-elevated);border:1px
solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer}.wn-search-form{display:flex;gap:var(--sp-3)}.wn-search-input{flex:1;padding:var(--sp-3) var(--sp-4);font-size:var(--text-base);font-family:var(--font-ui);color:var(--fg-1);background:var(--bg-2);border:1px
solid var(--border-strong);border-radius:var(--r-md);outline:none;transition:border-color var(--dur-instant)}.wn-search-input:focus-visible{border-color:var(--accent);outline:2px
solid var(--accent);outline-offset:-2px}.wn-search-input::placeholder{color:var(--fg-muted)}.wn-footer{border-top:1px solid var(--border);padding:var(--sp-12) 0 var(--sp-8);background:var(--bg-2)}.wn-footer__inner{display:grid;grid-template-columns:1fr auto;gap:var(--sp-12);margin-bottom:var(--sp-8)}.wn-footer__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--fg-1)}.wn-footer__tagline{font-size:var(--text-sm);color:var(--fg-3);margin-top:var(--sp-2)}.wn-footer__links{display:flex;gap:var(--sp-12)}.wn-footer__col
h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--fg-3);margin-bottom:var(--sp-4)}.wn-footer__col
ul{display:flex;flex-direction:column;gap:var(--sp-3)}.wn-footer__col
a{font-size:var(--text-sm);color:var(--fg-2);transition:color var(--dur-instant)}.wn-footer__col a:hover{color:var(--fg-1)}.wn-footer__bottom{padding-top:var(--sp-6);border-top:1px solid var(--border)}.wn-footer__bottom
p{font-size:var(--text-xs);color:var(--fg-3)}.wn-empty{text-align:center;padding:var(--sp-16) var(--sp-4)}.wn-empty__icon{font-size:3rem;margin-bottom:var(--sp-4);opacity:0.25}.wn-empty__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-1);margin-bottom:var(--sp-3)}.wn-empty__desc{font-size:var(--text-sm);color:var(--fg-3);max-width:36ch;margin:0
auto;line-height:1.6}.wn-pagination{display:flex;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) 0}.wn-pagination a,
.wn-pagination
span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0
var(--sp-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--r-sm);transition:all var(--dur-instant);font-variant-numeric:tabular-nums}.wn-pagination
a{color:var(--fg-2)}.wn-pagination a:hover{color:var(--fg-1);background:var(--bg-3)}.wn-pagination
.current{color:var(--accent-fg);background:var(--accent);font-weight:600}@keyframes
fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wn-animate{animation:fadeIn var(--dur-slow) var(--ease-out) both}.wn-stagger>*{animation:fadeIn var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}.wn-stagger>*:nth-child(1){--i:0}.wn-stagger>*:nth-child(2){--i:1}.wn-stagger>*:nth-child(3){--i:2}.wn-stagger>*:nth-child(4){--i:3}.wn-stagger>*:nth-child(5){--i:4}.wn-stagger>*:nth-child(6){--i:5}.wn-stagger>*:nth-child(7){--i:6}.wn-stagger>*:nth-child(8){--i:7}@media (prefers-reduced-motion: reduce){.wn-animate,.wn-stagger>*{animation:none;opacity:1;transform:none}*,*::before,*::after{transition-duration:0.01ms !important}}@media (max-width: 1024px){.wn-carousel__slide{grid-template-columns:1fr 180px}.wn-carousel__cover{width:160px}}@media (max-width: 768px){.wn-carousel__slide{grid-template-columns:1fr;min-height:auto;padding:var(--sp-8) var(--sp-4)}.wn-carousel__cover{display:none}.wn-carousel__title{font-size:var(--text-2xl)}.wn-updates-grid{grid-template-columns:1fr}.wn-header__nav{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--bg-1);padding:var(--sp-6);transform:translateX(100%);transition:transform var(--dur-normal) var(--ease-out);z-index:99}.wn-header__nav.is-open{transform:translateX(0)}.wn-nav-list{flex-direction:column;gap:var(--sp-2)}.wn-nav-list
a{font-size:var(--text-lg);padding:var(--sp-3) var(--sp-4)}.wn-mobile-toggle{display:flex}.wn-novel-header__inner{grid-template-columns:140px 1fr;gap:var(--sp-4)}.wn-reader__nav{grid-template-columns:1fr 1fr}.wn-reader__nav-list{grid-column:1 / -1;justify-self:center}.wn-footer__inner{grid-template-columns:1fr;gap:var(--sp-8)}}@media (max-width: 480px){.wn-novel-header__inner{grid-template-columns:100px 1fr}.wn-novel-grid{grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:var(--sp-4) var(--sp-3)}.wn-chapter-item{grid-template-columns:1fr auto}.wn-chapter-item__time{display:none}}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);word-wrap:normal}.alignleft{float:left;margin-right:var(--sp-4)}.alignright{float:right;margin-left:var(--sp-4)}.aligncenter{display:block;margin:0
auto}:root{--wic-bg:var(--bg-elevated, #1e1e1e);--wic-bg-2:var(--bg-2, #17181a);--wic-fg:var(--fg-1, #f2f2f2);--wic-fg-muted:var(--fg-3, #9a9a9a);--wic-border:var(--border, #2c2c2c);--wic-accent:var(--accent, #d99a4e);--wic-accent-subtle:var(--accent-subtle, rgba(217, 154, 78, 0.15));--wic-radius:var(--r-md, 10px);--wic-radius-sm:var(--r-sm, 6px);--wic-font:var(--font-ui, system-ui, sans-serif);--wic-shadow:var(--shadow-lg, 0 12px 40px rgba(0,0,0,0.35));--wic-panel-width:380px}.wn-reader__content p.wic-para{position:relative}.wn-reader__content p.wic-para.wic-para--active{background:var(--wic-accent-subtle);border-radius:var(--wic-radius-sm);transition:background var(--dur-normal, 300ms) var(--ease-out, ease)}.wic-bubble{position:absolute;top:0.15em;right:-44px;display:flex;align-items:center;justify-content:center;gap:3px;width:34px;height:28px;padding:0
6px;border-radius:999px;border:1px
solid var(--wic-border);background:var(--wic-bg);color:var(--wic-fg-muted);font-family:var(--wic-font);font-size:0.72rem;cursor:pointer;opacity:0;transform:translateX(-4px);transition:opacity 150ms ease, transform 150ms ease, color 150ms ease, border-color 150ms ease;z-index:2}.wn-reader__content p.wic-para:hover .wic-bubble,.wic-bubble--has-comments,.wic-bubble--active{opacity:1;transform:translateX(0)}.wic-bubble--has-comments{color:var(--wic-accent);border-color:var(--wic-accent)}.wic-bubble--active{background:var(--wic-accent);color:var(--accent-fg, #1a1a1a);border-color:var(--wic-accent)}.wic-bubble
svg{width:14px;height:14px;flex-shrink:0}.wic-bubble__count{line-height:1;font-weight:600}@media (max-width: 1100px){.wic-bubble{position:static;display:inline-flex;margin-left:8px;opacity:1;transform:none;vertical-align:middle}}.wic-overlay{position:fixed;inset:0;background:var(--overlay, rgba(0,0,0,0.5));z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--dur-normal, 300ms) var(--ease-out, ease)}.wic-overlay--open{opacity:1;pointer-events:auto}.wic-panel{position:fixed;top:0;right:0;bottom:0;width:var(--wic-panel-width);max-width:92vw;background:var(--wic-bg);border-left:1px solid var(--wic-border);box-shadow:var(--wic-shadow);z-index:9999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--dur-normal, 300ms) var(--ease-out-expo, ease);font-family:var(--wic-font)}.wic-panel--open{transform:translateX(0)}.wic-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3, 12px);padding:var(--sp-4, 16px) var(--sp-4, 16px) var(--sp-3, 12px);border-bottom:1px solid var(--wic-border)}.wic-panel__title{font-size:var(--text-sm, 0.875rem);font-weight:700;color:var(--wic-fg);margin:0
0 4px}.wic-panel__quote{font-size:var(--text-xs, 0.75rem);color:var(--wic-fg-muted);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wic-panel__close{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--wic-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}.wic-panel__close:hover{background:var(--bg-hover, rgba(255,255,255,0.06));color:var(--wic-fg)}.wic-panel__list{flex:1;overflow-y:auto;padding:var(--sp-4, 16px);display:flex;flex-direction:column;gap:var(--sp-4, 16px)}.wic-panel__empty{color:var(--wic-fg-muted);font-size:var(--text-sm, 0.875rem);text-align:center;padding:var(--sp-8, 32px) var(--sp-4, 16px)}.wic-comment{display:flex;gap:var(--sp-3, 12px)}.wic-comment__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--wic-bg-2);object-fit:cover}.wic-comment__body{flex:1;min-width:0}.wic-comment__meta{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.wic-comment__author{font-size:var(--text-sm, 0.875rem);font-weight:600;color:var(--wic-fg)}.wic-comment__date{font-size:var(--text-xs, 0.75rem);color:var(--wic-fg-muted)}.wic-comment__text{font-size:var(--text-sm, 0.875rem);color:var(--wic-fg);line-height:1.55;white-space:pre-wrap;word-break:break-word}.wic-comment__delete{background:none;border:none;color:var(--wic-fg-muted);font-size:var(--text-xs, 0.75rem);cursor:pointer;padding:2px
0;margin-top:2px}.wic-comment__delete:hover{color:var(--danger, #d33);text-decoration:underline}.wic-panel__footer{border-top:1px solid var(--wic-border);padding:var(--sp-3, 12px) var(--sp-4, 16px) var(--sp-4, 16px)}.wic-panel__textarea{width:100%;resize:vertical;min-height:64px;max-height:160px;background:var(--wic-bg-2);border:1px
solid var(--wic-border);border-radius:var(--wic-radius-sm);color:var(--wic-fg);font-family:var(--font-body,inherit);font-size:var(--text-sm, 0.875rem);padding:var(--sp-3, 12px);box-sizing:border-box}.wic-panel__textarea:focus{outline:none;border-color:var(--wic-accent)}.wic-panel__actions{display:flex;justify-content:flex-end;margin-top:var(--sp-2, 8px)}.wic-btn-send{background:var(--wic-accent);color:var(--accent-fg, #1a1a1a);border:none;border-radius:var(--wic-radius-sm);padding:8px
18px;font-size:var(--text-sm, 0.875rem);font-weight:600;font-family:var(--wic-font);cursor:pointer;transition:opacity 150ms ease}.wic-btn-send:disabled{opacity:0.5;cursor:default}.wic-btn-send:not(:disabled):hover{opacity:0.9}.wic-login-prompt{text-align:center;font-size:var(--text-sm, 0.875rem);color:var(--wic-fg-muted)}.wic-login-prompt
a{color:var(--wic-accent);font-weight:600;text-decoration:none}.wic-login-prompt a:hover{text-decoration:underline}.wic-panel__error{color:var(--danger, #d33);font-size:var(--text-xs, 0.75rem);margin-top:6px}@media (max-width: 640px){.wic-panel{width:100%;max-width:100%;top:auto;height:82vh;border-left:none;border-top:1px solid var(--wic-border);border-radius:var(--r-lg, 16px) var(--r-lg, 16px) 0 0;transform:translateY(100%)}.wic-panel--open{transform:translateY(0)}}