.child-safe-setup-btn{border-color:color-mix(in srgb,var(--green) 35%,var(--line));color:color-mix(in srgb,var(--green) 82%,var(--ink))}
.child-safe-guide-dialog{width:min(620px,calc(100vw - 28px));max-width:min(620px,calc(100vw - 28px));max-height:min(90dvh,760px);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 28px 80px rgba(20,30,35,.28)}
.child-safe-guide-dialog::backdrop{background:rgba(12,24,31,.48);backdrop-filter:blur(4px)}
.child-safe-guide-inner{max-height:min(90dvh,760px);display:grid;gap:14px;padding:20px;overflow-y:auto;overscroll-behavior:contain}
.child-safe-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.child-safe-guide-head p,.child-safe-guide-kicker{margin:0;color:var(--primary-strong);font-size:.72rem;font-weight:900;letter-spacing:.055em}.child-safe-guide-head h2{margin:4px 0 0;font-size:1.32rem;line-height:1.2}.child-safe-guide-intro{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.child-safe-guide-card,.child-safe-guide-note{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,var(--bg))}.child-safe-guide-primary{border-color:color-mix(in srgb,var(--green) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--green) 12%,var(--surface)),var(--surface))}.child-safe-guide-card strong,.child-safe-guide-note strong{font-size:1rem}.child-safe-guide-card p,.child-safe-guide-note p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.child-safe-access-card{display:grid;gap:12px;padding:16px;border:1px solid color-mix(in srgb,#49a879 42%,var(--line));border-radius:16px;background:linear-gradient(135deg,#e7f7ed,color-mix(in srgb,var(--surface) 92%,#e7f7ed))}.child-safe-access-copy{display:grid;gap:5px}.child-safe-access-copy strong{font-size:1.02rem}.child-safe-access-copy p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.child-safe-collection-list{display:grid;gap:7px}.child-safe-collection-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(73,168,121,.28);border-radius:12px;background:rgba(255,255,255,.64)}.child-safe-collection-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff4e7;color:#16834d}.child-safe-collection-item span:not(.child-safe-collection-icon){display:grid;gap:2px;min-width:0}.child-safe-collection-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.child-safe-collection-item small{color:var(--muted);font-size:.73rem}.child-safe-collection-item button{min-height:32px;padding:5px 8px;border:1px solid #70bd90;border-radius:9px;background:#fff;color:#167647;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.child-safe-access-actions{display:flex;flex-wrap:wrap;gap:9px}.child-safe-access-actions .ghost-btn{min-height:38px;padding:8px 12px;font-size:.84rem}.child-safe-access-actions [aria-pressed="true"]{background:#16834d;border-color:#16834d;color:#fff}
.child-safe-dns-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.child-safe-dns-values code,.child-safe-guide-card code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;font-weight:750}.child-safe-dns-values code{display:block;padding:10px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:10px;background:var(--surface);text-align:center}.child-safe-guide-card ol{display:grid;gap:7px;margin:0;padding-left:20px;color:var(--muted);font-size:.86rem;line-height:1.45}.child-safe-guide-card li b{color:var(--ink)}.child-safe-guide-link{color:var(--primary-strong);font-size:.82rem;font-weight:800;text-decoration:none}.child-safe-guide-link:hover{text-decoration:underline}
.child-safe-more-guides{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));overflow:hidden}.child-safe-more-guides summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--primary-strong);font-size:.86rem;font-weight:850;list-style:none;cursor:pointer}.child-safe-more-guides summary::-webkit-details-marker{display:none}.child-safe-more-guides summary::after{content:"";width:9px;height:9px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.child-safe-more-guides[open] summary{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.child-safe-more-guides[open] summary::after{transform:translateY(2px) rotate(225deg)}.child-safe-more-guides summary:hover{background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.child-safe-more-guides summary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:-3px}.child-safe-more-content{display:grid;gap:14px;padding:14px}.child-safe-more-content .child-safe-guide-link{padding:2px 1px}
body.dark .child-safe-guide-dialog{border-color:var(--line);background:var(--surface)}body.dark .child-safe-guide-card,body.dark .child-safe-dns-values code{background:color-mix(in srgb,var(--bg) 70%,var(--surface))}
body.dark .child-safe-access-card{border-color:color-mix(in srgb,#49a879 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#16834d 12%,var(--surface)),color-mix(in srgb,var(--surface) 86%,var(--bg)));color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}body.dark .child-safe-access-copy strong,body.dark .child-safe-collection-item strong{color:var(--ink)}body.dark .child-safe-access-copy p,body.dark .child-safe-collection-item small{color:var(--muted)}body.dark .child-safe-collection-item{border-color:color-mix(in srgb,#49a879 32%,var(--line));background:color-mix(in srgb,var(--bg) 72%,var(--surface));color:var(--ink)}body.dark .child-safe-collection-icon{background:rgba(73,168,121,.16);color:#83ddb0}body.dark .child-safe-collection-item button{border-color:color-mix(in srgb,#63c391 70%,var(--line));background:color-mix(in srgb,var(--surface-2) 78%,var(--bg));color:#9be8bd}body.dark .child-safe-collection-item button:hover{background:color-mix(in srgb,#16834d 24%,var(--surface));color:#c4f5d9}body.dark .child-safe-access-actions .ghost-btn{border-color:var(--line);background:color-mix(in srgb,var(--surface-2) 78%,var(--bg));color:var(--ink)}
body.dark .child-safe-more-guides{border-color:var(--line);background:color-mix(in srgb,var(--bg) 72%,var(--surface))}body.dark .child-safe-more-guides summary:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.child-safe-pin-dialog{width:min(420px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 28px 80px rgba(20,30,35,.3)}.child-safe-pin-dialog::backdrop{background:rgba(12,24,31,.52);backdrop-filter:blur(4px)}.child-safe-pin-dialog form{display:grid;gap:15px;padding:20px}.child-safe-pin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.child-safe-pin-head p{margin:0;color:#16834d;font-size:.72rem;font-weight:900;letter-spacing:.055em}.child-safe-pin-head h2{margin:4px 0 0;font-size:1.2rem;line-height:1.2}.child-safe-pin-copy{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.child-safe-pin-field{display:grid;gap:7px}.child-safe-pin-field span{font-size:.84rem;font-weight:800}.child-safe-pin-field input{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:1.12rem;letter-spacing:.18em;outline:0}.child-safe-pin-field input:focus{border-color:#49a879;box-shadow:0 0 0 3px rgba(73,168,121,.16)}.child-safe-pin-error{margin:0;color:#c23845;font-size:.82rem;font-weight:700}.child-safe-pin-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.child-safe-pin-actions .ghost-btn,.child-safe-pin-actions .primary-action{min-height:42px}.child-safe-pin-dialog .hidden{display:none!important}@media(max-width:640px){.child-safe-pin-dialog{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.child-safe-pin-dialog form{padding:18px}.child-safe-pin-actions{display:grid;grid-template-columns:1fr 1fr}.child-safe-pin-actions button{width:100%;justify-content:center}}
@media(max-width:640px){.child-safe-guide-dialog{width:100vw;max-width:100vw;max-height:100dvh;border:0;border-radius:0}.child-safe-guide-inner{max-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.child-safe-guide-head h2{font-size:1.16rem}.child-safe-dns-values{grid-template-columns:1fr}.child-safe-guide-card{padding:14px}.child-safe-access-actions{display:grid;grid-template-columns:1fr}.child-safe-access-actions .primary-action,.child-safe-access-actions .ghost-btn{width:100%;justify-content:center}.child-safe-collection-item{padding:8px}.child-safe-collection-item button{font-size:.72rem}.child-safe-more-guides summary{min-height:46px;padding:9px 12px}.child-safe-more-content{gap:12px;padding:12px}}

.child-safe-quick-btn{border-color:#49a879!important;color:#16834d!important;background:#e7f7ed!important;box-shadow:0 6px 16px rgba(22,131,77,.14)!important}.child-safe-quick-btn svg,.child-safe-quick-btn svg *{color:#16834d!important;stroke:#16834d!important}.mobile-child-safe-trigger{display:none}@media(max-width:768px){.child-safe-quick-btn{display:none!important}.mobile-child-safe-trigger{display:grid;width:42px;height:42px;place-items:center;flex:0 0 42px;padding:0;border:1px solid #49a879;border-radius:14px;background:#e7f7ed;color:#16834d;box-shadow:0 6px 16px rgba(22,131,77,.14);cursor:pointer}.mobile-child-safe-trigger svg,.mobile-child-safe-trigger svg *{color:#16834d!important;stroke:#16834d!important}.mobile-child-safe-trigger svg{width:21px;height:21px}.mobile-child-safe-trigger:active{transform:scale(.96)}}

.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked,.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked{position:relative;border-color:#d7dee7!important;background:#f2f5f8!important;color:#7b8797!important;box-shadow:none!important;cursor:pointer}.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked svg,.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked svg *,.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked svg,.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked svg *{color:#7b8797!important;stroke:#7b8797!important}.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked::after,.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked::after{content:"G";position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:16px;height:16px;border:2px solid var(--surface);border-radius:999px;background:#d99a12;color:#fff;font-size:8px;font-weight:900;line-height:1}.child-safe-feature-locked .child-safe-setup-btn.is-plan-locked{border-style:dashed;border-color:#d99a12;color:#8b650f}.child-safe-feature-locked #childSafeModeBtn.is-plan-locked::after,.child-safe-feature-locked #childSafeSetupBtn.is-plan-locked::after{content:" · Gold+";color:#a47000;font-size:.72rem;font-weight:900}body.dark.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked,body.dark.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked{border-color:#475362!important;background:#202a35!important;color:#a6b1bf!important}body.dark.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked svg,body.dark.child-safe-feature-locked .child-safe-quick-btn.is-plan-locked svg *,body.dark.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked svg,body.dark.child-safe-feature-locked .mobile-child-safe-trigger.is-plan-locked svg *{color:#a6b1bf!important;stroke:#a6b1bf!important}