.ti-root{--ti-navy:#10243e;--ti-deep:#0b192c;--ti-mint:#a5d8d3;--ti-gold:#c1aa83;--ti-muted:#768398;--ti-line:#dce4ec;color:var(--ti-navy);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-width:0;margin:28px 0}.ti-root *{box-sizing:border-box}.ti-root button{font:inherit;cursor:pointer;touch-action:manipulation}.ti-root button:focus-visible,.ti-root a:focus-visible{outline:3px solid #679ba2;outline-offset:3px}.ti-root button:disabled{opacity:.5;cursor:default}.ti-root svg{flex:none;vertical-align:middle}.ti-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.ti-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:var(--ti-muted)}.ti-heading h2{font:normal 27px/1.25 Georgia,serif;color:var(--ti-navy);margin:10px 0}.ti-heading p{font-size:12px;color:var(--ti-muted);line-height:1.7;margin:0}.ti-badge{font-size:10px;line-height:1.5;border:1px solid #d7e3e5;background:#eaf2f0;color:#42676e;padding:8px 11px;border-radius:6px;max-width:260px}.ti-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px}.ti-card{border:1px solid var(--ti-line);border-radius:10px;background:#fff;padding:24px;min-width:0;overflow:hidden}.ti-builder{grid-column:1/-1;background:linear-gradient(145deg,#10243e,#183250);color:#e6eff6;border-color:#193654;box-shadow:0 9px 30px #10243e10}.ti-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ti-mechanic{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.4px;color:var(--ti-muted)}.ti-builder .ti-mechanic{color:#c5d7e8}.ti-builder .ti-mechanic svg{color:var(--ti-gold)}.ti-detail{font-size:9px;color:var(--ti-muted);text-align:right;line-height:1.5}.ti-builder .ti-detail{color:#9cafc6}.ti-card h3{font:normal 21px/1.45 Georgia,serif;margin:0 0 12px;color:inherit;overflow-wrap:anywhere}.ti-help{font-size:11px;line-height:1.7;color:var(--ti-muted);margin:0 0 18px}.ti-builder .ti-help{color:#a8bcd1}.ti-builder-board,.ti-word-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:75px;padding:15px;border:1px dashed #647f96;border-radius:7px;align-content:center;transition:background .15s,border-color .15s}.ti-builder-board{background:#091a2c80;border-color:#8da7ac;box-shadow:inset 0 2px 14px #00000018;margin-bottom:15px}.ti-word-pool{background:#ffffff04;border-color:#ffffff18}.ti-placeholder{font-size:11px;color:#95a7bc;line-height:1.5;align-self:center}.ti-word{border:1px solid #d8ddd9;background:linear-gradient(#f7f4ec,#e9e8e2);color:#203650;padding:12px 15px;min-height:45px;border-radius:5px;box-shadow:0 3px 0 #06152740;cursor:grab!important;font-size:13px!important;line-height:1.35;touch-action:none!important;user-select:none;-webkit-user-select:none}.ti-word:active{cursor:grabbing!important;transform:translateY(1px)}.ti-builder-board .ti-word{background:linear-gradient(#d6ede6,#b8d9d2);border-color:#b0d2ca;box-shadow:0 3px 0 #051c2530}.ti-complete{border-color:#b7dacb!important;background:#1d514448!important}.ti-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}.ti-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d1dce6;background:#fff;color:var(--ti-navy);font-size:10px!important;line-height:1.4;padding:11px 14px;border-radius:5px;min-height:42px;max-width:100%;white-space:normal}.ti-button:hover{background:#eef2f7}.ti-button.ti-primary{background:var(--ti-navy);border-color:var(--ti-navy);color:#f1f5f8}.ti-button.ti-primary:hover{background:#264160}.ti-builder .ti-button{background:#ffffff06;border-color:#ffffff2b;color:#d7e3ef}.ti-builder .ti-button.ti-primary{background:#c4ded8;color:var(--ti-navy);border-color:#c4ded8}.ti-feedback{margin:14px 0 0;font-size:11px;color:#60798f;line-height:1.7;min-height:19px}.ti-builder .ti-feedback{color:#d2e7df}.ti-sort-bank{min-height:95px;border:1px dashed #cdd9e4;border-radius:7px;padding:10px;background:#f5f8fb;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;margin-bottom:14px}.ti-sort-tile{width:100%;min-width:0;text-align:left;font-size:11px!important;line-height:1.5;padding:12px;border:1px solid #d6e1eb;border-radius:6px;background:#fff;color:#344f6b;box-shadow:0 2px 3px #203a4f06;user-select:none;-webkit-user-select:none;touch-action:none!important;cursor:grab!important;overflow-wrap:anywhere;min-height:46px}.ti-sort-tile small{display:block;font-size:9px;margin-top:6px;font-weight:400;color:#648073;line-height:1.6}.ti-sort-tile.ti-selected{border-color:#679ba2;background:#e7f1ee;box-shadow:0 0 0 1px #679ba2}.ti-sort-tile.ti-correct{border-color:#a6cec1;background:#f0f7f3}.ti-sort-tile.ti-incorrect{border-color:#cdbb9c;background:#faf6ed}.ti-sort-tile.ti-incorrect small{color:#998358}.ti-sort-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ti-lane{min-width:0;border:1px solid #d6e2e9;border-radius:7px;padding:10px;min-height:180px;background:#edf3f7}.ti-lane:nth-child(2){background:#f4f1ea;border-color:#e1dacd}.ti-lane-title{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #cfdae5;color:#355572;padding:1px 0 10px;margin-bottom:10px;font-size:12px!important;line-height:1.5;min-height:50px}.ti-lane:nth-child(2) .ti-lane-title{border-color:#ded5c6;color:#796a51}.ti-lane-title span{display:block;font-size:8px;letter-spacing:.2px;color:#90a0b2;margin-top:3px}.ti-lane-cards{display:grid;gap:8px}.ti-rule{font-size:11px;line-height:1.8;color:#566d82;background:#eef3f5;border-left:2px solid #8badad;padding:10px 13px;border-radius:0 5px 5px 0;margin-top:18px}.ti-rule span{display:block;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#7b919d;margin-bottom:3px}.ti-flip-card{width:100%;min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;border:1px solid #d6e2e8;border-radius:9px;background:radial-gradient(ellipse at 0 100%,#e2eee9,transparent 65%),linear-gradient(135deg,#f5f6f5,#edf2f6);padding:22px;color:var(--ti-navy);transition:background .2s,box-shadow .2s}.ti-flip-card:hover{box-shadow:0 8px 18px #18314d0b}.ti-flip-card.ti-flipped{background:radial-gradient(ellipse at 100% 0,#eee5d6,transparent 65%),linear-gradient(135deg,#f6f3ef,#edf3ef);border-color:#ded7c9}.ti-vocab-side{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#91a0b0}.ti-vocab-word{font:normal clamp(25px,2.5vw,37px)/1.2 Georgia,serif;letter-spacing:-.5px;overflow-wrap:anywhere;max-width:100%;text-align:center}.ti-vocab-caption{font-size:9px;line-height:1.5;color:#91a0b0;text-align:center}.ti-vocab-controls{gap:7px;justify-content:center}.ti-vocab-controls .ti-button{font-size:9px!important;padding:10px 11px}.ti-audio-status{font-size:10px;line-height:1.7;color:#75899d;margin:18px 0 0;min-height:34px}.ti-attribution{font-size:8px;line-height:1.7;color:#95a1ae;margin-top:8px;overflow-wrap:anywhere}.ti-attribution a{text-decoration:underline;text-underline-offset:2px}.ti-progress{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--ti-line);border-radius:9px;padding:20px 23px;margin-top:18px;background:#f7f9fa}.ti-progress p{font-size:12px;color:#3d5770;margin:7px 0}.ti-progress small{font-size:9px;line-height:1.7;color:#8292a4;display:block}.ti-drop-hover{outline:2px solid #a8d6c8;outline-offset:2px;background:#dbeee850!important}.ti-drag-ghost{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);background:#d3e8df;border:1px solid #83aba8;border-radius:6px;padding:13px 16px;max-width:250px;box-shadow:0 12px 32px #10243e40;color:#17324d;font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-wrap:anywhere}
.ti-mode-tabs{display:flex;gap:5px;padding:4px;border:1px solid #dbe5eb;border-radius:6px;background:#f3f6f8;margin:0 0 16px;width:fit-content}.ti-mode-tabs button{border:0;padding:8px 15px;background:transparent;color:#8494a7;font-size:10px;border-radius:4px;min-height:36px}.ti-mode-tabs button[aria-pressed=true]{background:#fff;color:#203d5c;box-shadow:0 2px 5px #203a4f09}.ti-wave{display:none;gap:5px;height:38px;align-items:center;justify-content:center}.ti-wave i{width:3px;height:11px;border-radius:3px;background:#7eaaa7;transform-origin:center}.ti-wave i:nth-child(2),.ti-wave i:nth-child(6){height:21px}.ti-wave i:nth-child(3),.ti-wave i:nth-child(5){height:28px}.ti-wave i:nth-child(4){height:38px}.ti-vocabulary[data-mode=listen] .ti-wave{display:flex}.ti-wave.ti-playing i{animation:ti-audio-wave .8s ease-in-out infinite alternate}.ti-wave.ti-playing i:nth-child(2n){animation-delay:-.3s}.ti-wave.ti-playing i:nth-child(3n){animation-delay:-.55s}.ti-vocabulary[data-mode=listen] .ti-vocab-word{font-size:28px}.ti-listen-options:empty{display:none}.ti-listen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.ti-listen-options button{padding:12px 10px;border:1px solid #d5e1e9;background:#f7fafb;border-radius:6px;color:#3d5771;font-size:12px;min-height:46px;line-height:1.4;overflow-wrap:anywhere}.ti-listen-options .ti-listen-correct{background:#eaf4ef;border-color:#a7ccba;color:#487660;opacity:1}.ti-listen-options .ti-listen-wrong{background:#f6f0e6;border-color:#d4bc92;color:#8c7148;opacity:1}.ti-vocab-controls button[hidden]{display:none!important}@keyframes ti-audio-wave{from{transform:scaleY(.5)}to{transform:scaleY(1.2)}}
@media(max-width:980px){.ti-grid{grid-template-columns:1fr}.ti-builder{grid-column:auto}.ti-heading{align-items:start;flex-direction:column;gap:13px}.ti-vocab-controls{justify-content:flex-start}}
@media(max-width:600px){.ti-root{margin:22px 0}.ti-heading h2{font-size:24px}.ti-card{padding:18px 15px}.ti-card h3{font-size:19px}.ti-card-head{align-items:start;gap:10px}.ti-card-head .ti-detail{max-width:110px}.ti-builder-board,.ti-word-pool{padding:11px;min-height:80px;gap:7px}.ti-word{padding:11px 12px;font-size:12px!important;min-height:44px}.ti-controls .ti-button{flex:1;min-width:110px}.ti-sort-bank{padding:8px;gap:7px}.ti-sort-lanes{gap:8px}.ti-lane{padding:8px;min-height:170px}.ti-sort-tile{padding:10px 8px;font-size:10px!important;min-height:45px}.ti-lane-title{font-size:11px!important}.ti-progress{padding:17px;flex-direction:column;align-items:stretch;gap:15px}.ti-flip-card{min-height:205px}.ti-vocab-controls .ti-button{min-width:90px}.ti-badge{max-width:100%}}
@media(prefers-reduced-motion:reduce){.ti-root *{transition:none!important;animation:none!important}.ti-drag-ghost{transform:translate(-50%,-50%)}}