.tr-in{box-sizing:border-box;border:1px solid var(--hr-line-strong);border-radius:var(--hr-radius-sm);background:var(--hr-paper);width:100%;height:52px;color:var(--hr-ink);transition:border-color var(--hr-t-quick)var(--hr-ease);outline:none;padding:0 16px;font-family:inherit;font-size:17px;line-height:1.62}.tr-in:hover{border-color:var(--hr-ink-faint)}.tr-in:focus{outline:2px solid var(--hr-ink);outline-offset:2px;border-color:var(--hr-ink)}.tr-in::placeholder{color:var(--hr-ink-faint)}select.tr-in{appearance:none;cursor:pointer}.tr-lbl{font-size:var(--hr-text-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--hr-ink-faint);margin-bottom:8px;font-weight:500;display:block}.tr-card{text-align:left;box-sizing:border-box;border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);background:var(--hr-paper);width:100%;min-height:88px;color:var(--hr-ink);cursor:pointer;transition:border-color var(--hr-t-base)var(--hr-ease),transform var(--hr-t-base)var(--hr-ease);padding:20px;font-family:inherit;font-size:17px;display:block;position:relative}.tr-card:hover{border-color:var(--hr-line-strong);transform:translateY(-2px)}.tr-card:focus-visible{outline:2px solid var(--hr-ink);outline-offset:3px}.tr-card[aria-pressed=true]{border-color:var(--hr-accent);background:var(--hr-accent-wash)}.tr-card__k{font-size:var(--hr-text-micro);color:var(--hr-ink-faint);font-variant-numeric:tabular-nums;font-weight:500;position:absolute;top:14px;right:16px}.tr-card[aria-pressed=true] .tr-card__k{color:var(--hr-accent-ink)}.tr-card--media{min-height:0;padding:0;overflow:hidden}.tr-card--media .tr-card__k{margin-left:6px;position:static}.tr-thumb{aspect-ratio:3/2;background:var(--hr-surface);border-bottom:1px solid var(--hr-line);display:block;overflow:hidden}.tr-card[aria-pressed=true] .tr-thumb{background:var(--hr-paper);border-bottom-color:var(--hr-accent)}.tr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tr-grid--4 .tr-card{min-height:76px}.tr-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.tr-grid--5 .tr-card{min-height:72px}@media (max-width:860px){.tr-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}.hr-btn:disabled{transform:none}.hr-btn--primary:disabled{background:var(--hr-line-strong);color:var(--hr-ink-faint);cursor:not-allowed;filter:none}.hr-btn--primary:disabled:hover{background:var(--hr-line-strong);filter:none}.tr-quick{border:1px solid var(--hr-line);border-radius:var(--hr-radius-sm);background:var(--hr-paper);min-height:44px;font-family:inherit;font-size:var(--hr-text-micro);color:var(--hr-ink);cursor:pointer;transition:border-color var(--hr-t-quick)var(--hr-ease);align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.tr-quick:hover{border-color:var(--hr-line-strong)}.tr-quick[aria-pressed=true]{border-color:var(--hr-accent);background:var(--hr-accent-wash);color:var(--hr-accent-ink)}.tr-otp{box-sizing:border-box;text-align:center;letter-spacing:.3em;text-indent:.3em;font-variant-numeric:tabular-nums;border:1px solid var(--hr-line-strong);border-radius:var(--hr-radius-sm);background:var(--hr-paper);width:100%;height:76px;color:var(--hr-ink);outline:none;font-family:inherit;font-size:clamp(31px,4vw,45px);font-weight:500}.tr-otp:focus{outline:2px solid var(--hr-ink);outline-offset:2px}.tr-split{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:0;min-height:100vh;display:grid}.tr-aside-media{padding:64px 56px 64px 0;display:flex}.tr-aside-media .tr-well{aspect-ratio:9/16;flex:none;align-self:start;width:auto;max-width:100%;height:min(100vh - 128px,640px);min-height:0;position:sticky;top:64px}.tr-ctl{z-index:3;border:1px solid var(--hr-line-strong);border-radius:var(--hr-radius-sm);background:var(--hr-paper);width:36px;height:36px;color:var(--hr-ink);cursor:pointer;transition:background var(--hr-t-quick)var(--hr-ease);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:12px}.tr-ctl:hover{background:var(--hr-surface)}.tr-ctl:focus-visible{outline:2px solid var(--hr-ink);outline-offset:2px}.tr-ctl--play{left:12px}.tr-ctl--sound{right:12px}.tr-well{border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);background:var(--hr-surface);flex-direction:column;justify-content:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}.tr-flow{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px;width:100%;max-width:1200px;margin:0 auto;padding:64px 32px 48px;display:grid}.tr-rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:112px}.tr-rail__well{border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);background:var(--hr-surface);aspect-ratio:9/16;min-height:420px;position:relative;overflow:hidden}@media (max-width:1024px){.tr-flow{grid-template-columns:1fr;gap:24px;padding:32px 24px}.tr-rail{flex-direction:row;order:-1;align-items:center;gap:14px;position:static}.tr-rail__well{aspect-ratio:9/16;flex:none;align-self:auto;width:104px;max-width:104px;min-height:0}.tr-rail__well .tr-ctl{width:30px;height:30px;top:8px}.tr-rail__well .tr-ctl--play{left:8px}.tr-rail__well .tr-ctl--sound{right:8px}.tr-rail>div{flex:auto;min-width:0}.tr-rail>button:last-child{flex:none;order:3}.tr-split{grid-template-columns:minmax(0,1fr)}.tr-aside-media{padding:0 24px 48px}.tr-aside-media .tr-well{aspect-ratio:9/16;flex:none;width:300px;max-width:100%;height:auto;min-height:0;max-height:none;position:static}}@media (max-width:860px){.tr-grid,.tr-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.tr-grid,.tr-grid--2,.tr-grid--4{grid-template-columns:1fr}}.tr-step{animation:tr-rise .32s var(--hr-ease)both}@keyframes tr-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tr-word{0%{opacity:0;transform:translateY(6px)}18%{opacity:1;transform:none}to{opacity:1;transform:none}}.tr-word{animation:tr-word 2.2s var(--hr-ease)both}@media (prefers-reduced-motion:reduce){.tr-step,.tr-word{animation:none}}.tr-split>div:first-child{box-sizing:border-box;flex-direction:column;gap:40px;padding:64px 56px;display:flex}@media (max-width:640px){.tr-split>div:first-child{padding:40px 24px}}.tr-word{overflow-wrap:anywhere}@media (max-width:400px){.tr-word{font-size:clamp(32px,11vw,45px)}}