.x-pill{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap;font-style:normal;border:1px solid var(--line)}
.x-pill.hot{background:color-mix(in srgb,var(--o) 22%,transparent);color:var(--head);border-color:transparent}
.x-pill.warn{border-color:var(--o);color:var(--head)}
.x-pill.ok{color:var(--head)}
.x-enq,.x-pay,.x-plist,.x-thread,.x-kit,.x-roster{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.x-enq li,.x-pay li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem}
.x-enq li>div,.x-pay li>div{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.x-enq b,.x-pay b{color:var(--head)}
.x-enq small,.x-pay small{display:block;color:var(--muted);font-size:.75rem}
.x-enq p{margin:.3rem 0 0;font-size:.88rem}
.x-enq .x-rep{color:var(--muted);border-left:3px solid var(--o);padding-left:.5rem}
.x-amt{font-size:.82rem;color:var(--muted)}
.x-phone{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 6px 24px rgba(0,0,0,.08);max-width:440px;min-width:0}
.x-ph-h{font-weight:700;color:var(--head);margin-bottom:.6rem;font-size:.9rem;overflow-wrap:anywhere}
.x-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.x-form label,.x-ed label,.x-gsel{display:grid;gap:.2rem;font-size:.78rem;color:var(--muted);min-width:0}
.x-form .x-full{grid-column:1/-1}
.x-form input,.x-form select,.x-ed input,.x-ed select,.x-gsel select,.x-note input{width:100%;min-width:0;box-sizing:border-box;padding:.45rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem}
.x-ed input[type=color]{padding:.1rem;height:2.2rem}
.x-ex{display:flex;flex-wrap:wrap;gap:.35rem;grid-column:1/-1}
.x-ex label{display:flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:99px;padding:.25rem .6rem;color:var(--text);cursor:pointer}
.x-lines{margin:.8rem 0 .4rem;font-size:.84rem}
.x-lines div{display:flex;justify-content:space-between;gap:.5rem;padding:.2rem 0;border-bottom:1px dashed var(--line)}
.x-lines span:first-child{min-width:0;overflow-wrap:anywhere}
.x-tot{display:flex;justify-content:space-between;font-weight:700;color:var(--head);font-size:1.05rem;margin:.4rem 0}
.x-warn{color:var(--o);font-size:.82rem;font-weight:600;margin:.3rem 0}
.x-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0;align-items:center}
.x-row p{flex-basis:100%;margin:0}
.x-cal{display:grid;gap:.4rem;margin-bottom:1rem}
.x-day{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;cursor:pointer;font:inherit;color:var(--text)}
.x-day.on{border-color:var(--o);box-shadow:0 0 0 2px color-mix(in srgb,var(--o) 30%,transparent)}
.x-day b{display:block;color:var(--head);font-size:.85rem;margin-bottom:.25rem}
.x-chip{display:inline-block;font-size:.72rem;padding:.12rem .45rem;margin:.1rem .2rem .1rem 0;border-radius:6px;background:var(--bg2);color:var(--muted);overflow-wrap:anywhere}
.x-chip.bk{background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--head)}
.x-plist button{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font:inherit;color:var(--text);cursor:pointer}
.x-plist button.on{border-color:var(--o);box-shadow:0 0 0 2px color-mix(in srgb,var(--o) 25%,transparent)}
.x-plist b{color:var(--head);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.x-plist small{color:var(--muted);font-size:.75rem;flex-basis:100%}
.x-ed{display:grid;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem;margin:.8rem 0 .4rem}
.x-sw{display:flex;flex-wrap:wrap;gap:.35rem}
.x-sw button{display:flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:99px;padding:.3rem .65rem;font:inherit;font-size:.8rem;cursor:pointer}
.x-sw button.on{border-color:var(--o);color:var(--head);font-weight:600}
.x-sw i{width:12px;height:12px;border-radius:50%}
.x-thread li{background:var(--bg2);border-radius:12px;padding:.5rem .7rem;font-size:.85rem;max-width:90%;overflow-wrap:anywhere;color:var(--text)}
.x-thread li.you{margin-left:auto;border:1px solid var(--line);background:var(--card)}
.x-thread b{display:block;font-size:.72rem;color:var(--muted)}
.x-print{margin:0 auto;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:10px;display:grid;gap:8px;border-top:6px solid var(--ac);box-sizing:border-box;max-width:100%}
.x-strip{width:160px}.x-post{width:300px}.x-digi{width:270px}
.x-fr{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 35%,var(--bg2)),var(--bg2));font-size:2rem;border-radius:3px}
.x-g4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.x-pt{text-align:center;overflow-wrap:anywhere}
.x-pt b{display:block;font-size:1.1rem;line-height:1.2}
.x-pt small{font-size:.7rem;color:var(--muted)}
.x-f-gold,.x-f-bot{font-family:Georgia,serif}.x-f-gold{font-style:italic}
.x-f-neon{text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.x-f-mono{text-transform:uppercase;letter-spacing:.2em;font-weight:500}
.x-c{text-align:center}
.x-gsel{margin-bottom:.4rem;max-width:340px}
.x-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:.6rem 0}
.x-tile{position:relative;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:1.6rem;background:hsl(var(--hue) 60% 72%);overflow:hidden}
.x-tile em,.x-tile small{position:absolute;background:var(--card);color:var(--head);border-radius:4px;font-style:normal}
.x-tile em{top:4px;left:4px;font-size:.55rem;font-weight:700;padding:1px 4px}
.x-tile small{bottom:3px;left:3px;right:3px;font-size:.55rem;padding:1px 3px;text-align:center;overflow-wrap:anywhere}
.x-empty{grid-column:1/-1;padding:1.4rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;font-size:.85rem}
.x-brand{border-radius:12px;padding:.6rem .8rem;color:var(--head);border-left:5px solid var(--ac);background:var(--bg2);font-weight:700;overflow-wrap:anywhere}
.x-qrw{display:flex;gap:.7rem;align-items:center;background:var(--bg2);border-radius:12px;padding:.6rem;margin:.5rem 0}
.x-qr{width:84px;height:84px;flex:none;fill:var(--head);background:var(--card);border-radius:6px;padding:4px}
.x-qr .x-qb{fill:var(--card)}
.x-optin{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:.5rem;margin:.5rem 0}
.x-mail{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem;margin:.7rem 0;font-size:.86rem;overflow-wrap:anywhere}
.x-mail h5{margin:0 0 .3rem;color:var(--head);font-size:.92rem}
.x-top{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin-bottom:1rem}
.x-media{flex:1 1 260px;background:var(--bg2);border-radius:12px;padding:.6rem .8rem;font-size:.86rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:2px solid transparent}
.x-media.hot{border-color:var(--o)}
.x-ev{border:1px solid var(--line);border-radius:16px;padding:1rem;margin-bottom:1rem;background:var(--bg2)}
.x-evh{display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:center;margin-bottom:.7rem}
.x-evh b{color:var(--head);font-size:1.05rem}
.x-evh span{color:var(--muted);font-size:.8rem;flex:1 1 auto}
.x-run dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem;margin:0;font-size:.82rem}
.x-run dt{color:var(--muted)}
.x-run dd{margin:0;overflow-wrap:anywhere;color:var(--text)}
.x-note{display:flex;gap:.4rem;margin-top:.7rem}
.x-notes{font-size:.8rem;margin:.5rem 0 0;padding-left:1.1rem}
.x-kit{gap:.35rem}
.x-kit label{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;cursor:pointer;overflow-wrap:anywhere}
.x-h4{margin:0 0 .5rem;color:var(--head);font-size:.95rem}
.x-roster li{display:grid;grid-template-columns:5.5rem repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:.4rem;font-size:.8rem;padding:.4rem .6rem;background:var(--card);border:1px solid var(--line);border-radius:8px}
.x-roster b{color:var(--head)}
.x-roster em{font-style:normal;overflow-wrap:anywhere}
@media (max-width:560px){.x-form{grid-template-columns:minmax(0,1fr)}.x-roster li{grid-template-columns:repeat(2,minmax(0,1fr))}.x-gal{grid-template-columns:repeat(3,minmax(0,1fr))}.x-phone{border-radius:16px;padding:.8rem}.x-ev{padding:.7rem}.x-post,.x-digi{width:100%}}