.family-intro{padding:18px 0 22px}.family-intro h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em;line-height:1.1;max-width:650px}.family-intro>p:last-child{font-size:1.1rem;max-width:550px}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.family-tile{position:relative;display:flex;flex-direction:column;padding:24px;gap:9px;background:#e2efe6;border:1px solid #bfd6c8;border-radius:24px;color:#173c32;text-decoration:none;min-width:0;transition:transform .15s,box-shadow .15s}.family-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #173c3210}.family-tile strong{font-size:1.6rem;letter-spacing:-.025em}.family-tile>span:not(.family-mark):not(.family-arrow){max-width:88%;line-height:1.45;font-size:.94rem}.family-tile.tone-1{background:#ece6f7;border-color:#d6c7eb;color:#473467}.family-tile.tone-2{background:#e2edf5;border-color:#c0d7e7;color:#264e68}.family-tile.tone-3{background:#fae7df;border-color:#e8c8b8;color:#783e2b}.family-mark{font-size:1.8rem;line-height:1;margin-bottom:8px}.family-arrow{position:absolute;right:22px;bottom:24px;font-size:1.4rem}.family-day{display:flex;flex-direction:column;gap:6px;margin:22px 0;padding:20px 24px;border:1px solid #ccd6d0;border-radius:20px;background:#fffdf8;text-decoration:none;color:#25483d}.family-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.family-tools .family-tile{min-height:130px;padding:20px;background:#fffdf8;color:#25483d;border-color:#d1dbd3}.family-tools .family-mark{display:none}.family-tools .family-tile strong{font-size:1.2rem}.family-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.family-form textarea,.family-form input,.family-form select,#identity-months,#identity-start{width:100%;font:inherit;padding:12px;border:1px solid #b7c9c1;border-radius:12px;background:white;box-sizing:border-box}.family-form textarea{resize:vertical}.family-history>details{padding:14px 0;border-top:1px solid #d3ddd6}.family-history summary{cursor:pointer}#focus-clock{display:block;text-align:center;font-size:3.6rem;font-variant-numeric:tabular-nums;padding:20px}#calc-result{display:block;padding:16px 0;font-weight:700}.family-tile:focus-visible,.family-day:focus-visible{outline:3px solid #2d7764;outline-offset:4px}@media(max-width:480px){.family-grid{gap:10px}.family-tile{padding:20px 16px;border-radius:20px}.family-tile strong{font-size:1.35rem}.family-tile>span:not(.family-mark):not(.family-arrow){font-size:.85rem;max-width:100%}.family-arrow{display:none}.family-tools{grid-template-columns:1fr}.family-intro{padding-top:10px}.family-tools .family-tile{min-height:0}}@media(prefers-reduced-motion:reduce){.family-tile{transition:none}.family-tile:hover{transform:none}}