:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;--bg:#101113;--panel:#191b1e;--ink:#f4f2ed;--dim:#b9bcc2;--line:#373b41;--accent:#ffc263;--highlight:#d8f991}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}a{color:inherit}button,select,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}
.tu-skip{position:absolute;z-index:3;left:.5rem;top:-5rem;background:white;color:black;padding:.8rem}.tu-skip:focus{top:.5rem}
.tu-top{border-bottom:1px solid var(--line);background:#151719}.tu-top>div,.tu-main,.tu-foot{width:min(96rem,calc(100% - 3rem));margin-inline:auto}.tu-top>div,.tu-top nav,.tu-section-title,.tu-foot,.tu-brand{display:flex;align-items:center;gap:1.25rem}.tu-top>div{min-height:4.25rem;justify-content:space-between}.tu-brand,.tu-top nav a,.tu-foot a{text-decoration:none}.tu-brand{gap:.65rem;letter-spacing:.045em}.tu-brand img{border-radius:50%}.tu-brand span{color:var(--accent)}.tu-top nav a{font-size:.88rem;font-weight:650;color:var(--dim)}.tu-top nav a[aria-current]{color:var(--accent)}.tu-main{padding-block:1.6rem 3rem}.tu-kicker{font:.73rem/1.4 ui-monospace,monospace;letter-spacing:.15em;color:var(--accent);margin:0 0 .55rem}
.tu-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.75fr);border:1px solid #44403d;border-radius:1.1rem;overflow:hidden;background:linear-gradient(105deg,#222223,#18191c 60%,#30251f);min-height:19rem}.tu-hero-copy{padding:clamp(1.4rem,4vw,4rem);align-self:center}.tu-hero h1{font-size:clamp(2.75rem,5.5vw,5.3rem);line-height:.95;letter-spacing:-.07em;margin:.4rem 0 1.1rem}.tu-hero h1 span{color:var(--accent)}.tu-hero-copy>p:not(.tu-kicker){max-width:47rem;color:var(--dim);margin-bottom:1.4rem}.tu-hero-art{position:relative;display:grid;place-items:center;margin:0;isolation:isolate;background:repeating-linear-gradient(135deg,transparent 0 36px,#ffffff05 36px 37px)}.tu-hero-art img{width:100%;max-width:25rem;height:auto;filter:drop-shadow(0 .7rem 1rem #07080899)}.tu-beam{position:absolute;z-index:-1;inset:6% 4%;background:radial-gradient(ellipse at center,#d99e5930,transparent 66%)}.tu-hero-art figcaption{position:absolute;bottom:1rem;right:1.5rem;text-align:right;font: .72rem/1.5 ui-monospace,monospace;color:var(--accent)}.tu-hero-art figcaption span{display:block;color:var(--ink);font:600 .85rem system-ui,sans-serif}
.tu-button,.tu-secondary,.tu-text-button{border-radius:.5rem;min-height:2.65rem;font-size:.9rem;font-weight:730;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tu-button{background:var(--accent);color:#261c10;border:1px solid #f0b35d;padding:.52rem 1.1rem}.tu-button:hover:enabled,.tu-hero-copy .tu-button:hover{background:#ffd79f}.tu-text-button{border:0;background:transparent;color:var(--accent);padding:.2rem .25rem}.tu-secondary{background:#282b30;border:1px solid var(--line);color:var(--ink);padding:.45rem 1rem}
.tu-builder{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-top:1.15rem}.tu-editor,.tu-cart,.tu-output,.tu-example,.tu-method{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:clamp(1.15rem,2.5vw,2rem);min-width:0}.tu-section-title{justify-content:space-between;flex-wrap:wrap;gap:.35rem .7rem}.tu-main h2{font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.035em;line-height:1.15;margin:0}.tu-fields{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tu-fields label{display:flex;flex-direction:column;font-size:.82rem;font-weight:680;color:var(--dim);gap:.25rem}.tu-fields small{font-size:inherit}.tu-fields label:has(small){display:block}.tu-fields label:has(small) input{display:block;margin-top:.25rem}.tu-fields select,.tu-fields input{min-width:0;width:100%;height:2.65rem;padding:.45rem .65rem;border:1px solid #55595f;border-radius:.4rem;color:var(--ink);background:#101215;font-size:.9rem}.tu-field-wide{grid-column:1/-1}.tu-message,.tu-meter-label,.tu-output-note{color:var(--dim);font-size:.9rem}.tu-message{margin-bottom:0}.tu-message[data-error="true"]{color:#ffa991}.tu-cart{display:flex;flex-direction:column}.tu-calculate{margin-top:auto}.tu-inputs{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}.tu-inputs li{display:flex;align-items:center;gap:.7rem;background:#121518;border-radius:.5rem;padding:.4rem .55rem}.tu-inputs img{width:3.75rem;height:2.75rem;object-fit:contain}.tu-inputs strong,.tu-inputs small{display:block}.tu-inputs strong{font-size:.88rem}.tu-inputs small{font-size:.76rem;color:var(--dim)}.tu-inputs button{margin-left:auto;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:.4rem;min-width:2.5rem;min-height:2.5rem}
.tu-output,.tu-method,.tu-example{margin-top:1.15rem}.tu-output-note{max-width:67rem}.tu-results{display:grid;gap:1rem;margin:1.2rem 0}.tu-group{padding-top:.7rem;border-top:1px solid var(--line)}.tu-group h3{font-size:1.05rem;margin:.35rem 0}.tu-group h3 span{color:var(--highlight);font:600 .9rem ui-monospace,monospace}.tu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.3rem,1fr));gap:.6rem;margin-top:.65rem}.tu-item{border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:#111316}.tu-item img{width:100%;height:6rem;object-fit:contain;background:radial-gradient(ellipse at center,#37302b,transparent)}.tu-item p{font-size:.85rem;margin:.45rem .6rem;overflow-wrap:anywhere}.tu-item small{font: .72rem/1.5 ui-monospace,monospace;color:var(--dim);display:block;margin:.4rem .6rem}.tu-example{display:flex;align-items:center;gap:1.5rem}.tu-example img{object-fit:contain}.tu-example p:not(.tu-kicker),.tu-method p{color:var(--dim);max-width:67rem}.tu-method>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.tu-method p{font-size:.9rem;margin:.85rem 0 0}.tu-method a{color:var(--accent)}.tu-foot{border-top:1px solid var(--line);padding-block:1.25rem 2rem;color:var(--dim);font-size:.82rem}
@media(max-width:760px){.tu-top>div,.tu-main,.tu-foot{width:calc(100% - 1.5rem)}.tu-top>div{flex-wrap:wrap;padding:.65rem 0;gap:.5rem}.tu-top nav{gap:1rem}.tu-top nav a{font-size:.81rem}.tu-main{padding-top:.8rem}.tu-hero{grid-template-columns:1fr;min-height:0}.tu-hero-copy{padding:1.45rem 1.1rem .65rem}.tu-hero-art{height:8.7rem}.tu-hero-art img{height:100%;width:auto;max-width:70%;margin-right:7rem}.tu-hero-art figcaption{right:1rem;bottom:.8rem}.tu-builder,.tu-method>div{grid-template-columns:1fr}.tu-method>div{gap:.2rem}.tu-example{display:block}.tu-example img{width:6rem;height:4rem}.tu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tu-foot{flex-wrap:wrap}.tu-fields{gap:.7rem}.tu-top nav{flex-wrap:wrap}.tu-section-title h2{overflow-wrap:anywhere}}
.tu-source{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.tu-source .tu-secondary[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.tu-source-note{font-size:.81rem;color:var(--dim);margin:.6rem 0}