.system-tree-horoscope{--th-green:#79c89a;--th-light:#c9f3c7;--th-gold:#d8b866}
.th-hero{width:min(calc(100% - 32px),1280px);margin:0 auto;padding:clamp(48px,7vw,84px) 0 36px;text-align:center}.th-hero .system-title{max-width:none;margin:14px auto 0;color:var(--text);background:none;font:800 clamp(46px,6.8vw,84px)/1 var(--font-b);letter-spacing:-.05em;text-transform:none;-webkit-text-fill-color:var(--text)}.th-hero .system-lead{width:min(900px,100%);margin:24px auto 0;line-height:1.75}.th-date{width:fit-content;margin:23px auto 0;padding:10px 17px;border:1px solid rgba(121,200,154,.27);border-radius:999px;color:#e5eee6;background:rgba(121,200,154,.07);font-size:14px;font-weight:750}.th-date::before{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--th-light);box-shadow:0 0 12px var(--th-light);content:""}
.th-experience{display:grid;width:min(calc(100% - 32px),1420px);margin:0 auto clamp(80px,9vw,120px);grid-template-columns:minmax(0,1.48fr) minmax(350px,.76fr);gap:24px;align-items:start}.th-card,.th-panel{border:1px solid rgba(121,200,154,.15);background:linear-gradient(155deg,rgba(12,27,18,.95),rgba(4,10,7,.98));box-shadow:0 25px 85px rgba(0,0,0,.46);backdrop-filter:blur(15px)}.th-card{min-width:0;padding:20px;overflow:hidden;border-radius:30px}.th-wheel-wrap{position:relative;width:min(100%,840px);margin:auto;aspect-ratio:1}.th-wheel-wrap::before{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(121,200,154,.14),transparent 68%);filter:blur(28px);content:"";pointer-events:none}#thWheel{position:relative;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 34px rgba(0,0,0,.4))}.th-disc{fill:rgba(4,12,8,.84);stroke:rgba(216,184,102,.47);stroke-width:2}.th-ring-line{fill:none;stroke:rgba(255,255,255,.085);stroke-width:1.2}.th-month-tick{stroke:rgba(201,243,199,.22);stroke-width:1}.th-month-tick.major{stroke:rgba(216,184,102,.65);stroke-width:2}.th-month-label{fill:#8d9b8f;font:800 8px var(--font-h);letter-spacing:.09em;text-anchor:middle}
.th-period{outline:none;cursor:pointer}.th-period-path{fill:rgba(121,200,154,.035);stroke:rgba(216,184,102,.1);stroke-width:1;transition:fill .25s,stroke .25s,filter .25s}.th-period:hover .th-period-path,.th-period:focus-visible .th-period-path{fill:rgba(121,200,154,.17);stroke:var(--th-green)}.th-period.related .th-period-path{fill:rgba(121,200,154,.23);stroke:rgba(201,243,199,.42);filter:drop-shadow(0 0 6px rgba(121,200,154,.22))}.th-period.current .th-period-path{fill:rgba(216,184,102,.42);stroke:#fff0ae;stroke-width:2;filter:drop-shadow(0 0 9px rgba(216,184,102,.65))}.th-period-dot{fill:rgba(230,222,177,.38);pointer-events:none}.th-period.related .th-period-dot{fill:#d6f6ce;filter:drop-shadow(0 0 5px #8ed6a3)}
.th-tree{outline:none;cursor:pointer}.th-tree-sector{fill:rgba(255,255,255,.014);stroke:rgba(255,255,255,.07);stroke-width:1;transition:fill .25s,stroke .25s,filter .25s}.th-tree:hover .th-tree-sector,.th-tree:focus-visible .th-tree-sector{fill:rgba(121,200,154,.08);stroke:rgba(121,200,154,.7)}.th-tree.active .th-tree-sector{fill:rgba(121,200,154,.17);stroke:rgba(201,243,199,.47);filter:drop-shadow(0 0 12px rgba(121,200,154,.2))}.th-leaf-icon{fill:rgba(126,177,131,.62);stroke:#bce5bb;stroke-width:1.2;transition:fill .25s,filter .25s,transform .3s;transform-box:fill-box;transform-origin:center}.th-leaf-vein{fill:none;stroke:rgba(236,244,207,.7);stroke-width:1;stroke-linecap:round}.th-tree.active .th-leaf-icon{fill:#a6dfa8;filter:drop-shadow(0 0 7px rgba(156,232,170,.8));transform:scale(1.22)}.th-tree-name{fill:#aaaFA8;font:800 7.2px var(--font-h);letter-spacing:.035em;text-anchor:middle;pointer-events:none}.th-tree.active .th-tree-name{fill:#e7f5d6;filter:drop-shadow(0 0 5px rgba(183,226,191,.6))}
.th-date-marker{color:#ffe69b;pointer-events:none;transition:transform .48s cubic-bezier(.2,.8,.2,1)}.th-date-marker path,.th-date-marker circle{fill:currentColor;filter:drop-shadow(0 0 8px #e6c86e)}.th-date-marker line{stroke:rgba(255,232,163,.45);stroke-width:1.4;stroke-dasharray:5 7}.th-center-outer{fill:#040b07;stroke:rgba(216,184,102,.48);stroke-width:2}.th-center-ring{fill:none;stroke:rgba(121,200,154,.25);stroke-width:1.4}.th-growth-ring{fill:none;stroke:rgba(216,184,102,.13);stroke-width:1}.th-core{fill:url(#thCoreGradient);filter:url(#thGlow)}.th-center-leaf{fill:#e0f3bd;stroke:#fff1ba;stroke-width:2;filter:url(#thGlow)}.th-center-vein{fill:none;stroke:#497b54;stroke-width:1.8;stroke-linecap:round}.th-center-name{fill:#fff8df;font:800 27px var(--font-b);text-anchor:middle}.th-center-title{fill:#9ee0a9;font:800 8px var(--font-h);letter-spacing:.12em;text-anchor:middle}.th-center-period{fill:#b7ae8c;font:700 7px var(--font-h);letter-spacing:.06em;text-anchor:middle}.th-center-pop{animation:th-center-pop .42s ease}
.th-controls{padding:24px 22px 10px;border-top:1px solid rgba(255,255,255,.07)}.th-date-box{padding:20px;border:1px solid rgba(121,200,154,.14);border-radius:20px;background:rgba(5,13,8,.68)}.th-control-kicker{color:var(--th-green);font:800 9px var(--font-h);letter-spacing:.15em;text-transform:uppercase}.th-date-box h2{margin-top:6px;color:#f2eee4;font:800 20px var(--font-b)}.th-date-box>div>p:last-child{margin-top:7px;color:#929d94;font-size:13px;line-height:1.55}.th-date-row{display:grid;margin-top:18px;grid-template-columns:1fr auto auto;gap:9px}.th-date-row input{min-width:0;padding:11px 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#edf0e9;color-scheme:dark;background:#061009;font-weight:700}.th-button{min-height:44px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e8ede7;background:#101a13;cursor:pointer;font-weight:750}.th-button:hover,.th-button:focus-visible{border-color:rgba(121,200,154,.55);background:#17271b}.th-button.primary{border-color:transparent;color:#092013;background:linear-gradient(135deg,#73bd91,#c9f3c7);box-shadow:0 6px 22px rgba(99,188,132,.22)}.th-button.is-playing{border-color:rgba(216,184,102,.55);color:#fff0b7;background:rgba(216,184,102,.1)}.th-cycle-head{display:flex;justify-content:space-between;gap:15px;margin:22px 0 13px;color:#eeeae0}.th-cycle-head span{color:#cae6bc;font-weight:800}.th-scrub{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.th-scrub input{width:100%;accent-color:#79c89a}.th-timeline{position:relative;display:grid;height:66px;margin-top:18px;grid-template-columns:repeat(12,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(0,0,0,.22)}.th-timeline-month{z-index:1;padding:37px 4px 0;border-left:1px solid rgba(255,255,255,.055);color:#748077;font:700 8px var(--font-h);text-align:center}.th-timeline-month:first-of-type{border-left:0}#thTimelineSegments{position:absolute;z-index:0;inset:0;pointer-events:none}.th-timeline-segment{position:absolute;top:10px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(121,200,154,.34),rgba(201,243,199,.82));box-shadow:0 0 9px rgba(121,200,154,.23)}.th-timeline-segment.current{background:linear-gradient(90deg,#c4a54f,#ffe49a);box-shadow:0 0 11px rgba(216,184,102,.5)}.th-timeline-marker{position:absolute;z-index:2;top:0;bottom:0;width:2px;background:#fff0b4;box-shadow:0 0 8px #e9bc54;transition:left .35s}
.th-panel{position:sticky;top:88px;padding:28px;border-radius:30px}.th-panel-kicker{color:var(--th-light);font:800 11px var(--font-h);letter-spacing:.14em;text-transform:uppercase}.th-panel-heading{display:flex;align-items:center;gap:15px;margin-top:18px}.th-panel-icon{display:grid;width:68px;height:68px;flex:0 0 68px;place-items:center;border:1px solid rgba(121,200,154,.28);border-radius:50%;background:rgba(121,200,154,.06)}.th-panel-icon svg{width:48px;height:48px}.th-panel h2{color:#fff;font:800 clamp(31px,3vw,43px)/1 var(--font-b)}.th-panel-heading p{margin-top:8px;color:#a8e2ae;font-weight:800}.th-periods{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.th-period-chip{padding:7px 10px;border:1px solid rgba(216,184,102,.18);border-radius:999px;color:#c3b998;background:rgba(216,184,102,.045);font-size:11px;font-weight:750}.th-period-chip.current{border-color:rgba(201,243,199,.45);color:#dcf7d9;background:rgba(121,200,154,.12)}.th-facts{display:grid;margin-top:18px;grid-template-columns:1fr 1fr;gap:9px}.th-facts div{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.th-facts span{display:block;color:#7f8c81;font:800 8px var(--font-h);letter-spacing:.12em;text-transform:uppercase}.th-facts strong{display:block;margin-top:7px;color:#eeeade;font-size:13px;line-height:1.35}.th-description{margin-top:20px;color:#a5aea7;line-height:1.7}.th-traits{display:grid;gap:10px;margin-top:18px}.th-traits section{padding:13px;border:1px solid rgba(121,200,154,.12);border-radius:13px;background:rgba(121,200,154,.045)}.th-traits section.challenges{border-color:rgba(216,184,102,.13);background:rgba(216,184,102,.04)}.th-traits h3{color:#8fd5a1;font:800 8px var(--font-h);letter-spacing:.1em;text-transform:uppercase}.th-traits .challenges h3{color:#d6bd78}.th-traits ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding:0;list-style:none}.th-traits li{padding:6px 8px;border-radius:7px;color:#cbd5cc;background:rgba(255,255,255,.055);font-size:10px}.th-context{margin-top:19px;padding:16px;border-left:3px solid var(--th-gold);border-radius:0 12px 12px 0;color:#afb6ae;background:rgba(216,184,102,.06);font-size:13px;line-height:1.65}.th-context strong{color:#ffe7a4}.th-source{margin-top:18px;color:#6f7b71;font-size:10px;line-height:1.5}
.th-method-grid{display:grid;margin-top:24px;grid-template-columns:repeat(4,1fr);gap:14px}.th-method-grid p{display:grid;gap:9px;margin:0;padding:20px 14px;border-top:1px solid rgba(121,200,154,.22);color:var(--text-muted);line-height:1.55}.th-method-grid strong{color:var(--th-green);font:800 9px var(--font-h);letter-spacing:.1em;text-transform:uppercase}.th-method-grid span{font-size:13px}.th-method code{color:#d9edcf}.th-panel-leaf{fill:#bce8b9;stroke:#efffcf;stroke-width:1.6}.th-panel-vein{fill:none;stroke:#416f4a;stroke-width:1.5}
@keyframes th-center-pop{0%{opacity:.35;transform:scale(.82)}100%{opacity:1;transform:scale(1)}}
@media(max-width:980px){.th-experience{grid-template-columns:1fr}.th-panel{position:static}.th-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.th-hero{padding-top:44px}.th-hero .system-title{font-size:clamp(42px,13vw,58px)}.th-experience{width:min(calc(100% - 20px),1420px)}.th-card{padding:8px;border-radius:22px}.th-panel{padding:20px;border-radius:22px}.th-controls{padding:18px 8px 8px}.th-date-row{grid-template-columns:1fr 1fr}.th-date-row input{grid-column:1/-1}.th-scrub{grid-template-columns:auto 1fr auto}.th-scrub #thPlay{grid-column:1/-1}.th-facts{grid-template-columns:1fr}.th-method-grid{grid-template-columns:1fr}.th-tree-name{font-size:6.4px}}
@media(prefers-reduced-motion:reduce){.th-date-marker,.th-timeline-marker{transition:none}.th-center-pop{animation:none}}