.ttia{--tt-gold:#e9c47d;--tt-muted:#bdc9c7;max-width:1020px;margin:0 auto 2.5rem;padding:clamp(18px,4vw,42px);border:1px solid #b49b5f55;border-radius:24px;background:radial-gradient(ellipse at 20% 0%,#19403b88,transparent 55%),#101516;color:#f8f4e9;font:1rem/1.65 Arial,sans-serif;box-sizing:border-box;scroll-margin-top:24px}
.ttia *{box-sizing:border-box;min-width:0}.ttia [hidden]{display:none!important}.ttia h2,.ttia h3,.ttia p{margin:0}.ttia h2,.ttia h3{font-family:Georgia,serif;color:#fff8e9;text-wrap:pretty}.ttia h2{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.2}.ttia h3{font-size:1.25rem;line-height:1.45}.ttia-intro{margin-bottom:1.5rem}.ttia-intro p{margin-top:.65rem;color:var(--tt-muted)}.ttia-eyebrow{display:block;color:var(--tt-gold);font-size:.75rem;font-weight:700;letter-spacing:.14em;margin-bottom:.6rem}.ttia fieldset{border:0;padding:0;margin:0}.ttia-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ttia-modes legend{font-weight:700;margin-bottom:10px}.ttia-modes label{display:flex;gap:12px;align-items:center;padding:13px 16px;border:1px solid #6877747a;border-radius:12px;cursor:pointer;background:#0b1011}.ttia-modes label:has(:checked){border-color:var(--tt-gold);background:#203b34}.ttia input[type=radio]{appearance:auto;width:18px;height:18px;margin:0;accent-color:var(--tt-gold);flex:none}.ttia-modes strong,.ttia-modes small{display:block}.ttia small{font-size:.8rem;color:var(--tt-muted);line-height:1.5}.ttia-case{margin:22px 0;padding:20px;border-left:3px solid var(--tt-gold);background:#21322e9c;border-radius:0 12px 12px 0}.ttia-case small{display:block;margin-top:10px}.ttia-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,3vw,30px);max-width:720px;margin:0 auto 24px}.ttia-card{margin:0;text-align:center}.ttia-position{display:block;font-size:.9rem;font-weight:700;color:var(--tt-gold);margin-bottom:10px}.ttia-card img{display:block;width:100%;height:auto;aspect-ratio:232/400;object-fit:contain;border-radius:9px;max-width:184px;margin:0 auto;background:#090d0d;box-shadow:0 7px 18px #0008}.ttia-card figcaption{font-size:.9rem;font-weight:700;line-height:1.35;margin-top:12px}.ttia-card details{margin-top:8px;font-size:.875rem;color:var(--tt-muted);line-height:1.5}.ttia summary{cursor:pointer;color:var(--tt-gold);padding:5px 0;min-height:32px}.ttia-card details p{padding-top:4px}.ttia button{font:700 .95rem/1.35 Arial,sans-serif;cursor:pointer;min-height:46px;padding:12px 20px;border-radius:999px;border:1px solid var(--tt-gold);transition:background .16s}.ttia-primary{background:var(--tt-gold);color:#152019}.ttia-primary:hover{background:#f7d99f}.ttia-quiet{background:transparent;color:var(--tt-gold)}.ttia-quiet:hover{background:#e9c47d14}.ttia button:disabled{opacity:.55;cursor:wait}.ttia :focus-visible{outline:3px solid #f2d38a;outline-offset:4px}.ttia :focus:not(:focus-visible){outline:none}.ttia-writing>label{display:block;font-size:1.15rem;font-weight:700}.ttia-writing>p{font-size:.9rem;color:var(--tt-muted);margin:5px 0 10px}.ttia textarea{display:block;width:100%;min-height:155px;resize:vertical;border:1px solid #6c7f76;border-radius:12px;padding:16px;background:#080e0f;color:#fff8e9;font:1rem/1.65 Arial,sans-serif}.ttia textarea::placeholder{color:#9faba8}.ttia [data-ttia-counter]{display:block;text-align:right;margin:6px 0 16px}.ttia-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.ttia-fine{margin-top:22px!important;padding-top:16px;border-top:1px solid #617a6e55;font-size:.75rem;line-height:1.6;color:var(--tt-muted)}.ttia a{color:var(--tt-gold)}.ttia-status{display:flex;align-items:center;gap:12px;padding:20px 0;color:var(--tt-gold)}.ttia-spinner{width:20px;height:20px;border:2px solid #d9bb7255;border-top-color:var(--tt-gold);border-radius:50%;animation:ttia-spin 1s linear infinite;flex:none}.ttia-error{padding:16px;margin-top:16px!important;background:#421f28;color:#ffd3d3;border:1px solid #995560;border-radius:12px}.ttia-result{margin-top:26px;border-top:1px solid #839b8055;padding-top:24px}.ttia-your-reading{margin:18px 0;padding:12px 16px;background:#080e0f;border:1px solid #5f746455;border-radius:10px}.ttia-your-reading p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.ttia-feedback-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ttia-feedback-pair>div{padding:20px;border:1px solid #5f746488;border-radius:14px}.ttia-result h3{color:var(--tt-gold);margin-bottom:10px}.ttia-result p{overflow-wrap:anywhere}.ttia-alternative{padding:24px;background:#263b30;border-radius:14px;margin:16px 0}.ttia-practice{padding:4px 8px 12px}.ttia-practice p{font-family:Georgia,serif;font-size:1.15rem;font-style:italic}.ttia-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ttia-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.ttia{border-radius:16px}.ttia-modes label{padding:12px 10px;gap:8px}.ttia-modes strong{font-size:.95rem}.ttia-modes small{font-size:.75rem}.ttia-case{padding:16px}.ttia-position,.ttia-card figcaption{font-size:.8rem}.ttia-card details{font-size:.8rem}.ttia-feedback-pair{grid-template-columns:1fr}.ttia-actions{align-items:stretch}.ttia-actions button{flex:1 1 200px}.ttia-alternative{padding:20px}.ttia-card img{border-radius:5px}.ttia [data-ttia-counter]{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ttia *{animation:none!important;transition:none!important}}