/* Grown-ups' setup site: the Eilo look (cream paper, Georgia headings) with the Galaxy robot's colours. */
:root{--ink:#2a1048;--deep:#150a2e;--violet:#3b1a78;--plum:#5a2aa8;--cyan:#8cf6ff;--teal:#3fe8d4;--pink:#ff4fa3;--blush:#ffd1ea;--lilac:#f4eaff;--paper:#f7f3e9;--card:#fffdf7;--line:#ddd3ea;--muted:#62587a;--orange:#d77c44;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}
button,input,select{font:inherit;color:inherit}
.sky{background:radial-gradient(circle at 18% 30%,#ffffff26 0 1.5px,transparent 2px),radial-gradient(circle at 72% 64%,#ffffff33 0 1px,transparent 1.6px),radial-gradient(circle at 46% 18%,#ffffff26 0 1px,transparent 1.6px),linear-gradient(135deg,var(--deep),var(--violet) 55%,var(--plum));background-size:90px 70px,120px 90px,70px 60px,auto;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900;font-size:30px;letter-spacing:-2px}.brand span{color:var(--pink);font-size:20px}.brand img{display:block}
.tag{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--cyan);white-space:nowrap}@media(max-width:380px){.tag{display:none}}
.sky .ghost{margin-left:auto;white-space:nowrap;min-height:38px;color:#fff;border-color:#ffffff55;background:transparent;padding:8px 12px;font-size:13px}
main{max-width:560px;margin:0 auto;padding:18px 16px 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 18px;margin:0 0 16px;box-shadow:0 6px 0 #ece4f3}
.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--plum)}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:10px 0 8px;line-height:1.15}h1{font-size:32px;letter-spacing:-1px}h2{font-size:24px}h3{font-size:19px}
p{line-height:1.55;font-size:15px;color:var(--muted);margin:8px 0}.small{font-size:12px}.center{text-align:center}.hint{font-size:12px;margin:4px 0 10px}
label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}
input[type=email],input:not([type]),input[type=text]{display:block;width:100%;padding:13px 14px;border:1.5px solid #cbbfdc;border-radius:10px;background:#fff;font-size:16px}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
button,.button{display:inline-block;cursor:pointer;border:1.5px solid #cbbfdc;border-radius:10px;padding:12px 16px;background:#fff;text-decoration:none;font-size:15px;min-height:44px}
button:disabled{opacity:.55;cursor:wait}
.primary{display:block;width:100%;margin-top:14px;background:var(--violet);border-color:var(--violet);color:#fff;font-weight:700;text-align:center}.primary:hover{background:var(--plum)}
.ghost{background:transparent}.link{border:0;background:none;color:var(--plum);text-decoration:underline;padding:8px 0;min-height:0}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row .primary{width:auto;flex:1;margin-top:0}
.code-chip{text-align:center;margin:16px 0}.code-chip span{display:inline-block;font:700 26px/1 'Courier New',monospace;letter-spacing:4px;color:var(--ink);background:var(--lilac);border:2px dashed var(--plum);border-radius:12px;padding:12px 16px}
#flash{border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:14px;background:var(--lilac);color:var(--ink)}#flash.ok{background:#dff9f4;border:1px solid var(--teal)}#flash.error{background:#ffe6f1;border:1px solid var(--pink)}
.consent{border:2px solid var(--plum)}
.placeholder-badge{font-size:12px;background:#fff6dd;border:1px dashed var(--orange);border-radius:10px;padding:10px 12px;color:#6b4423}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.45;color:var(--ink)}.check input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--violet)}
.list{list-style:none;margin:10px 0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}
.list strong{font-family:Georgia,serif;font-size:19px;font-weight:400;display:block}.look{font-size:12px;color:var(--muted)}
.list .ghost{padding:8px 12px;font-size:13px;min-height:40px}
.list li.robot-item{display:block}.robot-row{display:flex;gap:10px;align-items:center}.rename{display:flex;gap:8px;flex:1;min-width:0}.rename input{flex:1 1 auto;width:auto;min-width:0;padding:10px 12px}.rename button{flex:none}.robot-item .pill{display:inline-block;margin:10px 0 0 46px}
.pill{font-size:11px;font-weight:700;border-radius:99px;padding:5px 10px}.pill.ok{background:#dff9f4;color:#0d5f56}.pill.wait{background:#ffe6f1;color:#8a1d52}
.notice{background:var(--lilac);border-radius:10px;padding:10px 12px;font-size:13px}
.kid-form{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
fieldset{border:0;padding:0;margin:12px 0 0}legend{font-size:13px;font-weight:700;margin-bottom:6px}.opt{font-weight:400;color:var(--muted);font-size:12px}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pills label{margin:0;font-weight:400}.pills input{position:absolute;opacity:0;pointer-events:none}
.pills span{display:inline-block;border:1.5px solid #cbbfdc;border-radius:99px;padding:9px 14px;background:#fff;font-size:14px;min-height:40px}
.pills input:checked+span{background:var(--violet);border-color:var(--violet);color:#fff}.pills input:focus-visible+span{outline:3px solid var(--pink);outline-offset:2px}
.facts{padding-left:18px;color:var(--muted);font-size:14px;line-height:1.6}
details.danger{margin-top:14px;border:1px solid #f1b9d3;border-radius:12px;padding:10px 14px;background:#fff8fb}details.danger summary{cursor:pointer;font-weight:700;color:#8a1d52;min-height:28px}
.danger-button{display:block;width:100%;margin-top:12px;background:#b0175e;border-color:#b0175e;color:#fff;font-weight:700}
footer{text-align:center;font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted);padding:18px 16px 30px}
[hidden]{display:none!important}
@media(min-width:700px){main{padding-top:36px}h1{font-size:40px}.sky{padding:18px 32px}}