@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg:light-dark(oklch(98.5% .003 75),oklch(16.5% .006 275));--surface:light-dark(oklch(100% 0 0),oklch(20.5% .007 275));--surface-2:light-dark(oklch(96.2% .004 75),oklch(24.5% .008 275));--border:light-dark(oklch(90.5% .005 75),oklch(30.5% .009 275));--border-strong:light-dark(oklch(62% .008 75),oklch(56% .01 275));--text:light-dark(oklch(21.5% .008 75),oklch(95% .004 275));--text-2:light-dark(oklch(42% .008 75),oklch(79% .008 275));--text-3:light-dark(oklch(50% .008 75),oklch(69% .009 275));--accent:light-dark(oklch(50% .19 18),oklch(76% .14 18));--accent-soft:light-dark(oklch(95% .03 18),oklch(28% .06 18));--chart:light-dark(oklch(56% .17 18),oklch(70% .15 18));--focus:light-dark(oklch(50% .2 262),oklch(78% .14 262));--st-watching:light-dark(oklch(58% .15 150),oklch(74% .15 150));--st-completed:light-dark(oklch(55% .15 255),oklch(72% .13 255));--st-on-hold:light-dark(oklch(66% .14 80),oklch(80% .13 85));--st-dropped:light-dark(oklch(56% .19 25),oklch(70% .16 25));--st-plan-to-watch:light-dark(oklch(62% .01 275),oklch(66% .01 275));--tier-sp-bg:light-dark(oklch(94% .04 15),oklch(31% .07 15));--tier-sp-fg:light-dark(oklch(42% .16 15),oklch(87% .08 15));--tier-sp-solid:light-dark(oklch(58% .2 15),oklch(70% .17 15));--tier-s-bg:light-dark(oklch(94.5% .045 55),oklch(31% .06 55));--tier-s-fg:light-dark(oklch(44% .12 50),oklch(87% .09 60));--tier-s-solid:light-dark(oklch(64% .17 50),oklch(74% .15 55));--tier-a-bg:light-dark(oklch(95% .06 95),oklch(31% .05 95));--tier-a-fg:light-dark(oklch(43% .09 90),oklch(88% .1 95));--tier-a-solid:light-dark(oklch(68% .14 90),oklch(80% .14 95));--tier-b-bg:light-dark(oklch(94.5% .045 150),oklch(30% .05 150));--tier-b-fg:light-dark(oklch(40% .1 150),oklch(87% .1 150));--tier-b-solid:light-dark(oklch(60% .15 150),oklch(74% .15 150));--tier-c-bg:light-dark(oklch(94.5% .035 210),oklch(30% .045 215));--tier-c-fg:light-dark(oklch(40% .08 215),oklch(87% .08 210));--tier-c-solid:light-dark(oklch(60% .11 215),oklch(74% .11 210));--tier-d-bg:light-dark(oklch(94% .03 275),oklch(30% .06 275));--tier-d-fg:light-dark(oklch(42% .13 275),oklch(87% .07 275));--tier-d-solid:light-dark(oklch(56% .16 275),oklch(70% .13 275));--tier-f-bg:light-dark(oklch(93% .004 275),oklch(29% .008 275));--tier-f-fg:light-dark(oklch(40% .008 275),oklch(85% .008 275));--tier-f-solid:light-dark(oklch(56% .01 275),oklch(66% .01 275));--font:"Inter Variable", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);--gutter:clamp(1rem, 4vw, 2.5rem);--page:72rem;--section:clamp(4rem, 8vw, 7rem);--radius-sm:6px;--radius:10px;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.14s}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);font-feature-settings:"cv11", "ss03";-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}img,svg{max-inline-size:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.vh{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.wrap{inline-size:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.skip{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}.topbar{z-index:10;background:color-mix(in oklch, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0}.topbar__inner{align-items:center;gap:1rem;block-size:3.25rem;display:flex}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.brand svg{color:var(--accent)}.nav{font-size:var(--fs-sm);color:var(--text-2);gap:.25rem;margin-inline-start:auto;display:flex}.nav a{border-radius:var(--radius-sm);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);padding:.375rem .625rem}.nav a:hover{background:var(--surface-2);color:var(--text)}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);block-size:2.25rem;inline-size:2.25rem;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:none}:root:not([data-theme=light]) .theme-toggle .moon{display:block}}@media (width<=40rem){.nav{display:none}.topbar .theme-toggle{margin-inline-start:auto}}.hero{border-block-end:1px solid var(--border);padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden}.hero__motif{inline-size:clamp(22rem,52vw,44rem);color:var(--accent);opacity:.5;pointer-events:none;position:absolute;inset-block-end:0;inset-inline-end:max(-6rem, calc((100vw - var(--page)) / 2 - 8rem))}.hero__inner{position:relative}.profile{align-items:center;gap:1.25rem;display:flex}.avatar{background:var(--text);block-size:4rem;inline-size:4rem;color:var(--bg);letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;font-size:1.625rem;font-weight:600;display:grid}.profile__name{font-size:var(--fs-xl);letter-spacing:-.035em;font-weight:650;line-height:1.05}.profile__sub{color:var(--text-2);font-size:var(--fs-sm);margin-block-start:.375rem}.profile__sub a{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em}.profile__sub a:hover{text-decoration-color:currentColor}.stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem 2rem;margin-block-start:clamp(2.5rem,6vw,4rem);display:grid}.stat{border-block-start:1px solid var(--border-strong);flex-direction:column;gap:.25rem;padding-block-start:.875rem;display:flex}.stat__label{color:var(--text-2);font-size:var(--fs-xs);letter-spacing:.02em}.stat__value{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(1.375rem,1rem + 1.2vw,1.875rem);font-weight:600;line-height:1.15}.stat__note{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:0;margin-block-start:.25rem;font-weight:400;display:block}@media (width<=60rem){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=30rem){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}.avatar{block-size:3.25rem;inline-size:3.25rem;font-size:1.375rem}}.section{padding-block-start:var(--section)}.section__head{align-items:baseline;gap:.75rem;margin-block-end:1.5rem;display:flex}.section__title{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:600}.section__note{color:var(--text-3);font-size:var(--fs-sm)}.divider{color:var(--text-3);opacity:.7;margin-block-start:var(--section)}.divider svg{block-size:1.5rem;inline-size:100%}.cover{aspect-ratio:225/318;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2);block-size:auto;inline-size:100%}.cover--empty{border:1px solid var(--border);color:var(--text-3);place-items:center;font-size:1.25em;font-weight:600;display:grid}.cover-link:after{content:"";position:absolute;inset:0}.tier{background:var(--tier-bg);color:var(--tier-fg);font-size:var(--fs-xs);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .5rem .125rem .125rem;font-weight:500;line-height:1.5;display:inline-flex}.tier__name{background:var(--tier-fg);block-size:1.25rem;min-inline-size:1.5rem;color:var(--tier-bg);letter-spacing:-.01em;border-radius:999px;place-items:center;padding-inline:.3rem;font-weight:700;display:inline-grid}.tier__num{font-weight:650}.tier__label:before{content:"· ";opacity:.6}.tier--none{color:var(--text-3);background:0 0;padding:0;font-weight:400}[data-tier=sp]{--tier-bg:var(--tier-sp-bg);--tier-fg:var(--tier-sp-fg);--tier-solid:var(--tier-sp-solid)}[data-tier=s]{--tier-bg:var(--tier-s-bg);--tier-fg:var(--tier-s-fg);--tier-solid:var(--tier-s-solid)}[data-tier=a]{--tier-bg:var(--tier-a-bg);--tier-fg:var(--tier-a-fg);--tier-solid:var(--tier-a-solid)}[data-tier=b]{--tier-bg:var(--tier-b-bg);--tier-fg:var(--tier-b-fg);--tier-solid:var(--tier-b-solid)}[data-tier=c]{--tier-bg:var(--tier-c-bg);--tier-fg:var(--tier-c-fg);--tier-solid:var(--tier-c-solid)}[data-tier=d]{--tier-bg:var(--tier-d-bg);--tier-fg:var(--tier-d-fg);--tier-solid:var(--tier-d-solid)}[data-tier=f]{--tier-bg:var(--tier-f-bg);--tier-fg:var(--tier-f-fg);--tier-solid:var(--tier-f-solid)}.chips{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex}.chips li{border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);border-radius:999px;padding:.0625rem .5rem}.dot{background:var(--st-plan-to-watch);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem;display:inline-block}.dot--watching{background:var(--st-watching)}.dot--completed{background:var(--st-completed)}.dot--on-hold{background:var(--st-on-hold)}.dot--dropped{background:var(--st-dropped)}.progress{align-items:center;gap:.5rem;display:flex}.progress__track{background:var(--border);border-radius:999px;flex:1;block-size:4px;overflow:hidden}.progress__fill{background:var(--chart);border-radius:999px;block-size:100%;display:block}.progress__text{color:var(--text-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.watch-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;--edge:max(var(--gutter), calc((100vw - var(--page)) / 2));scroll-padding-inline:var(--edge);padding-block:.25rem 1rem;padding-inline:var(--edge);scrollbar-width:thin;scrollbar-color:var(--border) transparent;grid-auto-columns:clamp(8.5rem,22vw,10.5rem);grid-auto-flow:column;gap:1rem;display:grid;overflow-x:auto}.watch-card{scroll-snap-align:start;flex-direction:column;gap:.5rem;display:flex;position:relative;container-type:inline-size}.watch-card__cover{border-radius:var(--radius-sm);overflow:hidden}.watch-card__cover .cover{transition:transform .24s var(--ease)}.watch-card:hover .cover{transform:scale(1.03)}.watch-card__title{-webkit-line-clamp:2;line-clamp:2;min-block-size:2.6em;font-size:var(--fs-sm);-webkit-box-orient:vertical;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.watch-card:hover .watch-card__title{text-underline-offset:.2em;text-decoration:underline}.watch-card .tier{align-self:flex-start}.watch-card--more a{aspect-ratio:225/318;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-sm);transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);flex-direction:column;justify-content:center;gap:.25rem;padding:1rem;display:flex}.watch-card--more a:hover{border-color:var(--border-strong);color:var(--text)}.watch-card__more-num{color:var(--text);letter-spacing:-.03em;font-size:2rem;font-weight:600;line-height:1}.watch-empty,.top-empty{color:var(--text-2)}.top{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;display:grid;container-type:inline-size}.top-item{border-block-start:1px solid var(--border);grid-template-columns:2.75rem 3rem minmax(0,1fr);align-items:center;gap:1rem;padding-block:1rem;display:grid;position:relative}.top-item__rank{color:var(--text-3);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:300;line-height:1}.top-item__body{flex-direction:column;align-items:flex-start;gap:.375rem;min-inline-size:0;display:flex}.top-item__title{overflow-wrap:anywhere;font-weight:550;line-height:1.3}.top-item:hover .top-item__title{text-underline-offset:.2em;text-decoration:underline}.top-item__meta{color:var(--text-2);font-size:var(--fs-sm);display:none}.top-item--first{border-block-start-color:var(--accent);grid-row:span 3;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:.875rem}.top-item--first .top-item__rank{color:var(--accent);font-size:3.5rem;font-weight:200}.top-item--first .top-item__cover{inline-size:min(100%,13.75rem)}.top-item--first .top-item__title{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:600}.top-item--first .top-item__meta{display:block}@media (width<=60rem){.top{grid-template-columns:repeat(2,minmax(0,1fr))}.top-item--first{grid-row:span 5}}@media (width<=40rem){.top{grid-template-columns:minmax(0,1fr)}.top-item--first{grid-row:auto;grid-template-rows:auto;grid-template-columns:2.75rem 5.5rem minmax(0,1fr);align-items:center;gap:1rem}.top-item--first .top-item__rank{font-size:2.25rem}}.controls{gap:.875rem;margin-block-end:1rem;display:grid}.tabs{scrollbar-width:none;gap:.25rem;margin:-.25rem;padding:.25rem;display:flex;overflow-x:auto}.tab{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex}.tab:hover{background:var(--surface-2);color:var(--text)}.tab[aria-pressed=true]{background:var(--text);color:var(--bg)}.tab__count{color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.tab:hover .tab__count,.tab[aria-pressed=true] .tab__count{color:inherit}.filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.field{align-items:center;display:flex;position:relative}.field--search{flex:14rem;min-inline-size:12rem}.input,.select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);block-size:2.25rem;inline-size:100%;font-size:var(--fs-sm);transition:border-color var(--fast) var(--ease);padding-inline:.75rem}.input:hover,.select:hover{border-color:var(--border-strong)}.input::placeholder{color:var(--text-3)}.field--search .input{padding-inline-end:2.25rem}.kbd{border:1px solid var(--border);color:var(--text-3);font-size:var(--fs-xs);pointer-events:none;border-radius:4px;padding:0 .375rem;line-height:1.5;position:absolute;inset-inline-end:.5rem}.field--search .input:focus+.kbd,.field--search .input:not(:placeholder-shown)+.kbd{display:none}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - .9rem) 55%,calc(100% - .6rem) 55%;background-repeat:no-repeat;background-size:.3rem .3rem;padding-inline-end:1.75rem}.select option{background:var(--surface);color:var(--text)}.filters__end{gap:.5rem;margin-inline-start:auto;display:flex}.view-toggle{display:flex}.view-toggle .icon-btn:first-child{border-start-end-radius:0;border-end-end-radius:0}.view-toggle .icon-btn:last-child{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}#sort-dir svg{transition:transform var(--fast) var(--ease)}#sort-dir[data-dir=asc] svg{transform:rotate(180deg)}.result-line{min-block-size:1.75rem;color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:.75rem;display:flex}.link-btn{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration-color:currentColor}.list-wrap{container:list/inline-size}.list-head,.list[data-view=list] .item{grid-template-columns:2.5rem minmax(0,1fr) 7.5rem 4.5rem 12.5rem 3.5rem 5rem;align-items:center;gap:1rem;display:grid}.list-head{border-block-end:1px solid var(--border-strong);color:var(--text-2);font-size:var(--fs-xs);letter-spacing:.02em;padding-block:.5rem}.list-head span:first-child{grid-column:1/3}.list-wrap[data-view=grid] .list-head{display:none}.item{position:relative}.list[data-view=list] .item{border-block-end:1px solid var(--border);transition:background var(--fast) var(--ease);padding-block:.625rem}.list[data-view=list] .item:hover{background:color-mix(in oklch, var(--surface-2) 60%, transparent)}.item__body{min-inline-size:0}.item__title{overflow-wrap:anywhere;font-weight:500;line-height:1.35}.item:hover .item__title{text-underline-offset:.2em;text-decoration:underline}.item__meta{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item__status{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.item__progress,.item__mal,.item__added{color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.item__mal,.list-head .num{text-align:end}.note{z-index:1;font-size:var(--fs-sm);margin-block-start:.375rem;position:relative}.note summary{color:var(--text-2);cursor:pointer;align-items:center;gap:.375rem;list-style:none;display:inline-flex}.note summary::-webkit-details-marker{display:none}.note summary:before{content:"";block-size:.375rem;inline-size:.375rem;transition:transform var(--fast) var(--ease);border-block-end:1.5px solid;border-inline-end:1.5px solid;transform:rotate(-45deg)}.note[open] summary:before{transform:rotate(45deg)}.note__body{max-inline-size:60ch;color:var(--text);white-space:pre-line;padding-block:.375rem .25rem}.note__fav{color:var(--text-2);margin-block-start:.25rem}@container list (width<=56rem){.list-head,.list[data-view=list] .item{grid-template-columns:2.5rem minmax(0,1fr) 7.5rem 4.5rem 12.5rem}.list-head :is(.col-mal,.col-added),.list[data-view=list] :is(.item__mal,.item__added){display:none}}@container list (width<=42rem){.list-head{display:none}.list[data-view=list]{border-block-start:1px solid var(--border-strong)}.list[data-view=list] .item{grid-template-columns:2.75rem minmax(0,1fr) auto;grid-template-areas:"cover body body""cover score progress";align-items:start;gap:.375rem .75rem}.list[data-view=list] .item__cover{grid-area:cover}.list[data-view=list] .item__body{grid-area:body}.list[data-view=list] .item__score{grid-area:score}.list[data-view=list] .item__progress{grid-area:progress;align-self:center}.list[data-view=list] .item__status{display:none}.list[data-view=list] .item__meta{white-space:normal}}.list[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1.75rem 1rem;display:grid}.list[data-view=grid] .item{flex-direction:column;gap:.375rem;display:flex;container-type:inline-size}.list[data-view=grid] .item__cover{border-radius:var(--radius-sm);overflow:hidden}.list[data-view=grid] .cover{transition:transform .24s var(--ease)}.list[data-view=grid] .item:hover .cover{transform:scale(1.03)}.list[data-view=grid] .item__title{-webkit-line-clamp:2;line-clamp:2;font-size:var(--fs-sm);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.list[data-view=grid] :is(.item__meta,.item__mal,.item__added,.item__progress,.chips,.tier__label){display:none}.list[data-view=grid] .item__status{font-size:var(--fs-xs);order:3}.list[data-view=grid] .item__score{order:2}.list[data-view=grid] .tier{padding-inline-end:.5rem}.list-more{justify-content:center;padding-block-start:1.5rem;display:flex}.btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);padding:.5rem 1rem}.btn:hover{border-color:var(--border-strong)}.btn--primary{background:var(--text);border-color:var(--text);color:var(--bg)}.empty{color:var(--text-2);text-align:center;justify-items:center;gap:.75rem;padding-block:3.5rem;display:grid}.empty svg{inline-size:6rem;color:var(--accent);opacity:.8}.empty[hidden]{display:none}.charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 4rem;display:grid}.chart--wide{grid-column:1/-1}.chart__title{font-size:var(--fs-base);font-weight:600}.chart__sub{color:var(--text-2);font-size:var(--fs-sm);margin-block-end:1.25rem}.bars{gap:.5rem;display:grid}.bars__row{font-size:var(--fs-sm);grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.bars--tiers .bars__row{grid-template-columns:8.5rem minmax(0,1fr)}.bars__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bars--tiers .bars__label{font-weight:600}.bars__sub{color:var(--text-2);font-weight:400}.bars__plot{align-items:center;gap:.5rem;display:flex}.bars__bar{inline-size:calc(var(--v) * (100% - 3.5ch));background:var(--tier-solid,var(--chart));block-size:.625rem;min-inline-size:2px;transition:filter var(--fast) var(--ease);border-radius:0 4px 4px 0}.bars__row:hover .bars__bar{filter:brightness(1.12)}.bars__value{color:var(--text-2);font-variant-numeric:tabular-nums}.cols{grid-template-columns:auto minmax(0,1fr);gap:0 .75rem;padding-block-end:1.5rem;display:grid;position:relative}.cols__axis{block-size:11rem;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;justify-content:space-between;line-height:1;display:flex}.cols__axis span:first-child{transform:translateY(-50%)}.cols__axis span:nth-child(2){transform:none}.cols__axis span:last-child{transform:translateY(50%)}.cols__plot{border-block-end:1px solid var(--border-strong);background:linear-gradient(var(--border), var(--border)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--border), var(--border)) 0 50% / 100% 1px no-repeat;align-items:flex-end;gap:2px;block-size:11rem;display:flex}.cols__col{flex:1;justify-content:center;align-items:flex-end;block-size:100%;display:flex;position:relative}.cols__bar{background:var(--chart);border-radius:4px 4px 0 0;inline-size:100%;max-inline-size:24px}.cols__col:hover .cols__bar,.cols__col.is-active .cols__bar{filter:brightness(1.15)}.cols__col:hover:before,.cols__col.is-active:before{content:"";background:color-mix(in oklch, var(--text) 6%, transparent);position:absolute;inset:0}.cols__tick{color:var(--text-3);font-size:var(--fs-xs);line-height:1;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0}.cols__col--year:after{content:"";border-inline-start:1px solid var(--border-strong);block-size:.25rem;position:absolute;inset-block-start:100%;inset-inline-start:0}.cols__tip{z-index:2;background:var(--text);border-radius:var(--radius-sm);color:var(--bg);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;padding:.375rem .625rem;position:absolute;inset-block-start:0;transform:translate(-50%,-110%)}.cols__tip strong{font-size:var(--fs-base);font-weight:600;display:block}.chart-note,.chart-empty{color:var(--text-2);font-size:var(--fs-sm)}.chart-table{font-size:var(--fs-sm);margin-block-start:.75rem}.chart-table summary{inline-size:fit-content;color:var(--text-2);cursor:pointer}.chart-table__scroll{max-block-size:16rem;margin-block-start:.5rem;overflow:auto}.chart-table table{border-collapse:collapse;font-variant-numeric:tabular-nums}.chart-table :is(th,td){border-block-end:1px solid var(--border);text-align:start;padding:.25rem 1.5rem .25rem 0;font-weight:400}.chart-table thead th{color:var(--text-2)}@media (width<=52rem){.charts{grid-template-columns:minmax(0,1fr)}}.footer{border-block-start:1px solid var(--border);color:var(--text-2);font-size:var(--fs-sm);margin-block-start:var(--section);padding-block:2rem 3rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;display:flex}.footer a{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em}.footer a:hover{color:var(--text)}::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (forced-colors:active){.bars__bar,.cols__bar,.progress__fill{background:canvastext}}@media (width<=40rem){.filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field--search,.filters__end{grid-column:1/-1}.filters__end{margin-inline-start:0}.filters__end .field{flex:1}.select{text-overflow:ellipsis;padding-inline:.625rem 1.5rem}}