.family-entry{color:#10172a;background:#f4f7fe;min-height:100dvh;box-sizing:border-box;padding:calc(28px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-left)) 48px;font:17px/1.55 system-ui,sans-serif}.family-entry header{max-width:560px;margin:0 auto 28px;display:flex;align-items:center;gap:12px}.family-entry header img{background:#03050c;padding:5px;border-radius:12px;box-sizing:border-box}.family-entry header strong{font-size:22px}.family-entry header span{display:block;color:#556079;font-size:14px}.family-entry section{max-width:560px;margin:auto;padding:clamp(20px,4vw,36px);background:#fff;border:1px solid #d5dff5;border-radius:24px}.family-entry h1{font-size:30px;line-height:1.2;margin:0 0 20px;outline:0}.family-entry h2{font-size:21px}.family-entry p{margin:0 0 20px}.family-entry label{display:block;font-weight:600;margin:20px 0}.family-entry select{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:14px 12px;font:inherit;border:1px solid #8191b6;background:#fff;color:#10172a;border-radius:12px}.family-entry button{box-sizing:border-box;display:block;width:100%;border:1px solid transparent;background:#007451;color:#fff;font:600 17px/1.35 system-ui;min-height:48px;padding:14px;margin:14px 0;border-radius:14px;cursor:pointer}.family-entry button.secondary{color:#254783;background:#f8faff;border-color:#becde9}.family-entry button:disabled{opacity:.6;cursor:wait}.family-entry :focus-visible:not(h1){outline:3px solid #176bfb;outline-offset:3px}.family-entry .fine{font-size:14px;color:#52617a}.family-entry a{color:#0756be}.family-entry .notice{padding:20px;border:1px solid #d5dff5;border-radius:16px;margin:22px 0;background:#f5f8fe}.family-entry .notice p:last-child{margin-bottom:0}.family-entry video{width:100%;max-height:320px;border-radius:14px;background:#f4f7fe}.family-entry #family-error{color:#ad2430;margin:24px 0 0;overflow-wrap:anywhere}.family-entry #family-error:empty{display:none}.family-manage-link{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));right:16px;z-index:90;background:#fff;border:1px solid #c6d5f1;border-radius:20px;padding:8px 16px;font:14px system-ui;color:#174b8c;box-shadow:0 2px 12px #0001}.family-entry .replay{height:340px;position:relative}.family-entry .family-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.family-entry .family-home{margin-left:auto;font-size:14px;font-weight:600;white-space:nowrap}.family-entry header{flex-wrap:wrap}
