.tt{gap:16px}.tt-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.tt-title-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.tt-title h1{font-size:28px}.tt-social{display:flex;gap:8px}.tt-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.tt-controls .field{flex:1 1 130px}.tt-actions{flex:1 1 150px;display:flex;gap:8px}.tt-actions .btn{flex:1 1 auto}.tt-view{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.tt-view-label{font-size:14px;font-weight:700;color:var(--ink-2)}.tt-spacer{flex:1 1 auto}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.seg button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:0;background:#fff;font-weight:700;font-size:15px;cursor:pointer}.seg button+button{border-left:1px solid var(--line-strong)}.seg button[aria-pressed=true]{background:var(--blue);color:#fff}.tt-toggle[aria-pressed=true]{border-color:var(--gold);background:#fffaeb}.hl-swatch{width:16px;height:16px;border-radius:4px;background:#fff3bf;border-bottom:3px solid var(--gold)}a[aria-disabled=true]{opacity:.5;pointer-events:none}.tt-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"panes side" "below side";gap:16px 24px;align-items:start}.tt-panes{grid-area:panes;min-width:0;display:flex;flex-direction:column;gap:14px}.tt-below{grid-area:below;min-width:0;display:flex;flex-direction:column;gap:16px}@media(max-width:1023px){.tt-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"panes" "side" "below"}}.tt-panes[data-layout=side]{flex-direction:row;flex-wrap:wrap}.tt-panes[data-layout=side] .tt-pane{flex:1 1 320px;min-width:0}.tt-panes[data-layout=side] .tt-paper,.tt-panes[data-layout=side] .tt-note,.tt-panes[data-layout=side] .tt-focus{flex:1 1 100%}.tt-panes[data-layout=side] .tt-passage,.tt-panes[data-layout=side] .tt-typed,.tt-panes[data-layout=side] .tt-formatted{height:380px}.tt-pane{display:flex;flex-direction:column;gap:6px}.tt-pane-head{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:16px}.tt-passage,.tt-typed,.tt-formatted,.tt-passage-edit{width:100%;height:190px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;line-height:1.75;font-weight:600;overflow-y:auto;word-wrap:break-word}.tt-passage{white-space:normal}.tt-typed{border:2px solid var(--blue);resize:none}.tt-typed:disabled{background:var(--surface);border-color:var(--line-strong)}.tt-passage-edit{resize:vertical;font-weight:400}.tt-passage .w{border-radius:4px;padding:0 1px;white-space:nowrap}.tt-formatted>span,.tt-focus-line>span{white-space:nowrap}.tt-passage.hl-on .w.done{color:var(--muted)}.tt-passage.hl-on .w.cur{background:#fff3bf;box-shadow:inset 0 -3px 0 var(--gold);color:var(--ink)}.tt-paper{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border:2px dashed var(--line-strong);border-radius:12px;background:var(--surface)}.tt-paper-text{flex:1 1 280px;display:flex;flex-direction:column}.tt-note{margin:0}.tt-side{grid-area:side;align-self:stretch;min-width:0;display:flex;flex-direction:column;gap:14px}@media(max-width:1023px){.tt-side{align-self:start}}.tt-timer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600}.tt-timer [data-timer]{font-family:var(--mono);font-size:30px;font-weight:600}.tt-stats{margin:0;padding:6px 16px}.tt-stats>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f0f2f4;font-size:16px}.tt-stats>div:last-child{border-bottom:0}.tt-stats dt{color:var(--ink-2)}.tt-stats dd{margin:0;font-weight:700}.c-blue{color:var(--blue)}.c-green{color:var(--green-ink)}.c-red{color:var(--red-ink)}.tt-ready{display:flex;flex-direction:column;gap:8px}.tt-side-ad{margin-top:16px}.tt-result-ad{margin-top:24px}.tt-next{margin-left:auto}.m-correct{color:var(--green)}.m-wrong{color:#b4233c;text-decoration:underline wavy #b4233c}.m-expected{color:var(--green);text-decoration:line-through}.m-missed{color:#9a6c00;text-decoration:line-through}.m-pending{color:#6b3fa0;text-decoration:line-through}.tt-result{display:flex;flex-direction:column;gap:14px}.tt-xp{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;border-radius:12px;background:#fff8e8;color:var(--gold-ink)}.tt-xp strong{font-size:18px}.tt-xp span{color:var(--ink-2)}.tt-share a{font-weight:700}.tt-exam .card{display:flex;flex-direction:column;gap:10px;max-width:640px}.tt-exam .tt-stats{padding:0}.tt-info{display:flex;flex-wrap:wrap;gap:24px}.tt-info-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}.tt-info-text ul{margin:0;padding-left:20px;line-height:1.7;color:var(--ink-2)}.tt-info-kbd{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:10px}.tt-focus{display:none;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tt-focus-line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;font-weight:600;line-height:1.4}.tt-focus-line .f-done{color:var(--muted);font-size:.8em}.tt-focus-line .f-cur{font-size:1.35em;font-weight:700;background:#fff3bf;box-shadow:inset 0 -3px 0 var(--gold);border-radius:4px;padding:0 4px}.tt-focus-more{align-self:flex-start;border:0;background:none;color:var(--blue);font-weight:700;padding:6px 0;cursor:pointer}@media(max-width:640px){.tt-title h1{font-size:23px}.tt-social{display:none}.tt-controls{padding:10px;gap:8px}.tt-controls .field{flex:1 1 140px}.tt-view .seg,.tt-view .tt-view-label{display:none}.tt-focus{display:flex}.tt:not(.show-full) .tt-passage-pane{display:none}.tt-typed,.tt-formatted{height:42vh;min-height:220px}}