.family-view{max-width:660px;margin:2px auto 30px}.family-heading{text-align:center;margin:8px 0 24px}.family-heading h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.8px;line-height:1.25;margin:13px 0}.family-heading em{font-style:normal;color:#8773ee}.family-heading p{font-size:13px;color:#87839d;line-height:1.7}.family-card{background:#fff;border:1px solid #efebfa;border-radius:24px;padding:28px;margin-bottom:20px;box-shadow:var(--shadow)}.family-card h2{font-size:20px;margin:0 0 20px}.family-form{display:flex;flex-direction:column;gap:10px}.family-form label{font-size:13px;font-weight:800;color:#716c8e}.family-form input,.family-form select{width:100%;border:2px solid #eceaf5;background:#faf9fd;color:#313452;border-radius:14px;padding:13px 14px;font:inherit;font-size:15px}.family-form button.primary{margin-top:10px}.family-link{border:none;background:transparent;color:#7666df;font:inherit;font-weight:800;font-size:12px;cursor:pointer;text-decoration:underline;padding:10px 3px}.family-note{font-size:11px;color:#9994ac;line-height:1.6;margin:10px 0}.family-message{font-size:12px;color:#6d67a1;min-height:18px;line-height:1.6}.family-message.error{color:#c24e65}.family-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.family-row h2{margin-bottom:15px}.family-limit{background:#efebff;color:#7666df;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:900}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:16px}.family-character{min-height:162px;background:#faf9ff;border:2px solid #efecfa;border-radius:19px;padding:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#313452;font:inherit;cursor:pointer}.family-character:hover,.family-character:focus-visible{border-color:#a999f1;background:#f4f0ff;outline:none}.family-character .slime{transform:scale(.9);margin:4px 0}.family-character strong{font-size:17px}.family-character small{font-size:12px;color:#9b91bb}.family-full{width:100%;display:block;text-align:center}.family-full:disabled{opacity:.55;cursor:not-allowed}.family-switch{display:block;margin:10px auto}.cloud-sync{font-size:11px;color:#8b86ae;text-align:center;margin:6px 0 0}#login .family-card{max-width:460px;margin:0 auto}#login .family-heading{margin-top:45px}@media(max-width:600px){.family-view{margin:0 auto 12px}.family-card{padding:19px;border-radius:20px}.family-heading{margin:0 0 16px}.family-heading h1{font-size:30px}.family-character{min-height:135px;padding:11px}.family-grid{gap:9px}}@media(max-width:360px){.family-grid{grid-template-columns:1fr}.family-character{min-height:120px}}
.family-slime-preview{display:flex;align-items:center;gap:19px;min-height:100px;padding:18px 22px;margin:3px 0 9px;border:2px solid #ede8ff;border-radius:18px;background:#f8f6ff}.family-slime-preview .slime{transform:scale(1.1);margin:0 8px;animation:none}.family-slime-preview strong,.family-slime-preview span{display:block}.family-slime-preview strong{font-size:16px;color:#343251;overflow-wrap:anywhere}.family-slime-preview span{font-size:12px;color:#8982ac;margin-top:5px}
.guest-entry{background:linear-gradient(135deg,#f3efff,#fff7fd);border-color:#e8dfff}.guest-entry h2{margin-bottom:12px}.guest-warning{font-size:12px;line-height:1.65;color:#846d53;background:#fff8e9;border:1px solid #f2e4c6;border-radius:12px;padding:11px 12px;margin:14px 0 0;text-align:left}.guest-home-notice{margin:12px 0 8px;padding:12px 14px;border:1px solid #f0dfbb;border-radius:14px;background:#fff9eb;text-align:left}.guest-home-notice strong{font-size:12px;color:#98682f}.guest-home-notice p{font-size:11px;color:#9b7956;line-height:1.55;margin:5px 0 10px}.guest-home-notice .secondary{font-size:12px;padding:10px 14px;width:100%;border-color:#edd9b8;color:#926943}.guest-entry .primary{justify-content:space-between}