:root{--bg:#0a0a10;--bg-elevated:#12121b;--surface:#171724;--surface-hover:#1e1e2e;--border:#26263a;--border-strong:#34344f;--text:#eceaf5;--text-muted:#9a97b4;--text-dim:#6f6c88;--accent:#7c5cff;--accent-soft:#a58cff;--accent-dim:#7c5cff29;--anime:#4fc3f7;--manga:#ff8a65;--ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow:0 10px 30px #00000073;--maxw:1280px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 600px at 12% -12%, #7c5cff29, transparent 60%), radial-gradient(900px 500px at 88% -8%, #4fc3f71a, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px;border-radius:4px}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0a10c7;position:sticky;top:0}.topbar__inner{max-width:var(--maxw);align-items:center;gap:1.5rem;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--accent), var(--anime));border-radius:6px;width:18px;height:18px;box-shadow:0 0 18px #7c5cff8c}.brand__accent{color:var(--accent-soft)}.nav{gap:.35rem;margin-left:auto;display:flex}.nav__link{color:var(--text-muted);border-radius:999px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.nav__link:hover{color:var(--text);background:var(--surface)}.nav__link.is-active{color:var(--text);background:var(--accent-dim)}.main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:2rem 1.5rem 4rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:1.25rem 1.5rem;font-size:.8rem}.catalog__header{margin-bottom:1.5rem}.catalog__title{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700}.catalog__subtitle{color:var(--text-muted);margin-top:.35rem}.catalog__status{color:var(--text-muted);min-height:1.2em;margin:1.25rem 0 .9rem;font-size:.85rem}.catalog__refreshing{color:var(--accent-soft)}.catalog__sentinel{justify-content:center;padding:2.5rem 0 1rem;display:flex}.catalog__end{color:var(--text-dim);font-size:.85rem}.filters{background:linear-gradient(180deg, var(--bg-elevated), #12121b99);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.9rem;padding:1rem;display:flex}.filters__row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.filters__genres{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;padding-top:.9rem;display:flex}.search{flex:260px;min-width:220px;position:relative}.search__icon{fill:none;width:17px;height:17px;stroke:var(--text-dim);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.search__input{background:var(--surface);border:1px solid var(--border);border-radius:999px;width:100%;padding:.6rem .9rem .6rem 2.4rem;transition:border-color .15s,background .15s}.search__input::placeholder{color:var(--text-dim)}.search__input:focus{border-color:var(--accent);background:var(--surface-hover);outline:none}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.segmented__item{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .9rem;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{background:var(--accent);color:#fff}.select{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.55rem .9rem}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;transition:all .15s}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.is-selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-soft)}.chip--ghost{cursor:default;color:var(--text-dim);background:0 0;padding:.15rem .5rem;font-size:.72rem}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:filter .15s,transform .1s;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn--ghost{border-color:var(--border-strong);color:var(--text-muted);background:0 0;font-weight:500}.btn--ghost:hover{color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.15rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.card__cover{aspect-ratio:2/3;background:var(--bg-elevated);position:relative;overflow:hidden}.card__cover img{object-fit:cover;width:100%;height:100%;display:block}.card__cover-fallback{width:100%;height:100%;color:var(--text-dim);letter-spacing:.05em;background:linear-gradient(150deg,#1d1d2c,#262640);place-items:center;font-size:2rem;font-weight:700;display:grid}.card__kind{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.12rem .5rem;font-size:.68rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.card__kind--anime{color:var(--anime);background:#4fc3f72e;border:1px solid #4fc3f759}.card__kind--manga{color:var(--manga);background:#ff8a652e;border:1px solid #ff8a6559}.card__score{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a10b8;border-radius:6px;padding:.12rem .45rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.card__score.is-high{color:var(--ok)}.card__score.is-mid{color:var(--warn)}.card__score.is-low{color:var(--text-muted)}.card__body{flex-direction:column;gap:.4rem;padding:.7rem .75rem .85rem;display:flex}.card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;display:-webkit-box;overflow:hidden}.card__subtitle{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:-.2rem;font-size:.74rem;overflow:hidden}.card__meta{color:var(--text-dim);align-items:center;gap:.3rem;font-size:.76rem;display:flex}.card__genres{flex-wrap:wrap;gap:.25rem;display:flex}.dot{border-radius:50%;flex:none;width:6px;height:6px}.dot--RELEASING{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot--FINISHED{background:var(--text-dim)}.dot--NOT_YET_RELEASED{background:var(--warn)}.dot--HIATUS{background:var(--anime)}.dot--CANCELLED{background:var(--danger)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:.6rem;margin:1.5rem 0;padding:2rem;display:flex}.panel p{color:var(--text-muted)}.panel--error{background:#f871710f;border-color:#f8717159}.panel--page{text-align:center;align-items:center;padding:4rem 2rem}.badge{text-transform:uppercase;letter-spacing:.07em;background:var(--accent-dim);color:var(--accent-soft);border:1px solid #7c5cff59;border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.badge--mock{color:var(--warn);background:#fbbf241f;border-color:#fbbf2459}code{background:var(--surface);border-radius:5px;padding:.1rem .35rem;font-size:.85em}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#1a1a28 25%,#23233a 50%,#1a1a28 75%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skeleton--line{height:12px}.skeleton--sm{height:9px}.skeleton--chip{border-radius:999px;width:74px;height:26px;display:inline-block}.card--skeleton{pointer-events:none}.card--skeleton .card__cover{border-radius:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.card{transition:none}}@media (width<=640px){.main{padding:1.25rem 1rem 3rem}.topbar__inner{gap:.75rem;padding:.75rem 1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.nav__link{padding:.35rem .6rem}}.input,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:.55rem .75rem}.input:focus,.textarea:focus{border-color:var(--border-strong)}.textarea{resize:vertical;min-height:84px;font-family:inherit}.field{flex-direction:column;gap:.35rem;width:100%;display:flex}.field__label{color:var(--text-muted);font-size:.8rem;font-weight:500}.field__hint{color:var(--text-dim);font-size:.78rem;line-height:1.4}.input.is-locked{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.form{flex-direction:column;gap:.9rem;width:100%;display:flex}.form__error{color:var(--danger);font-size:.85rem}.form__ok{color:var(--ok);font-size:.85rem}.notice{border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:100%;padding:.6rem .8rem;font-size:.86rem}.notice--warn{color:#fde3a7;background:#fbbf2417;border-color:#fbbf2466}.notice--suggest{border-color:var(--border-strong);background:var(--bg-elevated);color:var(--text-muted);flex-direction:column;gap:.6rem;display:flex}.notice__actions{flex-wrap:wrap;gap:.5rem;display:flex}.form__error-list{flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem;display:flex}.muted{color:var(--text-muted);font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.link{color:var(--accent-soft);text-underline-offset:2px;text-decoration:underline}.section__title{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:650;display:flex}.section__count{color:var(--text-dim);background:var(--surface);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.btn--primary{border-color:var(--accent);background:var(--accent)}.btn--sm{padding:.35rem .8rem;font-size:.82rem}.btn--block{justify-content:center;width:100%}.btn--link{color:var(--text-muted);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:500;text-decoration:underline}.btn--link:hover{color:var(--text)}.btn--danger,.btn--link.btn--danger{color:var(--danger)}.btn--ghost.btn--danger{border-color:#f8717166}.btn:disabled{opacity:.55;cursor:not-allowed}.chip--link{text-decoration:none;display:inline-block}.chip--link:hover{color:var(--text);border-color:var(--border-strong)}.topbar__right{align-items:center;gap:.75rem;margin-left:.5rem;display:flex}.nav{margin-left:auto}.account{align-items:center;gap:.5rem;display:flex}.account__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-size:.85rem;font-weight:600;overflow:hidden}.account__name:hover{color:var(--text)}.fav{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-muted);cursor:pointer;background:#0a0a10b3;border-radius:999px;align-items:center;gap:.45rem;transition:color .15s,border-color .15s,transform .1s;display:inline-flex}.fav:hover{color:var(--text);border-color:var(--accent-soft)}.fav:active{transform:scale(.94)}.fav__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:18px;height:18px}.fav.is-active{color:var(--accent-soft);border-color:var(--accent)}.fav.is-active .fav__icon{fill:var(--accent);stroke:var(--accent)}.fav--icon{z-index:2;padding:.35rem;position:absolute;top:.55rem;left:.55rem}.fav--full{padding:.5rem 1.05rem;font-size:.88rem;font-weight:600}.auth{justify-content:center;padding:2rem 0;display:flex}.panel--auth{align-items:stretch;gap:1rem;width:min(420px,100%)}.panel--soft{background:var(--surface);padding:1.25rem}.auth__switch{color:var(--text-muted);text-align:center;font-size:.86rem}.detail{margin:-2rem -1.5rem 0}.detail__banner{background-position:50%;background-size:cover;background-color:var(--surface);height:clamp(160px,26vw,300px);position:relative}.detail__banner-veil{background:linear-gradient(180deg, #0a0a1040, var(--bg));position:absolute;inset:0}.detail__head{max-width:var(--maxw);z-index:1;gap:1.75rem;margin:-90px auto 0;padding:0 1.5rem;display:flex;position:relative}.detail__cover{aspect-ratio:2/3;border-radius:var(--radius);border:1px solid var(--border-strong);width:190px;box-shadow:var(--shadow);background:var(--surface);flex:0 0 190px;overflow:hidden}.detail__cover img{object-fit:cover;width:100%;height:100%;display:block}.detail__intro{flex-direction:column;flex:1;gap:.7rem;min-width:0;padding-top:95px;display:flex}.detail__title{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:700}.detail__titles{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.9rem;display:flex}.detail__facts{flex-wrap:wrap;gap:1.4rem;margin-top:.3rem;display:flex}.detail__facts li{flex-direction:column;gap:.1rem;display:flex}.detail__fact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.72rem}.detail__fact-value{align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.detail__actions{margin-top:.4rem}.detail__genres{flex-wrap:wrap;gap:.4rem;margin-top:.3rem;display:flex}.detail__body{max-width:var(--maxw);grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;margin:0 auto;padding:0 1.5rem 3rem;display:grid}.detail__main,.detail__aside{min-width:0}.detail__synopsis{color:var(--text-muted);white-space:pre-line}.unit-list{flex-direction:column;gap:.15rem;width:100%;display:flex}.unit{border-bottom:1px solid var(--border);grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.55rem .4rem;font-size:.9rem;display:grid}.unit:last-child{border-bottom:none}.unit__number{color:var(--accent-soft);font-variant-numeric:tabular-nums;font-weight:700}.unit__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit__meta{color:var(--text-dim);white-space:nowrap;font-size:.8rem}.progress-form{flex-direction:column;gap:.8rem;width:100%;display:flex}.progress-form__actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;width:100%;height:22px;margin-top:.4rem;position:relative;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--accent), var(--anime));transition:width .25s;position:absolute;inset:0 auto 0 0}.progress-bar__label{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;font-size:.75rem;line-height:22px;display:block;position:relative}.comments{gap:1rem}.comment-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.comment-form__actions{align-items:center;gap:.7rem;display:flex}.comment-list{flex-direction:column;gap:.9rem;width:100%;display:flex}.comment-list--replies{border-left:2px solid var(--border);margin:.7rem 0 0 1.25rem;padding-left:.9rem}.comment{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:.8rem .95rem;display:flex}.comment__head{align-items:baseline;gap:.6rem;display:flex}.comment__author{font-size:.9rem;font-weight:650}.comment__date{color:var(--text-dim);font-size:.76rem}.comment__body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}.comment__actions{gap:.9rem;display:flex}.bell{position:relative}.bell__button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.bell__button:hover{color:var(--text);border-color:var(--border-strong)}.bell__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.bell__badge{background:var(--danger);color:#1a0a0a;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.bell__panel{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(360px,100vw - 2rem);max-height:60vh;box-shadow:var(--shadow);z-index:40;position:absolute;top:calc(100% + .6rem);right:0;overflow-y:auto}.bell__head{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex;position:sticky;top:0}.bell__empty{color:var(--text-muted);padding:1.2rem .9rem;font-size:.88rem}.bell__list li{border-bottom:1px solid var(--border)}.bell__list li.is-unread{background:var(--accent-dim)}.bell__item{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.15rem;width:100%;padding:.7rem .9rem;display:flex}.bell__item:hover{background:var(--surface-hover)}.bell__type{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-soft);font-size:.7rem}.bell__message{font-size:.88rem}.bell__date{color:var(--text-dim);font-size:.74rem}.bell__foot{border-top:1px solid var(--border);background:var(--bg-elevated);padding:.55rem .9rem;position:sticky;bottom:0}.stream{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.74rem;display:inline-flex}.stream__dot{background:var(--text-dim);border-radius:999px;width:7px;height:7px}.stream--open .stream__dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.stream--connecting .stream__dot,.stream--retrying .stream__dot{background:var(--warn)}.stream--unavailable .stream__dot{background:var(--danger)}.fav-list{flex-direction:column;gap:.6rem;margin-top:1.2rem;display:flex}.fav-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.fav-row.is-pending{opacity:.6}.fav-row__link{flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.fav-row__cover{border-radius:var(--radius-sm);background:var(--surface);flex:0 0 46px;width:46px;height:66px;display:block;overflow:hidden}.fav-row__cover img{object-fit:cover;width:100%;height:100%;display:block}.fav-row__body{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.fav-row__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.segmented__count{opacity:.7;font-size:.72rem}.profile__identity{flex-direction:row;align-items:center;gap:1.2rem}.profile__avatar{background:linear-gradient(135deg, var(--accent), var(--anime));color:#fff;border-radius:999px;flex:0 0 64px;place-items:center;width:64px;height:64px;font-size:1.3rem;font-weight:800;display:grid}.profile__name{font-size:1.25rem}.profile__roles{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.profile__identity>button{margin-left:auto}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:1rem 1.1rem;display:flex}.stat__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:750}.stat__label{color:var(--text-muted);font-size:.78rem}.status-list{flex-direction:column;gap:.5rem;width:100%;display:flex}.status-list__row{grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:.8rem;font-size:.86rem;display:grid}.status-list__bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.status-list__fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;display:block}.status-list__count{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}@media (width<=900px){.detail__body{grid-template-columns:minmax(0,1fr)}.detail__head{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:-70px}.detail__intro{padding-top:0}.detail__cover{flex-basis:130px;width:130px}.unit{grid-template-columns:38px minmax(0,1fr) auto}.unit__meta{grid-column:2/-1}}@media (width<=700px){.topbar__inner{flex-wrap:wrap;gap:.7rem}.nav{order:3;width:100%;margin-left:0;overflow-x:auto}.profile__identity{flex-wrap:wrap}.profile__identity>button{margin-left:0}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.watchlist{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:#0a0a10b3;border-radius:999px;align-items:center;gap:.4rem;font-weight:600;transition:color .15s,border-color .15s,transform .1s;display:inline-flex}.watchlist--sm{padding:.3rem .7rem;font-size:.78rem}.watchlist--full{padding:.5rem 1.05rem;font-size:.88rem}.watchlist:hover:not(:disabled){color:var(--text);border-color:var(--anime)}.watchlist:active:not(:disabled){transform:scale(.96)}.watchlist:disabled{opacity:.55;cursor:default}.watchlist.is-active{color:var(--ok);border-color:var(--ok)}.watchlist__icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.reco-intro{max-width:68ch;margin:0 0 1.2rem;font-size:.9rem;line-height:1.55}.reco-footnote{margin-top:1.5rem;font-size:.85rem}.reco-list{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1rem;display:grid}.reco{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:116px minmax(0,1fr);gap:1rem;padding:.9rem;transition:border-color .18s,transform .18s;display:grid}.reco:hover{border-color:var(--border-strong);transform:translateY(-2px)}.reco--skeleton:hover{transform:none}.reco__cover{aspect-ratio:2/3;border-radius:var(--radius);background:var(--bg-elevated);position:relative;overflow:hidden}.reco__cover img{object-fit:cover;width:100%;height:100%;display:block}.reco__rank{border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;color:var(--accent-soft);background:#0a0a10d1;border-radius:999px;padding:.12rem .42rem;font-size:.72rem;font-weight:700;position:absolute;top:.35rem;left:.35rem}.reco__body{flex-direction:column;gap:.55rem;min-width:0;display:flex}.reco__head{flex-direction:column;gap:.25rem;display:flex}.reco__head .card__kind{align-self:flex-start;position:static}.reco__title{margin:0;font-size:1.02rem;line-height:1.3}.reco__subtitle{color:var(--text-dim);margin:0;font-size:.82rem}.reco__score{align-items:center;gap:.6rem;display:flex}.reco__meter{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.reco__meter-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));border-radius:999px;height:100%;display:block}.reco__meter.is-high .reco__meter-fill{background:linear-gradient(90deg, var(--accent), var(--ok))}.reco__meter.is-low .reco__meter-fill{background:linear-gradient(90deg, var(--border-strong), var(--accent-soft))}.reco__score-value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2rem;font-size:.9rem;font-weight:700}.reco__why{color:var(--text-muted);margin:0;font-size:.87rem;line-height:1.6}.reco__why .chip{margin:0 .1rem}.reco__metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.35rem .8rem;margin:0;display:grid}.reco__metric{flex-direction:column;gap:.18rem;min-width:0;display:flex}.reco__metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.7rem}.reco__metric-value{font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:center;gap:.4rem;margin:0;font-size:.76rem;display:flex}.reco__metric-bar{background:var(--bg-elevated);border-radius:999px;flex:1;height:4px;overflow:hidden}.reco__metric-fill{background:var(--accent-dim);border-top:2px solid var(--accent-soft);height:100%;display:block}.reco__actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.25rem;display:flex}.profile__reco{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.profile__reco .section__title{margin-top:0}.profile__reco p{max-width:60ch;margin:0;font-size:.88rem}.unit-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.unit-head .section__title{margin-bottom:.6rem}.select--sm{padding:.28rem .55rem;font-size:.8rem}.unit{grid-template-columns:46px auto minmax(0,1fr) auto auto}.unit.is-seen{background:#4ade800d}.unit.is-seen .unit__number{color:var(--ok)}.unit__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);width:72px;display:block;overflow:hidden}.unit__thumb img{object-fit:cover;width:100%;height:100%;display:block}.unit__thumb-fallback{width:100%;height:100%;color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.unit__actions{justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.unit__mark{border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.unit__mark svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.unit__mark:hover:not(:disabled){color:var(--text);border-color:var(--ok)}.unit__mark.is-seen{color:var(--ok);border-color:var(--ok);background:#4ade801a}.unit__mark:disabled{opacity:.5;cursor:default}.unit-pager{justify-content:center;align-items:center;gap:.9rem;margin-top:.9rem;font-size:.85rem;display:flex}.unit-online{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:.2rem 0 .8rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.unit-online__count{margin:0}.unit-online__count strong{color:var(--accent-soft)}.unit-online__filter{cursor:pointer;color:var(--text-muted);align-items:center;gap:.4rem;display:inline-flex}.unit-online__filter input{accent-color:var(--accent);cursor:pointer}.unit__external{white-space:nowrap;color:var(--accent-soft);align-items:center;gap:.3rem;font-size:.8rem;font-weight:550;text-decoration:none;display:inline-flex}.unit__external:hover .unit__external-text{text-underline-offset:2px;text-decoration:underline}.external-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px}@media (width<=900px){.reco-list{grid-template-columns:1fr}.unit{grid-template-columns:38px auto minmax(0,1fr) auto}.unit__meta{grid-column:3/-1}}@media (width<=640px){.reco{grid-template-columns:84px minmax(0,1fr)}.unit{grid-template-columns:38px minmax(0,1fr) auto}.unit__thumb{display:none}.unit__meta{grid-column:2/-1}.unit__external-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.unit__external{padding:.2rem}.external-icon{width:15px;height:15px}}