/* HALO ALEIA — Child Mirror / Lensa Diri */
body.child-mirror-open{overflow:hidden!important}
.child-mirror-page{position:fixed;inset:0;z-index:12500;overflow:auto;background:radial-gradient(circle at 80% 8%,rgba(213,119,226,.13),transparent 25%),radial-gradient(circle at 10% 18%,rgba(91,111,217,.14),transparent 28%),linear-gradient(180deg,#15162f,#1b1939 62%,#12142b);color:#f8f5ff;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;font-family:"Avenir Next","Segoe UI",Inter,Arial,sans-serif}
.child-mirror-page.show{opacity:1;transform:none}
.child-mirror-topbar{position:sticky;top:0;z-index:3;min-height:66px;padding:0 20px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid rgba(221,204,245,.08);background:rgba(16,17,38,.86);backdrop-filter:blur(14px)}
.child-mirror-close{width:36px;height:36px;border:1px solid rgba(222,204,247,.12);border-radius:12px;background:rgba(255,255,255,.03);color:#d9cfeb;font-size:20px;cursor:pointer}.child-mirror-topbar div b{display:block;font-size:13px}.child-mirror-topbar div small{display:block;margin-top:2px;color:#a88ec7;font-size:6px;letter-spacing:.16em}.child-mirror-topbar>span{padding:6px 8px;border-radius:999px;border:1px solid rgba(212,181,236,.12);background:rgba(177,113,209,.07);color:#cbb2df;font-size:6px;font-weight:900;letter-spacing:.09em}
.child-mirror-content{width:min(760px,calc(100% - 28px));margin:0 auto;padding:38px 0 72px}
.child-mirror-head{display:grid;grid-template-columns:1fr 56px;gap:18px;align-items:start}.child-mirror-head small{color:#b89bd6;font-size:7px;letter-spacing:.15em;font-weight:900}.child-mirror-head h1{margin:7px 0 8px;font-size:clamp(30px,6vw,48px);line-height:1;letter-spacing:-1.4px}.child-mirror-head p{max-width:560px;margin:0!important;color:#aaa2b7!important;font-size:11px!important;line-height:1.6!important}.child-mirror-card-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(221,202,247,.13);background:rgba(255,255,255,.035);font-size:22px}
.child-mirror-progress{height:3px;margin:24px 0 28px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.child-mirror-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f81e4,#e7a9d1);transition:width .22s ease}
.child-mirror-question{padding:24px;border:1px solid rgba(218,200,240,.11);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(67,52,112,.08));box-shadow:0 22px 54px rgba(6,5,25,.16)}.child-mirror-question>small{color:#9787aa;font-size:7px;letter-spacing:.14em;font-weight:900}.child-mirror-question h2{margin:9px 0 17px;font-size:21px;line-height:1.28}.child-mirror-hint{margin:-8px 0 14px!important;color:#8d8497!important;font-size:8px!important}
.child-mirror-options{display:grid;gap:8px}.child-mirror-options button{min-height:48px;padding:9px 12px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:9px;text-align:left;border:1px solid rgba(217,201,239,.10);border-radius:15px;background:rgba(255,255,255,.025);color:#dcd5e5;cursor:pointer}.child-mirror-options button span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:#d9b8f5;font-size:10px}.child-mirror-options button b{font-size:10px;line-height:1.4}.child-mirror-options button[aria-pressed="true"]{border-color:rgba(190,153,235,.38);background:rgba(134,91,187,.14);color:#fff}.child-mirror-options button[aria-pressed="true"] span{background:rgba(194,153,239,.18)}
.child-mirror-follow{display:block;margin-top:16px;padding:14px;border:1px solid rgba(235,190,219,.12);border-radius:15px;background:rgba(127,77,114,.07)}.child-mirror-follow>span{display:block;color:#ac98b0;font-size:7px}.child-mirror-follow>b{display:block;margin:5px 0 8px;font-size:9.5px;color:#e6dce9}.child-mirror-follow select{width:100%;height:40px;padding:0 10px;border:1px solid rgba(218,198,233,.12);border-radius:11px;background:#201d3b;color:#d8d0df;font:600 9px/1 inherit;outline:none}
.child-mirror-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.child-mirror-actions button,.child-mirror-done button{min-height:44px;padding:0 15px;border-radius:999px;font:850 9px/1 inherit;cursor:pointer}.child-mirror-secondary{border:1px solid rgba(218,201,239,.12);background:rgba(255,255,255,.025);color:#b8afc2}.child-mirror-primary{border:0;background:linear-gradient(90deg,#eee7ff,#ddcfff);color:#2f2444;box-shadow:0 10px 24px rgba(9,6,28,.18)}.child-mirror-primary:disabled{opacity:.35;cursor:default}
.child-mirror-done{text-align:center;padding:56px 18px}.child-mirror-done>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:rgba(169,120,219,.12);border:1px solid rgba(211,181,242,.18);font-size:22px}.child-mirror-done>small{color:#ad91c9;font-size:7px;letter-spacing:.16em;font-weight:900}.child-mirror-done h1{max-width:580px;margin:9px auto 12px;font-size:clamp(30px,6vw,48px);line-height:1.06}.child-mirror-done>p{max-width:570px;margin:0 auto!important;color:#aaa2b5!important;font-size:11px!important;line-height:1.65!important}.child-mirror-done>div{max-width:520px;margin:20px auto;padding:15px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(213,196,235,.09)}.child-mirror-done>div b,.child-mirror-done>div small{display:block}.child-mirror-done>div b{font-size:10px}.child-mirror-done>div small{margin-top:4px;color:#8f8799;font-size:8px}.child-mirror-done button{margin-top:8px}
@media(max-width:650px){.child-mirror-topbar{padding:0 11px}.child-mirror-content{width:calc(100% - 22px);padding:28px 0 54px}.child-mirror-head{grid-template-columns:1fr 46px}.child-mirror-card-icon{width:46px;height:46px;border-radius:15px;font-size:19px}.child-mirror-question{padding:18px 14px;border-radius:20px}.child-mirror-question h2{font-size:18px}.child-mirror-options button{min-height:50px}.child-mirror-actions{position:sticky;bottom:8px;padding:8px;border-radius:999px;background:rgba(19,18,41,.82);backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.child-mirror-page{transition:none}}