.tlearn{--learning-accent:var(--accent,#81ded3);color:#eef8fc;min-width:0;font:inherit}.tlearn-header,.tlearn-panel,.tlearn-methods,.tlearn-result,.tlearn-explanation{border:1px solid #ffffff25;background:linear-gradient(145deg,#12212bdf,#060a10e8);padding:clamp(16px,3vw,28px);border-radius:22px;margin:16px 0;overflow:hidden}.tlearn h3,.tlearn h4{line-height:1.35;margin:0 0 15px}.tlearn-kicker{letter-spacing:.14em;font-size:.72rem;color:var(--learning-accent)}.tlearn-note,.tlearn-field small{color:#bdcfd9;line-height:1.65;font-size:.9rem;overflow-wrap:anywhere;white-space:pre-wrap}.tlearn-notice{color:var(--learning-accent);min-height:1.5em;line-height:1.5;overflow-wrap:anywhere}.tlearn-prompt{font-size:1.2rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.tlearn-preserve{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.tlearn-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tlearn-button{font:inherit;color:#efffff;background:#ffffff0a;border:1px solid #ffffff30;border-radius:14px;min-height:44px;padding:11px 15px;cursor:pointer;line-height:1.4;text-align:left;overflow-wrap:anywhere;transition:background .15s ease,border-color .15s ease}.tlearn-button:hover:not(:disabled){background:#81ded31a;border-color:#81ded399}.tlearn-button:disabled{opacity:.45;cursor:not-allowed}.tlearn-selected,.tlearn-primary{border-color:var(--learning-accent);background:#81ded318}.tlearn-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.tlearn-form>h4,.tlearn-form>.tlearn-note,.tlearn-form>.tlearn-button{grid-column:1/-1}.tlearn-field{display:flex;flex-direction:column;gap:8px;font-size:.9rem;min-width:0}.tlearn-field:has(textarea){grid-column:1/-1}.tlearn-field input,.tlearn-field select,.tlearn-field textarea{box-sizing:border-box;width:100%;min-height:46px;font:inherit;font-size:16px;color:#effaff;background:#07111a;border:1px solid #ffffff35;border-radius:12px;padding:11px 12px}.tlearn-field textarea{min-height:90px;resize:vertical;line-height:1.5}.tlearn-field input[type=checkbox]{width:24px;min-height:24px;align-self:flex-start;accent-color:var(--learning-accent)}.tlearn button:focus-visible,.tlearn input:focus-visible,.tlearn select:focus-visible,.tlearn textarea:focus-visible,.tlearn summary:focus-visible,.tlearn-table-wrap:focus-visible{outline:3px solid var(--learning-accent);outline-offset:3px}.tlearn summary{font-weight:600;cursor:pointer;min-height:28px;line-height:1.5;overflow-wrap:anywhere}.tlearn-table-wrap{overflow-x:auto;max-width:100%;margin:18px 0;border:1px solid #ffffff25;border-radius:14px}.tlearn table{border-collapse:collapse;width:100%;font-size:.88rem}.tlearn caption{text-align:left;color:var(--learning-accent);font-weight:600;padding:14px}.tlearn th,.tlearn td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #ffffff18;white-space:pre-wrap;overflow-wrap:anywhere;min-width:90px;max-width:350px}.tlearn th{font-weight:600}.tlearn thead{background:#ffffff06}.tlearn-explanation{border-color:#81ded377}@media(max-width:700px){.tlearn-form{grid-template-columns:1fr}.tlearn-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tlearn-tabs .tlearn-button{font-size:.8rem;padding:10px}.tlearn-header,.tlearn-panel,.tlearn-methods,.tlearn-result,.tlearn-explanation{padding:16px;border-radius:18px}.tlearn th,.tlearn td{padding:10px}}@media(prefers-reduced-motion:reduce){.tlearn-button{transition:none}}
