:root{--bg: #14181c;--bg-raised: #1b2228;--panel: #2c3440;--panel-light: #384250;--rule: #2c3440;--rule-strong: #456;--text: #9ab;--text-strong: #fff;--text-dim: #678;--text-mid: #89a;--green: #00e054;--green-deep: #00b021;--orange: #ff8000;--heart: #ff9010;--blue: #40bcf4;--tab-height: 54px;--page-pad: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font-family:inherit;font-size:15px;color:var(--text-strong);background:var(--panel);border:1px solid transparent;border-radius:3px;padding:11px 12px;width:100%}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--rule-strong)}img{display:block;max-width:100%}.app{min-height:100vh;min-height:100lvh;padding-bottom:calc(var(--tab-height) + var(--safe-bottom))}.page{padding:0 var(--page-pad) 32px}.page--flush{padding-left:0;padding-right:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:calc(52px + var(--safe-top));padding:var(--safe-top) var(--page-pad) 0;background:#14181cf0;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--rule)}.topbar--transparent{position:fixed;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.topbar__title{font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__action{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--text)}.topbar__action:active{background:var(--panel)}.topbar--transparent .topbar__action{background:#14181c99;color:#fff}.brand{display:flex;align-items:center;gap:8px}.brand__dots{display:flex}.brand__dot{width:13px;height:13px;border-radius:50%}.brand__dot+.brand__dot{margin-left:-4px}.brand__dot--orange{background:var(--orange)}.brand__dot--green{background:var(--green)}.brand__dot--blue{background:var(--blue)}.brand__word{font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--text-strong)}.section{margin-top:26px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:5px;margin-bottom:12px}.section__title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-mid);margin:0}.section__more{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.poster{position:relative;display:block;aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background:var(--panel);border:1px solid rgba(255,255,255,.07);box-shadow:0 1px 4px #0006}.poster img{width:100%;height:100%;object-fit:cover}.poster__fallback{display:grid;place-items:center;height:100%;padding:8px;font-size:11px;font-weight:700;text-align:center;color:var(--text-dim)}.poster__badges{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:5px;padding:14px 5px 4px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);font-size:11px;line-height:1}.poster__badge--watched{color:var(--green)}.poster__badge--liked{color:var(--heart)}.poster__badge--rating{color:var(--green);font-weight:600;letter-spacing:-.5px}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.poster-grid--four{grid-template-columns:repeat(4,1fr)}.poster-row{display:flex;gap:10px;overflow-x:auto;padding:2px var(--page-pad) 4px;margin:0 calc(var(--page-pad) * -1);scrollbar-width:none;scroll-snap-type:x proximity}.poster-row::-webkit-scrollbar{display:none}.poster-row>*{flex:0 0 106px;scroll-snap-align:start}.poster-row--wide>*{flex:0 0 132px}.poster-caption{margin-top:6px;font-size:12px;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-caption__year{color:var(--text-dim)}.stars{display:inline-flex;align-items:center;gap:1px;color:var(--green)}.stars svg{display:block}.stars--muted{color:var(--text-dim)}.star-input{display:inline-flex;align-items:center;gap:2px;touch-action:none;-webkit-user-select:none;user-select:none}.star-input__star{position:relative;width:34px;height:34px}.star-input--small .star-input__star{width:24px;height:24px}.hero{position:relative}.hero__backdrop{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--panel)}.hero__backdrop img{width:100%;height:100%;object-fit:cover}.hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(20,24,28,.35) 0%,rgba(20,24,28,0) 32%,rgba(20,24,28,.75) 78%,var(--bg) 100%),linear-gradient(to right,#14181c8c,#14181c00 55%)}.hero__body{display:flex;gap:14px;padding:0 var(--page-pad);margin-top:-66px;position:relative}.hero__poster{flex:0 0 104px}.hero__meta{padding-top:72px;min-width:0}.hero__title{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong);line-height:1.15}.hero__sub{margin-top:5px;font-size:13px;color:var(--text)}.hero__sub a{color:var(--text-strong);font-weight:600}.hero__year{color:var(--text-mid);font-weight:600}.actions{margin:18px var(--page-pad) 0;background:var(--panel);border-radius:5px;overflow:hidden}.actions__row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(0,0,0,.25)}.actions__button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid)}.actions__button+.actions__button{border-left:1px solid rgba(0,0,0,.25)}.actions__button:active{background:var(--panel-light)}.actions__button.is-on{color:var(--text-strong)}.actions__button.is-on .actions__icon--watch{color:var(--green)}.actions__button.is-on .actions__icon--like{color:var(--heart)}.actions__button.is-on .actions__icon--watchlist{color:var(--blue)}.actions__icon{color:var(--text-mid)}.actions__rate{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 16px;border-bottom:1px solid rgba(0,0,0,.25)}.actions__rate-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid)}.actions__review{display:block;width:100%;padding:14px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid)}.actions__review:active{background:var(--panel-light)}.actions__review[disabled]{opacity:.45}.actions__review[disabled]:active{background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:3px;background:var(--panel);color:var(--text-strong);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.btn:active{background:var(--panel-light)}.btn--primary{background:var(--green-deep);color:#fff}.btn--primary:active{background:var(--green)}.btn--block{width:100%}.btn--danger{color:#ff6b6b}.btn[disabled]{opacity:.5}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:0 var(--page-pad) 2px;margin:0 calc(var(--page-pad) * -1);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:var(--panel);color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}.chip.is-active{background:var(--text);color:var(--bg)}.segmented{display:flex;background:var(--panel);border-radius:4px;padding:3px;gap:3px}.segmented__item{flex:1;padding:8px 4px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mid);text-align:center}.segmented__item.is-active{background:var(--panel-light);color:var(--text-strong)}.tagline{margin:18px var(--page-pad) 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid)}.overview{margin:8px var(--page-pad) 0;font-size:15px;line-height:1.55;color:var(--text)}.overview--clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.text-more{margin:6px var(--page-pad) 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.detail-list{margin:0;padding:0;list-style:none}.detail-list__row{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:13px}.detail-list__key{flex:0 0 96px;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding-top:2px}.detail-list__value{color:var(--text)}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag{padding:6px 10px;border-radius:3px;background:var(--panel);font-size:12px;color:var(--text)}.ratings{display:flex;align-items:flex-end;gap:14px}.ratings__histogram{flex:1;display:flex;align-items:flex-end;gap:2px;height:46px}.ratings__bar{flex:1;background:var(--green);border-radius:1px 1px 0 0;min-height:2px;opacity:.9}.ratings__bar--empty{background:var(--panel)}.ratings__average{text-align:center;min-width:58px}.ratings__average-value{font-size:30px;font-weight:700;color:var(--text-strong);line-height:1;letter-spacing:-.02em}.ratings__scale{display:flex;justify-content:space-between;margin-top:5px;color:var(--text-dim);font-size:10px}.row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);align-items:center}.row:last-child{border-bottom:none}.row__poster{flex:0 0 48px}.row__body{flex:1;min-width:0}.row__title{font-size:14px;font-weight:600;color:var(--text-strong);line-height:1.3}.row__meta{margin-top:3px;font-size:12px;color:var(--text-dim)}.row__trailing{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.episode{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:flex-start}.episode__check{flex:0 0 26px;height:26px;margin-top:2px;border-radius:50%;border:1.5px solid var(--rule-strong);display:grid;place-items:center;color:transparent}.episode__check.is-on{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.episode__body{flex:1;min-width:0}.episode__code{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-dim)}.episode__title{font-size:14px;font-weight:600;color:var(--text-strong);margin-top:1px}.episode__meta{margin-top:3px;font-size:12px;color:var(--text-dim)}.diary-month{display:flex;align-items:baseline;gap:10px;margin:24px 0 4px;border-bottom:1px solid var(--rule);padding-bottom:5px}.diary-month__label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-mid)}.diary-month__count{font-size:11px;color:var(--text-dim)}.diary-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule)}.diary-row__day{flex:0 0 26px;text-align:center;font-size:15px;font-weight:700;color:var(--text-dim)}.diary-row__poster{flex:0 0 42px}.diary-row__body{flex:1;min-width:0}.diary-row__title{font-size:14px;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-row__sub{margin-top:2px;font-size:12px;color:var(--text-dim)}.diary-row__marks{display:flex;align-items:center;gap:7px}.review-snippet{margin-top:6px;font-size:13px;color:var(--text);line-height:1.45}.review-spoiler{color:var(--text-dim);font-style:italic}.profile-head{display:flex;align-items:center;gap:14px;padding:20px 0 16px}.profile-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--panel);flex:0 0 64px}.profile-name{font-size:19px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.profile-handle{font-size:13px;color:var(--text-dim)}.stat-row{display:flex;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.stat-row__item{flex:1;text-align:center;padding:12px 4px}.stat-row__item+.stat-row__item{border-left:1px solid var(--rule)}.stat-row__value{font-size:18px;font-weight:700;color:var(--text-strong);line-height:1.1}.stat-row__label{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.menu-list{border-top:1px solid var(--rule)}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 0;border-bottom:1px solid var(--rule);font-size:14px;color:var(--text-strong);text-align:left}.menu-item__meta{color:var(--text-dim);font-size:13px;display:flex;align-items:center;gap:8px}.bar-list{display:flex;flex-direction:column;gap:9px}.bar-list__row{display:flex;align-items:center;gap:10px;font-size:13px}.bar-list__label{flex:0 0 108px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-list__track{flex:1;height:8px;background:var(--panel);border-radius:2px;overflow:hidden}.bar-list__fill{height:100%;background:var(--green);border-radius:2px}.bar-list__value{flex:0 0 34px;text-align:right;color:var(--text-dim);font-size:12px}.month-chart{display:flex;align-items:flex-end;gap:4px;height:96px}.month-chart__col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:5px}.month-chart__bar{background:var(--blue);border-radius:1px;min-height:2px}.month-chart__label{font-size:9px;color:var(--text-dim);text-align:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000a6;animation:fade-in .18s ease}.sheet{position:fixed;left:0;right:0;bottom:0;top:0;z-index:91;display:flex;flex-direction:column;padding-top:var(--safe-top);background:var(--bg);animation:slide-up .24s cubic-bezier(.2,.8,.3,1)}.sheet__bar{display:flex;align-items:center;gap:12px;padding:0 var(--page-pad);height:52px;border-bottom:1px solid var(--rule);flex:0 0 auto}.sheet__title{flex:1;text-align:center;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.sheet__action{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);min-width:54px}.sheet__action--primary{color:var(--green);text-align:right}.sheet__body{flex:1;overflow-y:auto;padding:16px var(--page-pad) calc(40px + var(--safe-bottom))}.sheet--compact{top:auto;padding-top:0;border-radius:10px 10px 0 0;max-height:82vh}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(16px);opacity:.4}to{transform:none;opacity:1}}.log-head{display:flex;gap:14px}.log-head__poster{flex:0 0 76px}.log-head__title{font-size:18px;font-weight:700;color:var(--text-strong);line-height:1.2}.log-head__sub{margin-top:4px;font-size:13px;color:var(--text-dim)}.field{margin-top:20px}.field__label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:14px;color:var(--text-strong);width:100%;text-align:left}.toggle{flex:0 0 44px;height:26px;border-radius:999px;background:var(--panel);position:relative;transition:background .15s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:transform .15s ease,background .15s ease}.toggle.is-on{background:#00e05440}.toggle.is-on:after{transform:translate(18px);background:var(--green)}.rate-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}textarea.review-input{min-height:120px;resize:vertical;line-height:1.5}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#14181cf7;-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);border-top:1px solid var(--rule)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tabbar__item.is-active{color:var(--text-strong)}.empty{padding:48px 20px;text-align:center;color:var(--text-dim);font-size:14px}.empty__title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.notice{margin:12px 0;padding:12px 14px;border-radius:4px;background:var(--panel);font-size:13px;color:var(--text);border-left:3px solid var(--blue)}.notice--error{border-left-color:#ff6b6b}.spinner{width:22px;height:22px;margin:48px auto;border:2px solid var(--panel);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{padding:10px var(--page-pad);border-bottom:1px solid var(--rule)}.people-row{display:flex;gap:10px;overflow-x:auto;margin:0 calc(var(--page-pad) * -1);padding:0 var(--page-pad);scrollbar-width:none}.people-row::-webkit-scrollbar{display:none}.person{flex:0 0 84px}.person__name{margin-top:6px;font-size:12px;font-weight:600;color:var(--text-strong);line-height:1.25}.person__role{font-size:11px;color:var(--text-dim);line-height:1.25}.person__portrait{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--panel)}.list-card{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:center}.list-card__stack{display:flex;flex:0 0 auto}.list-card__stack .poster{width:38px}.list-card__stack>*+*{margin-left:-14px}.list-card__name{font-size:15px;font-weight:700;color:var(--text-strong)}.list-card__meta{margin-top:3px;font-size:12px;color:var(--text-dim)}.fab{position:fixed;right:16px;bottom:calc(var(--tab-height) + var(--safe-bottom) + 16px);z-index:45;width:52px;height:52px;border-radius:50%;background:var(--green-deep);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #00000073}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}