:root{color-scheme:dark;--tg-bg: #111820;--tg-text: #eef4f8;--tg-hint: #8a99a6;--tg-link: #61a8ff;--tg-button: #2a89ff;--tg-button-text: #ffffff;--tg-secondary-bg: #17212b;--tg-header-bg: #0f1419;--tg-accent-text: #64d2a3;--border: rgba(255, 255, 255, .09);--danger: #ff6b6b;--shadow: 0 10px 28px rgba(0, 0, 0, .18);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--tg-bg);color:var(--tg-text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:var(--tg-bg)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a,button,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus{outline:none}:focus-visible{outline:2px solid color-mix(in srgb,var(--tg-button) 70%,white);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.content{width:min(760px,100%);max-width:100vw;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px 18px;overflow-x:clip}.page-transition{min-width:0;transform-origin:center;animation-duration:.38s;animation-timing-function:cubic-bezier(.22,.72,0,1);animation-fill-mode:both;will-change:transform,opacity}.page-transition--forward{animation-name:page-slide-forward}.page-transition--back{animation-name:page-slide-back}.page-transition--tab-forward{animation-name:page-slide-tab-forward}.page-transition--tab-back{animation-name:page-slide-tab-back}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px}.page-header h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:0}.page-header p,.panel__header p,.muted{color:var(--tg-hint)}.page-header p,.panel__header p{margin:5px 0 0;font-size:14px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--tg-secondary-bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tabbar__item{display:grid;justify-items:center;gap:3px;min-height:48px;padding:5px 2px;color:var(--tg-hint);font-size:11px}.tabbar__item.active{color:var(--tg-button)}.stack{display:grid;gap:12px;min-width:0}.stack.tight{gap:8px}.panel,.feed-card,.title-row,.state,.stats{border:1px solid var(--border);border-radius:8px;background:var(--tg-secondary-bg);box-shadow:var(--shadow)}.panel,.feed-card,.state{padding:14px}.panel,.feed-card,.title-row,.state,.stats,.rating-card{width:100%;min-width:0}.feed-card,.title-row,.rating-card,.user-row,.button,.icon-button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.feed-card,.title-row,.rating-card{overflow:hidden}.panel{margin:12px 0}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__header h2,.state h2{margin:0;font-size:18px;line-height:1.2}.state{display:grid;justify-items:center;gap:8px;padding:28px 18px;text-align:center;color:var(--tg-hint)}.state p,.feed-card p,.title-row p,.title-hero p,.comment p{margin:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button,.icon-button{border:0;border-radius:8px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;color:var(--tg-button-text);background:var(--tg-button);font-weight:650}.button:disabled{cursor:default;opacity:.55}.button--ghost{color:var(--tg-text);background:#ffffff12}.button:active,.icon-button:active{transform:translateY(-1px) scale(.99)}.button--danger,.danger{color:var(--danger)}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;color:var(--tg-text);background:#ffffff14}.search-box{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:12px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:var(--tg-secondary-bg)}.search-box input,.comment-form textarea{width:100%;border:0;outline:0;color:var(--tg-text);background:transparent}.title-row{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px}.title-row--opening{border-color:color-mix(in srgb,var(--tg-button) 42%,var(--border));transform:translateY(-3px) scale(.997);box-shadow:0 18px 40px #00000052}.title-row__title{overflow-wrap:anywhere;margin-bottom:4px;font-weight:700;line-height:1.2}.title-row__body{min-width:0}.title-row__body p{display:-webkit-box;overflow:hidden;color:var(--tg-hint);font-size:13px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.poster{width:66px;aspect-ratio:2 / 3;object-fit:cover;border-radius:7px;background:#ffffff14}.poster--empty{display:grid;place-items:center;color:var(--tg-hint);font-size:12px}.feed-card__user,.user-row,.comment__head{display:flex;align-items:center;gap:9px}.feed-card__user{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:10px;margin-bottom:10px}.feed-card__actor{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0}.feed-card__actor .user-link{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,auto));column-gap:8px;row-gap:1px;max-width:min(100%,360px)}.feed-card__actor .avatar{grid-row:1 / 3;width:32px;height:32px}.feed-card__actor .user-link__name,.feed-card__actor .user-link__username{grid-column:2}.feed-card__actor .user-link__username{font-size:12px}.feed-card__event{display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;padding-left:40px;color:var(--tg-hint);font-size:13px;line-height:1.25}.user-link{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-weight:650}.user-link__name,.user-link__username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-link__name{max-width:100%}.user-link__username{flex:1 1 auto;font-weight:500}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;color:var(--tg-button-text);background:var(--tg-button);font-weight:700}.score-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;place-items:center;flex:0 0 auto;min-width:42px;height:32px;padding:0 10px;border-radius:8px;color:hsl(var(--score-hue, 140) 45% 10%);background:linear-gradient(135deg,hsl(var(--score-hue, 140) 82% 68%),hsl(var(--score-hue, 140) 78% 52%));box-shadow:inset 0 1px #ffffff47;font-weight:800}.score-pill__icon{flex:0 0 auto}.score-pill--muted{color:var(--tg-hint);background:#ffffff14;box-shadow:none}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.score-grid__item{display:flex;justify-content:space-between;gap:8px;min-width:0;padding:9px 10px;border-radius:7px;background:#ffffff0f}.score-grid__item span{min-width:0;overflow-wrap:anywhere}.title-hero{display:grid;gap:12px;margin-bottom:12px;contain:layout paint}.title-hero--preview{min-height:360px}.skeleton-box,.skeleton-line{overflow:hidden;border-radius:8px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),#ffffff12;background-size:180% 100%;animation:skeleton-shimmer 1.1s ease-in-out infinite}.skeleton-box{min-height:54px}.skeleton-line{width:100%;height:54px}.title-hero__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:14px;overflow:hidden;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--tg-secondary-bg);box-shadow:var(--shadow);contain:layout paint}.title-hero__top .poster{width:100%;max-height:320px;object-fit:cover}.title-hero__name{display:grid;align-content:end;gap:7px;min-width:0}.title-hero__name h2,.title-hero__name p{margin:0}.title-hero__name h2{overflow-wrap:anywhere;font-size:24px;line-height:1.12}.title-hero__scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.title-hero__scores>div{min-width:0;padding:10px;border-radius:8px;background:#ffffff0f}.title-hero__scores>div,.stats>div{display:grid;gap:5px}.title-hero__genres,.title-hero__overview{margin:0}.title-hero__details{display:grid;gap:8px;animation:hero-details-in .32s cubic-bezier(.22,.72,0,1) both}.sliders{display:grid;gap:10px;margin-bottom:14px;padding-top:2px}.slider-row{display:grid;grid-template-columns:minmax(88px,1fr) minmax(120px,1.4fr) 26px;align-items:center;column-gap:10px;row-gap:0;min-width:0}.slider-row__label{display:inline-flex;align-items:center;gap:6px;min-width:0}.slider-row__label span{min-width:0;overflow-wrap:anywhere}.hint-button{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:50%;color:var(--tg-hint);background:#ffffff0d;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.hint-button[aria-expanded=true]{color:var(--tg-button);border-color:color-mix(in srgb,var(--tg-button) 45%,var(--border));background:color-mix(in srgb,var(--tg-button) 18%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tg-button) 10%,transparent)}.hint-button:active{transform:translateY(-1px) scale(.96)}.slider-row input{min-width:0;accent-color:var(--tg-button)}.criterion-popover{grid-column:1 / -1;display:grid;grid-template-rows:0fr;max-width:100%;margin-top:0;overflow:hidden;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:grid-template-rows .22s ease,margin-top .22s ease,opacity .18s ease,transform .22s ease}.criterion-popover p{position:relative;min-height:0;margin:0;padding:11px 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tg-button) 28%,var(--border));border-radius:8px;color:var(--tg-text);background:linear-gradient(135deg,color-mix(in srgb,var(--tg-button) 14%,var(--tg-secondary-bg)),var(--tg-secondary-bg));box-shadow:0 12px 26px #0000003d;font-size:13px;line-height:1.4}.criterion-popover p:before{position:absolute;top:-5px;left:24px;width:10px;height:10px;border-top:1px solid color-mix(in srgb,var(--tg-button) 28%,var(--border));border-left:1px solid color-mix(in srgb,var(--tg-button) 28%,var(--border));background:color-mix(in srgb,var(--tg-button) 14%,var(--tg-secondary-bg));content:"";transform:rotate(45deg)}.slider-row--hint-open .criterion-popover{grid-template-rows:1fr;margin-top:8px;opacity:1;transform:translateY(0) scale(1)}.rating-card{padding:10px;border:1px solid transparent;border-radius:8px;background:#ffffff0d}.rating-card__head{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px}.rating-card__meta{display:grid;gap:4px;min-width:0}.rating-card__user{display:flex;align-items:center;gap:8px;min-width:0}.rating-date{min-width:0;color:var(--tg-hint);font-size:12px;line-height:1.25;overflow-wrap:anywhere}.accordion{min-width:0;margin-top:10px}.accordion__trigger{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;width:100%;min-height:38px;gap:8px;padding:0;border:0;color:var(--tg-text);background:transparent;cursor:pointer;text-align:left;font-weight:700}.accordion__trigger .muted{justify-self:end;min-width:0;font-size:12px;font-weight:500}.accordion__icon{color:var(--tg-hint);transition:transform .18s ease}.accordion--open .accordion__icon{transform:rotate(180deg)}.accordion__content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}.accordion--open .accordion__content{grid-template-rows:1fr;opacity:1}.accordion__inner{min-height:0;overflow:hidden}.rating-editor__accordion{margin-top:0}.rating-editor__accordion .accordion__inner{padding-top:8px}.rating-editor__save{justify-self:center;min-width:148px}.comment-form{display:grid;gap:8px;margin-bottom:12px}.comment-form textarea{min-height:78px;resize:vertical;padding:11px;border-radius:8px;background:#ffffff0f}.comment-form.compact textarea{min-height:58px}.comments-list{display:grid;gap:12px}.comment{display:grid;gap:7px}.comment--reply{padding-left:12px;border-left:2px solid var(--border)}.comment__actions{display:flex;flex-wrap:wrap;gap:12px}.comment__date{margin-left:auto;color:var(--tg-hint);font-size:12px;white-space:nowrap}.comment__actions button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;color:var(--tg-link);background:transparent}.comment__replies{display:grid;gap:10px}.invite-panel,.stats,.profile-head{display:flex;align-items:center;gap:12px}.invite-panel,.stats{justify-content:space-between}.profile-head{display:grid;grid-template-columns:54px minmax(0,1fr) max-content;padding:14px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--tg-secondary-bg);box-shadow:var(--shadow)}.profile-head .avatar{width:54px;height:54px;font-size:21px}.profile-head h2,.profile-head p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.profile-head h2{font-size:20px}.stats{padding:14px;margin-bottom:12px}.stats b{font-size:24px}.user-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;min-height:46px;padding:8px;border-radius:8px;background:#ffffff0d}.user-row>.user-link{min-width:0;font-weight:650}.user-row>.muted{justify-self:end;white-space:nowrap}.user-row>.button,.user-row>.status-chip{justify-self:end}.user-row__actions{display:flex;justify-self:end;gap:8px}.status-chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border-radius:8px;color:var(--tg-hint);background:#ffffff12;font-size:13px}@media (max-width: 420px){.page-header h1{font-size:25px}.title-row{grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:9px}.poster{width:58px}.score-grid{grid-template-columns:1fr}.slider-row{grid-template-columns:1fr 26px}.slider-row__label{grid-column:1 / -1}.slider-row input{grid-column:1 / -1;grid-row:2}.user-row{grid-template-columns:minmax(0,1fr)}.user-row>.button,.user-row>.status-chip,.user-row>.muted,.user-row__actions{justify-self:stretch}.user-row__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-head{grid-template-columns:54px minmax(0,1fr)}.profile-head>.button,.profile-head>.status-chip{grid-column:1 / -1;justify-self:stretch}.feed-card__actor .user-link{max-width:100%}.feed-card__event{padding-left:40px}}@media (hover: hover){.title-row:hover,.rating-card:hover,.user-row:hover{border-color:color-mix(in srgb,var(--tg-button) 32%,var(--border));transform:translateY(-1px);box-shadow:0 14px 30px #00000038}}.title-row:active,.rating-card:active,.user-row:active{border-color:color-mix(in srgb,var(--tg-button) 45%,var(--border));transform:translateY(-2px) scale(.995);box-shadow:0 16px 34px #00000047}@keyframes page-slide-forward{0%{opacity:.82;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes page-slide-back{0%{opacity:.84;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes page-slide-tab-forward{0%{opacity:.84;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes page-slide-tab-back{0%{opacity:.84;transform:translate(-34px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes hero-details-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@supports (view-transition-name: none){::view-transition-old(root),::view-transition-new(root){animation-duration:.34s;animation-timing-function:cubic-bezier(.22,.72,0,1)}::view-transition-group(title-card-active){overflow:hidden;border-radius:8px;animation-duration:.5s;animation-timing-function:cubic-bezier(.22,.72,0,1)}::view-transition-old(title-card-active),::view-transition-new(title-card-active){overflow:hidden;border-radius:8px;animation-duration:.5s;animation-timing-function:cubic-bezier(.22,.72,0,1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-transition{animation:none}}