.tx-section{--tx-line:color-mix(in srgb,var(--accent-2) 32%,transparent);position:relative;isolation:isolate;max-width:1500px;margin:clamp(4rem,9vw,9rem) auto;padding:clamp(1.25rem,4.5vw,4.5rem);overflow:hidden;border-block:1px solid var(--tx-line);background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 88%,#001013),color-mix(in srgb,var(--accent) 10%,transparent))}
.tx-section::before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(circle at 15% 24%,color-mix(in srgb,var(--accent-2) 13%,transparent),transparent 24%),radial-gradient(circle at 87% 73%,color-mix(in srgb,var(--accent-3) 11%,transparent),transparent 28%);filter:blur(24px);pointer-events:none}
.tx-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:2rem;align-items:end;margin-bottom:clamp(2rem,5vw,4rem)}
.tx-heading>div>p,.tx-index{margin:0;color:var(--accent-2);font-size:.74rem;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}.tx-heading h2{max-width:14ch;margin:.55rem 0 0;font:400 clamp(2.35rem,6vw,6.5rem)/.92 Georgia,serif;letter-spacing:-.045em}.tx-heading>p{max-width:38rem;margin:0;color:color-mix(in srgb,var(--warm) 72%,transparent);font-size:1rem;line-height:1.7}
.tx-clock-panel{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:clamp(1.2rem,4vw,4rem);align-items:center;padding:clamp(1rem,3vw,2.5rem);border:1px solid var(--tx-line);background:linear-gradient(145deg,rgba(0,0,0,.18),rgba(255,255,255,.025));box-shadow:0 40px 100px rgba(0,0,0,.24)}
.tx-clock-wrap{position:relative;width:min(100%,650px);aspect-ratio:1;margin:auto}.tx-clock-wrap canvas{display:block;width:100%;height:100%}.tx-clock-core{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);text-align:center;border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px)}.tx-clock-core span{font-size:.65rem;letter-spacing:.18em}.tx-clock-core strong{font:400 clamp(1.45rem,4vw,3.25rem)/1 ui-monospace,SFMono-Regular,monospace;color:var(--warm)}.tx-clock-core small{max-width:12ch;line-height:1.3;opacity:.62}.tx-clock-copy h3,.tx-card h3{margin:.5rem 0 1rem;font:400 clamp(1.6rem,3vw,2.7rem)/1 Georgia,serif}.tx-clock-copy>p:not(.tx-index){max-width:38rem;line-height:1.7;opacity:.75}.tx-clock-copy dl{display:grid;gap:.5rem;margin:2rem 0 0}.tx-clock-copy dl div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.75rem 0;border-top:1px solid var(--tx-line)}.tx-clock-copy dt{font-size:.7rem;letter-spacing:.14em}.tx-clock-copy dd{margin:0;color:var(--accent-2);overflow-wrap:anywhere}
.tx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-top:1rem}.tx-card{grid-column:span 6;min-width:0;padding:clamp(1rem,2.5vw,2rem);border:1px solid var(--tx-line);background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(0,0,0,.2));box-shadow:0 24px 70px rgba(0,0,0,.16)}.tx-orbit-card{grid-column:1/-1}.tx-card header{margin-bottom:1.5rem}.tx-card label{display:grid;gap:.55rem;margin:0 0 1rem;color:color-mix(in srgb,var(--warm) 78%,transparent);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.tx-card input,.tx-card select,.tx-card textarea{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--warm) 20%,transparent);border-radius:0;background:rgba(0,0,0,.18);color:var(--warm);font:inherit;text-transform:none;letter-spacing:normal}.tx-card input[type=range]{min-height:44px;padding:0;accent-color:var(--accent-2)}.tx-card output{justify-self:end;color:var(--accent-2)}.tx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tx-button{min-height:46px;padding:.7rem 1.05rem;border:1px solid color-mix(in srgb,var(--warm) 28%,transparent);background:transparent;color:var(--warm);font:inherit;cursor:pointer}.tx-button:hover,.tx-button:focus-visible{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent) 18%,transparent)}.tx-primary{border-color:color-mix(in srgb,var(--accent-2) 52%,transparent);background:color-mix(in srgb,var(--accent) 28%,transparent)}
.tx-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.25rem 0}.tx-filters button{min-height:44px;padding:.4rem .8rem;border:1px solid var(--tx-line);border-radius:99px;background:transparent;color:inherit;cursor:pointer}.tx-filters button[aria-pressed=true]{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent) 24%,transparent)}.tx-event-list{display:grid;gap:.55rem;max-height:31rem;margin:0;padding:0;overflow:auto;list-style:none}.tx-event-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border-left:2px solid var(--event-color,var(--accent-2));background:rgba(0,0,0,.17)}.tx-event-list li.is-returned{opacity:.64}.tx-event-list time{font:700 .72rem/1.3 ui-monospace,monospace;color:var(--event-color,var(--accent-2))}.tx-event-list strong{display:block;line-height:1.25}.tx-event-list small{opacity:.62}.tx-event-actions{display:flex;gap:.35rem}.tx-event-actions button{width:44px;height:44px;border:1px solid var(--tx-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.tx-event-empty{display:block!important;padding:1.2rem!important;border:1px dashed var(--tx-line)!important;text-align:center;opacity:.7}
#tx-morph-canvas{display:block;width:100%;height:210px;margin:1.2rem 0;border-block:1px solid var(--tx-line);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}.tx-reading{min-height:4.5rem;margin:0;font:400 1.1rem/1.55 Georgia,serif;color:color-mix(in srgb,var(--warm) 88%,transparent)}.tx-chime-visual{display:flex;align-items:center;justify-content:center;gap:.65rem;height:8rem;margin:1rem 0}.tx-chime-visual i{display:block;width:2px;height:42%;background:var(--accent-2);box-shadow:0 0 14px var(--accent-2);transform:scaleY(var(--pulse,.35));transform-origin:center;transition:transform .5s}.tx-chime-visual.is-playing i{animation:txPulse .9s ease-in-out calc(var(--i,0)*.08s) infinite alternate}.tx-chime-visual i:nth-child(1){--i:1}.tx-chime-visual i:nth-child(2){--i:2}.tx-chime-visual i:nth-child(3){--i:3}.tx-chime-visual i:nth-child(4){--i:4}.tx-chime-visual i:nth-child(5){--i:5}.tx-status{min-height:1.5rem;color:color-mix(in srgb,var(--warm) 68%,transparent)}
.tx-orbit-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(15rem,.6fr);gap:1.2rem;align-items:center}#tx-orbit{display:block;width:100%;height:min(55vw,480px);min-height:300px;border:1px solid var(--tx-line);background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 13%,transparent),transparent 63%)}.tx-orbit-controls{display:flex;gap:.5rem}.tx-orbit-controls button{width:3rem;height:3rem;border:1px solid var(--tx-line);border-radius:50%;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}.tx-orbit-focus{min-height:12rem;margin-top:1rem;padding:1.2rem;border-left:1px solid var(--accent-2);background:rgba(0,0,0,.12)}.tx-orbit-focus span{font-size:.67rem;letter-spacing:.16em;color:var(--accent-2)}.tx-orbit-focus h4{margin:.65rem 0;font:400 1.6rem/1.05 Georgia,serif}.tx-orbit-focus p{line-height:1.6;opacity:.72}.tx-local-note{margin:1.5rem 0 0;text-align:right;font-size:.78rem;opacity:.58}
@keyframes txPulse{to{transform:scaleY(1.7);opacity:.42}}@media(max-width:900px){.tx-heading,.tx-clock-panel,.tx-orbit-layout{grid-template-columns:1fr}.tx-card{grid-column:1/-1}.tx-heading>p{max-width:none}.tx-clock-copy{text-align:center}.tx-clock-copy dl{text-align:left}.tx-orbit-layout>div{display:grid;grid-template-columns:auto 1fr;gap:1rem}.tx-orbit-focus{margin:0}}@media(max-width:620px){.tx-section{padding-inline:1rem}.tx-two{grid-template-columns:1fr}.tx-event-list li{grid-template-columns:1fr auto}.tx-event-list time{grid-column:1/-1}.tx-clock-panel{padding:.75rem}.tx-clock-copy dl div{grid-template-columns:6.8rem 1fr}.tx-orbit-layout>div{grid-template-columns:1fr}.tx-local-note{text-align:left}}@media(prefers-reduced-motion:reduce){.tx-section *{scroll-behavior:auto!important}.tx-chime-visual.is-playing i{animation:none}}
