.tf-panel{max-width:850px;margin:18px auto}.tf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tf-icon{font-size:52px;text-align:center}.tf-word{font-size:clamp(40px,9vw,76px);font-weight:850;text-align:center;padding:28px 12px;line-height:1.4;background:#f4edff;border-radius:24px}.tf-objects{font-size:clamp(27px,6vw,44px);padding:24px 12px;line-height:1.7;text-align:center;overflow-wrap:anywhere;background:#f0faf4;border-radius:24px}.tf-options{display:flex;gap:16px}.tf-options .option{text-align:center;font-size:40px;min-height:90px}.tf-aid{display:flex;align-items:center;gap:12px;margin:20px 0}.tf-aid input{width:24px;height:24px;flex-shrink:0}.tf-panel .sound{width:auto;min-height:48px}.tf-panel details{margin:12px 0}.tf-panel summary{cursor:pointer;font-weight:700;padding:12px}.tf-panel textarea{width:100%;min-height:100px;padding:12px;font:inherit;border:2px solid #d6c5f0;border-radius:14px}.tf-entry{background:linear-gradient(115deg,#f4edff,#e6f7ed);border-color:#cdb8f7}.tf-panel button:focus-visible,.tf-panel summary:focus-visible{outline:3px solid #a34300;outline-offset:3px}.tf-panel [hidden]{display:none!important}@media(max-width:600px){.tf-grid{grid-template-columns:1fr}.tf-panel{padding:16px}.tf-options{gap:8px}.tf-options .option{font-size:32px}.tf-panel h1{font-size:26px}}
.tf-abc-intro,.tf-abc-count{text-align:center}.tf-abc-count{font-weight:800;margin-bottom:15px;color:#665383}.tf-abc-flip{display:block;max-width:440px;height:350px;width:100%;margin:0 auto 24px;padding:0;perspective:1000px;background:transparent;box-shadow:none;border:0;color:#302653}.tf-abc-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s}.tf-abc-flip.is-flipped .tf-abc-inner{transform:rotateY(180deg)}.tf-abc-front,.tf-abc-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:4px solid #cdb8f7;border-radius:30px;box-shadow:0 7px 0 #cdb8f7;padding:20px;background:linear-gradient(130deg,#fff8d9,#f0e5ff)}.tf-abc-back{transform:rotateY(180deg);background:#eaf9f0;border-color:#acd8c0;box-shadow:0 7px 0 #acd8c0}.tf-abc-letters{font:900 clamp(85px,18vw,125px)/1.2 ui-rounded,"Trebuchet MS",system-ui,sans-serif;letter-spacing:4px;color:#6c47d8}.tf-abc-letters>span{color:#a34f13}.tf-abc-caption{font-size:15px;font-weight:700}.tf-abc-art{font-size:95px;line-height:1.15}.tf-abc-svg{width:170px;height:115px}.tf-abc-word{font-size:44px;font-weight:850;line-height:1.2}.tf-abc-word>span{color:#6c47d8}.tf-abc-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.tf-abc-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tf-abc-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tf-abc-picker button{min-height:54px;font-size:24px}.tf-abc-picker .tf-abc-selected{background:#e8c442;color:#302653;box-shadow:0 4px 0 #ae8d1f}.tf-abc-entry{background:#fff7d6}@media(max-width:480px){.tf-abc-flip{height:310px}.tf-abc-controls{gap:7px}.tf-abc-controls button{padding:14px 6px;font-size:14px}.tf-abc-picker{grid-template-columns:repeat(5,1fr)}.tf-abc-word{font-size:36px}}@media(prefers-reduced-motion:reduce){.tf-abc-inner{transition:none}}