:root{--taf-bg: #fbfaf6;--taf-paper: #ffffff;--taf-line: #e7e3d8;--taf-text: #1d1b16;--taf-muted: #66614f;--taf-red: #e23b2e;--taf-blue: #1f66d1;--taf-yellow: #f2b705;--taf-green: #17924f;--taf-purple: #7a4cc9;--taf-radius: 18px;--primary: #1f66d1;--primary-dark: #154a9a;--border: #e7e3d8;--surface: #ffffff;--shadow-soft: 0 12px 30px rgba(29, 27, 22, 0.08);--surface-muted: #f6f4ee;--text-main: #1d1b16;--text-muted: #66614f;}
.taf-sprite{position: absolute;width: 0;height: 0;overflow: hidden;}
[data-slot="head"]{--slot: var(--taf-red);--slot-soft: #fde8e6;}
[data-slot="body"]{--slot: var(--taf-blue);--slot-soft: #e3edfb;}
[data-slot="limbs"]{--slot: var(--taf-yellow);--slot-soft: #fdf3d3;}
[data-slot="tail"]{--slot: var(--taf-green);--slot-soft: #dff3e8;}
[data-slot="skin"]{--slot: var(--taf-purple);--slot-soft: #eee6fa;}
.taf-mat{position: relative;display: grid;grid-template-columns: minmax(260px, 330px) 1fr;gap: 22px;background-color: var(--taf-bg);background-image: radial-gradient(circle at 30px 30px, rgba(226, 59, 46, 0.10) 14px, transparent 15px), radial-gradient(circle at 90px 30px, rgba(31, 102, 209, 0.10) 14px, transparent 15px), radial-gradient(circle at 30px 90px, rgba(242, 183, 5, 0.14) 14px, transparent 15px), radial-gradient(circle at 90px 90px, rgba(23, 146, 79, 0.10) 14px, transparent 15px);background-size: 120px 120px;border: 1px solid var(--taf-line);border-radius: 26px;padding: 22px;margin: 8px 0 56px;color: var(--taf-text);}
.taf-mat [hidden]{display: none !important;}
.taf-panel{background: var(--taf-paper);border: 1px solid var(--taf-line);border-radius: var(--taf-radius);padding: 18px;box-shadow: var(--shadow-soft);align-self: start;}
.taf-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 4px 12px;font-size: 12.5px;color: var(--taf-muted);padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px dashed var(--taf-line);}
.taf-byline .author-link{color: var(--primary-dark);font-weight: 700;text-decoration: none;}
.taf-byline .author-link:hover{text-decoration: underline;}
.taf-dial{position: relative;width: 190px;height: 190px;margin: 4px auto 18px;}
.taf-dial-face{--taf-turn: 0deg;position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(var(--taf-red) 0 72deg, var(--taf-blue) 72deg 144deg, var(--taf-yellow) 144deg 216deg, var(--taf-green) 216deg 288deg, var(--taf-purple) 288deg 360deg);border: 6px solid #fff;box-shadow: 0 0 0 1px var(--taf-line), 0 10px 24px rgba(29, 27, 22, 0.16);transform: rotate(var(--taf-turn));transition: transform 1.1s cubic-bezier(.17, .67, .2, 1);}
.taf-dial-face::after{content: '';position: absolute;inset: 38%;border-radius: 50%;background: #fff;box-shadow: inset 0 0 0 1px var(--taf-line);}
.taf-wedge{position: absolute;left: 50%;top: 50%;width: 0;height: 0;}
.taf-wedge b{position: absolute;transform: translate(-50%, -50%);font-size: 11px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;color: #fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
.taf-wedge[data-slot="limbs"] b{color: #3b2c00;text-shadow: none;}
.taf-wedge[data-slot="head"] b{left: 39px;top: -53px;}
.taf-wedge[data-slot="body"] b{left: 61px;top: 20px;}
.taf-wedge[data-slot="limbs"] b{left: 0;top: 63px;}
.taf-wedge[data-slot="tail"] b{left: -61px;top: 20px;}
.taf-wedge[data-slot="skin"] b{left: -39px;top: -53px;}
.taf-dial-pin{position: absolute;left: 50%;top: -10px;transform: translateX(-50%);width: 0;height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 20px solid var(--taf-text);filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));}
.taf-group{border: 0;padding: 0;margin: 0 0 16px;min-width: 0;}
.taf-group legend{display: block;float: none;width: auto;padding: 0;font-size: 11.5px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-muted);margin-bottom: 8px;}
.taf-chips{display: flex;flex-wrap: wrap;gap: 6px;}
.taf-chip,.taf-seg label{position: relative;margin: 0;cursor: pointer;}
.taf-chip input,.taf-seg input{position: absolute;opacity: 0;pointer-events: none;}
.taf-chip span{display: inline-block;padding: 6px 12px;border: 1px solid var(--taf-line);border-radius: 999px;font-size: 13.5px;font-weight: 600;background: var(--surface-muted);color: var(--taf-text);transition: background .15s, border-color .15s;}
.taf-chip input:checked + span{background: var(--taf-text);border-color: var(--taf-text);color: #fff;}
.taf-chip input:focus-visible + span,.taf-seg input:focus-visible + span{outline: 3px solid var(--taf-blue);outline-offset: 2px;}
.taf-seg{display: grid;grid-template-columns: repeat(4, 1fr);border: 1px solid var(--taf-line);border-radius: 12px;overflow: hidden;}
.taf-seg span{display: block;text-align: center;padding: 8px 0;font-weight: 800;font-size: 15px;background: var(--surface-muted);border-right: 1px solid var(--taf-line);}
.taf-seg label:last-child span{border-right: 0;}
.taf-seg input:checked + span{background: var(--taf-blue);color: #fff;}
.taf-hint{font-size: 12.5px;color: var(--taf-muted);margin: 6px 0 0;}
.taf-spin{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 13px 16px;border: 0;border-radius: 14px;background: var(--taf-red);color: #fff;font-size: 17px;font-weight: 800;letter-spacing: .02em;box-shadow: 0 6px 0 #a7271d;transition: transform .1s, box-shadow .1s;}
.taf-spin svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;}
.taf-spin:hover{background: #cf3427;}
.taf-spin:active{transform: translateY(4px);box-shadow: 0 2px 0 #a7271d;}
.taf-spin:focus-visible{outline: 3px solid var(--taf-blue);outline-offset: 3px;}
.taf-spin.is-busy{opacity: .75;cursor: progress;}
.taf-spin.is-busy svg{animation: taf-rot .8s linear infinite;}
@keyframes taf-rot{to{transform: rotate(360deg);}}
.taf-status{font-size: 12.5px;color: var(--taf-muted);margin: 12px 0 0;text-align: center;}
.taf-status.is-error{color: #b42318;font-weight: 600;}
.taf-stage{display: grid;grid-template-columns: 1fr 210px;gap: 18px;align-items: start;min-width: 0;}
.taf-card{background: var(--taf-paper);border: 1px solid var(--taf-line);border-radius: var(--taf-radius);padding: 22px;box-shadow: var(--shadow-soft);min-width: 0;}
.taf-card.is-spun{animation: taf-pop .45s ease;}
@keyframes taf-pop{0%{transform: scale(.985);opacity: .6;}100%{transform: none;opacity: 1;}}
.taf-card-head{margin-bottom: 14px;}
.taf-kicker{font-size: 12px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-muted);margin: 0 0 4px;}
.taf-name{font-size: clamp(30px, 4vw, 42px);font-weight: 900;line-height: 1.05;margin: 0;letter-spacing: -.01em;word-break: break-word;}
.taf-body{list-style: none;padding: 0;margin: 0 0 16px;display: grid;gap: 8px;}
.taf-slot{display: grid;grid-template-columns: 28px 1fr 36px;gap: 10px;align-items: start;padding: 10px 10px 10px 12px;border-radius: 14px;background: var(--slot-soft);border: 1px solid transparent;transition: border-color .15s;}
.taf-slot.is-locked{border-color: var(--slot);}
.taf-slot.is-empty{opacity: .6;}
.taf-dot{width: 26px;height: 26px;border-radius: 50%;background: var(--slot);box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);margin-top: 2px;}
.taf-slot-text{min-width: 0;}
.taf-slot-text p{margin: 0;}
.taf-slot-top{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 8px;}
.taf-slot-label{font-size: 11px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-muted);}
.taf-slot-animal{font-size: 16px;}
.taf-slot-part{font-size: 15px;line-height: 1.4;}
.taf-slot-brings{font-size: 13.5px;color: var(--taf-muted);line-height: 1.4;}
.taf-lock{width: 34px;height: 34px;display: grid;place-items: center;border: 1px solid var(--taf-line);border-radius: 10px;background: #fff;color: var(--taf-muted);cursor: pointer;}
.taf-lock svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;}
.taf-lock.is-locked{background: var(--slot);border-color: var(--slot);color: #fff;}
.taf-slot[data-slot="limbs"] .taf-lock.is-locked{color: #3b2c00;}
.taf-lock:focus-visible{outline: 3px solid var(--taf-blue);outline-offset: 2px;}
.taf-facts{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 0 0 14px;}
.taf-facts div{border: 1px solid var(--taf-line);border-radius: 12px;padding: 9px 12px;}
.taf-facts dt{font-size: 11px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-muted);}
.taf-facts dd{margin: 2px 0 0;font-weight: 700;}
.taf-prompt{background: var(--taf-text);color: #f5f2e8;border-radius: 14px;padding: 14px 16px;margin-bottom: 12px;}
.taf-prompt-title{font-size: 11px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-yellow);margin: 0 0 6px;}
.taf-prompt p:last-child{margin: 0;line-height: 1.55;}
.taf-clash{font-size: 14px;line-height: 1.5;margin: 0 0 16px;padding-left: 12px;border-left: 4px solid var(--taf-yellow);}
.taf-card-foot{display: flex;flex-wrap: wrap;gap: 8px;}
.taf-btn{padding: 9px 14px;border-radius: 10px;border: 1px solid var(--taf-text);background: var(--taf-text);color: #fff;font-weight: 700;font-size: 14px;}
.taf-btn-ghost{background: #fff;color: var(--taf-text);border-color: var(--taf-line);}
.taf-btn.is-done{background: var(--taf-green);border-color: var(--taf-green);color: #fff;}
.taf-btn:focus-visible{outline: 3px solid var(--taf-blue);outline-offset: 2px;}
.taf-log{background: var(--taf-paper);border: 1px solid var(--taf-line);border-radius: var(--taf-radius);padding: 14px;}
.taf-log-title{font-size: 11.5px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: var(--taf-muted);margin: 0 0 10px;}
.taf-log-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 6px;}
.taf-past{display: block;width: 100%;text-align: left;padding: 8px 10px;border: 1px solid var(--taf-line);border-radius: 10px;background: #fff;cursor: pointer;}
.taf-past.is-current{border-color: var(--taf-text);box-shadow: inset 3px 0 0 var(--taf-red);}
.taf-past-name{display: block;font-weight: 800;font-size: 14px;}
.taf-past-mix{display: block;font-size: 12px;color: var(--taf-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.taf-log-empty{font-size: 13px;color: var(--taf-muted);margin: 0;}
.taf-read{margin: 0 auto 48px;}
.taf-read h2,.taf-limits h2{font-size: clamp(24px, 3vw, 30px);font-weight: 800;margin-bottom: 14px;}
.taf-read p{font-size: 16.5px;line-height: 1.7;color: var(--taf-text);}
.taf-table-wrap{overflow-x: auto;margin: 18px 0;border: 1px solid var(--taf-line);border-radius: 14px;}
.taf-table{width: 100%;border-collapse: collapse;font-size: 15px;}
.taf-table caption{caption-side: top;padding: 10px 14px;font-size: 13px;color: var(--taf-muted);}
.taf-table th,.taf-table td{padding: 11px 14px;border-top: 1px solid var(--taf-line);text-align: left;vertical-align: top;}
.taf-table thead th{background: var(--surface-muted);font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--taf-muted);}
.taf-table tbody th{white-space: nowrap;box-shadow: inset 5px 0 0 var(--slot);}
.taf-donor-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;margin: 18px 0;}
.taf-donor{position: relative;border: 1px solid var(--taf-line);border-radius: 16px;padding: 16px 16px 6px 70px;background: var(--taf-paper);}
.taf-donor p{font-size: 15px;line-height: 1.55;}
.taf-donor-num{position: absolute;left: 16px;top: 16px;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;font-weight: 900;font-size: 19px;color: #fff;}
.taf-donor[data-count="2"] .taf-donor-num{background: var(--taf-red);}
.taf-donor[data-count="3"] .taf-donor-num{background: var(--taf-blue);}
.taf-donor[data-count="4"] .taf-donor-num{background: var(--taf-yellow);color: #3b2c00;}
.taf-donor[data-count="5"] .taf-donor-num{background: var(--taf-green);}
.taf-aside{font-size: 15px !important;background: var(--surface-muted);border-radius: 12px;padding: 12px 16px;}
.taf-steps{padding-left: 0;list-style: none;counter-reset: taf;margin: 18px 0;}
.taf-steps li{counter-increment: taf;position: relative;padding: 10px 0 10px 48px;font-size: 16px;line-height: 1.6;border-bottom: 1px dashed var(--taf-line);}
.taf-steps li::before{content: counter(taf);position: absolute;left: 0;top: 9px;width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--taf-text);color: #fff;font-weight: 800;font-size: 14px;}
.taf-passes{display: grid;grid-template-columns: repeat(3, 1fr);gap: 14px;margin-top: 18px;}
.taf-pass{border: 1px solid var(--taf-line);border-top: 5px solid var(--taf-blue);border-radius: 14px;padding: 16px;background: var(--taf-paper);}
.taf-pass:nth-child(2){border-top-color: var(--taf-green);}
.taf-pass:nth-child(3){border-top-color: var(--taf-red);}
.taf-pass h3{font-size: 17px;font-weight: 800;margin: 8px 0;}
.taf-pass p{font-size: 15px;line-height: 1.6;margin: 0;}
.taf-pass-num{font-size: 12px;font-weight: 800;letter-spacing: .12em;color: var(--taf-muted);}
.taf-limits{margin: 0 auto 48px;background: #fff8e1;border: 1px solid #f3dc94;border-radius: 18px;padding: 22px 24px;}
.taf-limits ul{margin: 0;padding-left: 20px;}
.taf-limits li{font-size: 15.5px;line-height: 1.6;margin-bottom: 8px;}
@media (max-width: 991.98px){.taf-mat{grid-template-columns: 1fr;padding: 16px;}.taf-stage{grid-template-columns: 1fr;}.taf-passes{grid-template-columns: 1fr;}}
@media (max-width: 575.98px){.taf-mat{padding: 12px;border-radius: 18px;}.taf-card{padding: 16px;}.taf-donor-grid{grid-template-columns: 1fr;}.taf-facts{grid-template-columns: 1fr;}.taf-slot{grid-template-columns: 22px 1fr 34px;gap: 8px;}.taf-dot{width: 20px;height: 20px;}}
@media (prefers-reduced-motion: reduce){.taf-dial-face{transition: none;}.taf-card.is-spun{animation: none;}.taf-spin.is-busy svg{animation: none;}}