/* /disco page (with classes.css) */
.disco h1{margin-bottom:0}
.dtag{margin:2px 0 12px;font-weight:800;font-size:1.15rem;color:var(--li,#c4a7ff);text-shadow:0 0 14px #c4a7ff88}
.pr4{grid-template-columns:repeat(4,1fr)}
.dr{margin:-6px 0 14px}
.sub{margin:0 0 8px;color:#dcd6f5}
.kid{border:2px solid #c4a7ff55;border-radius:16px;padding:12px;margin:0 0 10px;background:#c4a7ff0d}
.kid .kh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:800;color:#ffd27a}
.kid .rm{background:transparent;border:0;color:#a9a3c4;text-decoration:underline;font:inherit;font-size:.9rem;cursor:pointer;padding:4px}
.kid .kr{display:block}
.kid input{width:100%;min-height:48px;font-size:16px}
/* Age: a row of pill buttons (radio group), Oct 2026 */
.kid .ages{display:flex;align-items:center;gap:12px;margin:10px 0 0}
.kid .al{flex:none;min-width:2.6em;font-weight:700;color:#f4f1ff}
.kid .ap{flex:1;display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:8px;max-width:360px}
.pill{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kid .pill input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer}
.pill>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border:1.5px solid #ffffff2e;border-radius:999px;background:#0e0c1a;color:#d9d2f3;font-weight:700;font-size:1.05rem;letter-spacing:.02em;transition:border-color .15s,box-shadow .15s,color .15s,background .15s}
@media(hover:hover){.pill:hover input:not(:checked)+span{border-color:#c4a7ff88;color:#fff}}
.pill input:checked+span{border-color:#c4a7ff;background:#c4a7ff1f;color:#fff;box-shadow:inset 0 0 0 1px #c4a7ff,0 0 14px #c4a7ffa6,0 0 30px #c4a7ff40;text-shadow:0 0 10px #c4a7ffcc}
.pill input:focus-visible+span{outline:3px solid #fff3a0;outline-offset:3px}
.kid .ages.bad .pill>span{border-color:#ff9aa5}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kid .lq{margin:10px 0 6px;font-weight:700;color:#f4f1ff;line-height:1.35}
.kid .yn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kid .yn .opt>span{min-height:48px;border-radius:999px;align-items:center;text-align:center}
.kid .lnote{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#7ee8fa14;border:1px solid #7ee8fa55;color:#dff8fd;font-size:.95rem;line-height:1.4}
.addk{width:100%;min-height:48px;border-radius:999px;border:2px dashed #c4a7ff;background:transparent;color:#e7dcff;font:inherit;font-weight:800;cursor:pointer}
.addk small{font-weight:600;color:#a9a3c4}
.addk[hidden]{display:none}
.chips small.full{color:#ff7b88}
.err:not([hidden]){color:#ff9aa5}
@media (max-width:560px){.pr4{grid-template-columns:repeat(2,1fr)}}