:root{--bg: #0a0a10;--card-bg: #111118;--card-border: rgba(255, 255, 255, 0.07);--text: #ffffff;--text-dim: rgba(255, 255, 255, 0.48);--text-dimmer: rgba(255, 255, 255, 0.28);--accent: #7c3aed;--accent-dim: rgba(124, 58, 237, 0.18);--ctrl-bg: rgba(10, 10, 16, 0.8);--tag-bg: rgba(255, 255, 255, 0.06);--tag-border: rgba(255, 255, 255, 0.1);--kbd-bg: rgba(255, 255, 255, 0.08);--progress-bg: rgba(255, 255, 255, 0.08);--nav-btn-bg: rgba(255, 255, 255, 0.06);--nav-btn-hover: rgba(255, 255, 255, 0.12)}body.light{--bg: #f2f2f7;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, 0.07);--text: #0a0a10;--text-dim: rgba(0, 0, 0, 0.45);--text-dimmer: rgba(0, 0, 0, 0.28);--ctrl-bg: rgba(242, 242, 247, 0.85);--tag-bg: rgba(0, 0, 0, 0.05);--tag-border: rgba(0, 0, 0, 0.1);--kbd-bg: rgba(0, 0, 0, 0.07);--progress-bg: rgba(0, 0, 0, 0.08);--nav-btn-bg: rgba(0, 0, 0, 0.05);--nav-btn-hover: rgba(0, 0, 0, 0.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:"Inter",system-ui,sans-serif;transition:background .4s ease,color .4s ease;overflow-x:hidden}img{display:block}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:3rem;display:flex;align-items:center;gap:1.2rem;padding:0 1.6rem;background:var(--ctrl-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border);transition:background .4s,border-color .4s}.tb__brand{display:flex;align-items:baseline;gap:.4rem;white-space:nowrap}.tb__name{font-size:.72rem;color:var(--text-dim)}.tb__sep{font-size:.72rem;color:var(--text-dimmer)}.tb__title{font-size:.82rem;font-weight:600;color:var(--text)}.tb__meta{display:flex;gap:.35rem;margin-left:auto}.tb__tag{padding:.18rem .55rem;border-radius:99px;border:1px solid var(--tag-border);background:var(--tag-bg);font-size:.68rem;color:var(--text-dim);transition:all .3s}.tb__toggle{margin-left:.8rem;width:2.2rem;height:2.2rem;border:1px solid var(--tag-border);border-radius:8px;background:var(--tag-bg);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;transition:all .2s;flex-shrink:0}.tb__toggle:hover{border-color:var(--accent);color:var(--text)}.tb__toggle .icon-moon{display:block}.tb__toggle .icon-sun{display:none}body.light .tb__toggle .icon-moon{display:none}body.light .tb__toggle .icon-sun{display:block}.main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 4rem}.tf-wrapper{width:100%;max-width:920px;display:flex;flex-direction:column;gap:1rem}.tf-progress{height:2px;background:var(--progress-bg);border-radius:1px;overflow:hidden;transition:background .4s}.tf-progress__fill{height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:background .4s}.tf-swiper{width:100%;overflow:visible}.tf-slide{opacity:0;transform:scale(0.97) translateY(12px);transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),transform .6s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.tf-slide.swiper-slide-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.tf-card{display:grid;grid-template-columns:40% 1fr;height:clamp(380px,48vh,480px);border-radius:1.5rem;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 20px 60px rgba(0,0,0,.25),0 0 0 0 rgba(0,0,0,0);transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));will-change:transform;transition:background .4s,border-color .4s,box-shadow .4s,transform .12s ease-out;cursor:grab}.tf-card:active{cursor:grabbing}.tf-card:hover{box-shadow:0 28px 80px rgba(0,0,0,.35),0 0 0 1px var(--card-border);transition:background .4s,border-color .4s,box-shadow .3s,transform .08s ease-out}.tf-card__img-panel{overflow:hidden;position:relative}.tf-card__img-panel img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center top}.swiper-slide-active .tf-card__img-panel img{transform:scale(1.03)}.tf-card__body{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,3vw,2.2rem);overflow:hidden}.tf-card__top{display:flex;flex-direction:column;gap:1.1rem}.tf-card__meta{display:flex;align-items:center;gap:.9rem}.tf-card__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border);flex-shrink:0}.tf-card__logo-lg{height:20px;width:auto;opacity:.75;filter:var(--logo-filter, none);transition:opacity .3s}body.light .tf-card__logo-lg{filter:invert(1) brightness(0.3)}.tf-card__quote{font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.62;color:var(--text);font-style:normal;font-weight:400}.tf-card__quote .line{overflow:hidden}.tf-card__quote .word{display:inline-block;will-change:transform,opacity}.tf-card__author{font-size:.82rem;color:var(--text-dim);line-height:1.4;will-change:opacity}.tf-card__author strong{color:var(--text);font-weight:600}.tf-card__bottom{border-top:1px solid var(--card-border);padding-top:1rem;transition:border-color .4s}.tf-card__logos{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.tf-card__logos img{height:13px;width:auto;opacity:.35;filter:var(--logo-filter, none);transition:opacity .3s;will-change:opacity}.tf-card__logos img:hover{opacity:.65}body.light .tf-card__logos img{filter:invert(1) brightness(0.2)}.tf-nav{display:flex;align-items:center;justify-content:center;gap:1.4rem}.tf-nav__btn{width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--tag-border);background:var(--nav-btn-bg);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;transition:all .2s}.tf-nav__btn:hover{background:var(--nav-btn-hover);color:var(--text);border-color:var(--accent)}.tf-nav__btn:active{transform:scale(0.93)}.tf-nav__counter{display:flex;align-items:baseline;gap:.3rem;font-size:.9rem;font-variant-numeric:tabular-nums;min-width:5rem;justify-content:center}.tf-nav__current{font-weight:700;color:var(--text);font-size:1.05rem}.tf-nav__sep{color:var(--text-dimmer)}.tf-nav__total{color:var(--text-dim)}.kbd-hint{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%);font-size:.68rem;color:var(--text-dimmer);white-space:nowrap;pointer-events:none;letter-spacing:.04em;transition:color .4s}.kbd-hint kbd{display:inline-block;padding:.1rem .4rem;border:1px solid var(--tag-border);border-radius:4px;background:var(--kbd-bg);font-family:inherit;font-size:.68rem;transition:all .4s}@media(max-width: 640px){.tf-card{grid-template-columns:1fr;grid-template-rows:180px 1fr;height:auto}.tf-card__img-panel{height:180px}.tb__meta{display:none}.kbd-hint{display:none}}