@layer components{.main-signup{white-space:normal;text-align:center;background:#f2cb79;border:1px solid #ffdf9a;line-height:1.6;box-shadow:0 8px 30px #e5b45228;min-height:58px!important;padding:17px 26px!important;font-size:19px!important}.header .header-cta{color:#1c2836;background:#e6c385;border-color:#f4dba6;font-weight:700}.tree-demo-section{padding-top:65px;padding-bottom:65px}.tree-demo-frame{background:radial-gradient(at top,#2b436466,#0000 70%),#112033;border:1px solid #bfa16a55;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px #0002}.tree-demo-header{border-bottom:1px solid #91a6bf22;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;display:flex}.tree-demo-header>span{color:#dfc38e;align-items:center;gap:9px;font-size:17px;display:flex}.tree-demo-header small{color:#8fa5bf;font-size:12px;line-height:1.7}.tree-demo-scroll{scrollbar-width:thin;scrollbar-color:#a18b5b77 #16283e;padding:15px 12px;overflow:auto}.tree-demo-scroll>svg{width:100%;min-width:760px;max-height:500px;display:block}.demo-parent-lines path{fill:none;stroke:#91afc0;stroke-width:2px}.demo-pair-lines path{fill:none;stroke:#d6b87b;stroke-width:2px;stroke-dasharray:5 5}.demo-person rect{fill:#1c3047;stroke:#6f8eac77;stroke-width:1px}.demo-person circle{fill:#3b5069;stroke:#b2c0d244}.demo-person text{font-family:Arial,Helvetica,sans-serif}.demo-person-initial{fill:#dfc58f;font-size:14px}.demo-person-name{fill:#f3f0e6;font-size:16px;font-weight:550}.demo-person-date{fill:#96aec7;font-size:11px}.demo-person-role{fill:#c5b48c;font-size:11px}.demo-person-current rect{fill:#354332;stroke:#c8bc82}.tree-demo-legend{color:#9eb1c8;border-top:1px solid #91a6bf22;flex-wrap:wrap;align-items:center;gap:25px;padding:17px 25px;font-size:13px;display:flex}.tree-demo-legend>span{align-items:center;gap:8px;display:flex}.tree-demo-legend i{background:#91afc0;width:20px;height:2px;display:block}.tree-demo-legend>span:nth-child(2) i{background:#d6b87b}.tree-demo-legend small{margin-left:auto;font-size:12px;line-height:1.7}.tree-demo-cta{background:#d8b36d07;border:1px solid #ddbd782f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin-top:24px;padding:26px;display:flex}.tree-demo-cta strong{font-size:23px;font-weight:550;line-height:1.5}.tree-demo-cta p{color:#9baec5;margin-top:8px;font-size:16px;line-height:1.8}.home-practical-notes{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.home-practical-notes article{border:1px solid #8fa5bf22;border-radius:14px;padding:26px}.home-practical-notes svg{color:#d7bb84;margin-bottom:15px}.home-practical-notes h3{font-size:21px;line-height:1.4}.home-practical-notes p{color:#9fb0c6;margin-top:12px;font-size:16px;line-height:1.85}.legal-links{flex-wrap:wrap;gap:14px;font-size:13px;line-height:1.6;display:flex}.legal-links a{text-underline-offset:3px;color:#b7bdc6;text-decoration:underline}.legal-draft-note{color:#cdb78e;background:#d8b36d09;border:1px solid #d8b36d55;border-radius:10px;margin:25px 0;padding:17px 20px;font-size:15px;line-height:1.8}.public-pricing .form-hint a{color:#d9bd84;text-underline-offset:3px;text-decoration:underline}html[data-theme=light] .tree-demo-frame{background:#f0f1e8;border-color:#8e9b6c55}html[data-theme=light] .tree-demo-header>span,html[data-theme=light] .tree-demo-cta strong{color:#425d39}html[data-theme=light] .demo-person rect{fill:#fffdf5;stroke:#829a6b88}html[data-theme=light] .demo-person circle{fill:#e5e7d8}html[data-theme=light] .demo-person-name,html[data-theme=light] .demo-person-initial{fill:#33503b}html[data-theme=light] .demo-person-date,html[data-theme=light] .demo-person-role{fill:#68785f}html[data-theme=light] .demo-person-current rect{fill:#dce6ce;stroke:#889a60}html[data-theme=light] .tree-demo-header small,html[data-theme=light] .tree-demo-legend,html[data-theme=light] .tree-demo-cta p,html[data-theme=light] .home-practical-notes p,html[data-theme=light] .legal-links a{color:#526a59}@media (max-width:700px){.tree-demo-header{padding:17px}.tree-demo-scroll>svg{min-width:760px}.tree-demo-legend{gap:12px;padding:15px 17px}.tree-demo-legend small{width:100%;margin-left:0}.tree-demo-cta{flex-direction:column;align-items:stretch;padding:21px}.tree-demo-cta strong{font-size:21px}.tree-demo-cta .main-signup{width:100%;font-size:18px!important}.home-practical-notes{grid-template-columns:minmax(0,1fr)}.main-signup{font-size:18px!important}.hero-note{flex-wrap:wrap;font-size:13px;line-height:1.8}.legal-links{width:100%}}.footer-contact{color:#c7b181;overflow-wrap:anywhere;max-width:100%;font-size:14px;line-height:1.7}.footer-contact:hover{text-decoration:underline}footer{flex-wrap:wrap}html[data-theme=light] .footer-contact{color:#526a59}.tree-demo-scroll:has(.squad-demo){background:#111a29;padding:0}.tree-demo-scroll>svg.squad-demo{min-width:1000px;max-height:none}.squad-card-scale{transform-origin:0 0;width:250px;height:388px;transform:scale(.72)}.squad-card-scale .family-card{margin:0!important}.family-archive-ornament{fill:none;stroke:#d8b988;stroke-width:1px;opacity:.12}.squad-demo .demo-parent-lines path{stroke:#cdb486;stroke-width:2.5px;stroke-linecap:round;opacity:.8}.squad-demo .demo-pair-lines path{stroke:#edd59c;stroke-width:2px;stroke-dasharray:6 6;opacity:.8}.squad-role{fill:#e1e8d9;letter-spacing:1px;font:500 18px Arial,sans-serif}.tree-demo-scroll:has(.squad-demo):focus-visible{outline-offset:-3px;outline:2px solid #dfc38e}.tree-demo-frame:has(.squad-demo) .tree-demo-legend>span:first-child i{background:#cdb486}@media (max-width:700px){.tree-demo-scroll>svg.squad-demo{min-width:1000px}}.squad-card-scale .family-card.family-card.family-card .card-person{height:232px;padding-top:170px}.squad-card-scale .family-card.family-card.family-card .card-person .portrait{height:125px;top:35px}.squad-card-scale .family-card.family-card.family-card .card-person .card-identity{height:62px;max-height:62px;padding:3px 12px}.squad-card-scale .family-card.family-card.family-card .shield-name{letter-spacing:0;height:56px;max-height:56px;font-size:26px;line-height:28px}.squad-card-scale .family-card.family-card.family-card .shield-subtitle{height:20px;color:inherit;font-size:17px;line-height:20px}.squad-card-scale .family-card.family-card.family-card .shield-stats{grid-template-rows:repeat(3,32px);height:96px;margin-top:5px}.squad-card-scale .family-card.family-card.family-card .shield-stats>div{grid-template-columns:30px minmax(0,1fr);gap:4px;height:32px;padding-inline:3px}.squad-card-scale .family-card.family-card.family-card .shield-stats>div>span{max-height:32px;font-size:18px;font-weight:600;line-height:16px}.squad-card-scale .family-card.family-card.family-card .shield-stats>div>b{font-size:27px;line-height:32px}.squad-card-scale .family-card.family-card.family-card .card-bottom{font-size:14px;line-height:18px}.squad-card-scale .family-card.family-card.family-card .rarity{font-size:14px}.squad-card-button{width:250px;height:388px;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:filter .2s;display:block}.squad-card-button:hover{filter:brightness(1.1)}.squad-card-button:focus-visible{outline-offset:-4px;border-radius:22px;outline:3px solid #f3d89a}.demo-person-info>p{margin:14px 0;line-height:1.8}.demo-person-info h3{margin-top:20px}.demo-person-info>dl>div{border-bottom:1px solid #bfa16a33;justify-content:space-between;gap:20px;padding:8px 0;display:flex}dialog.demo-history-dialog{color:#f3efe6;background:#142236;border:1px solid #c4a47166;border-radius:20px;width:min(680px,100vw - 32px);max-height:85dvh;margin:auto;padding:28px;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #0008}dialog.demo-history-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050b14b8}dialog.demo-history-dialog>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}dialog.demo-history-dialog h2{font-size:28px}dialog.demo-history-dialog>header .icon-button{width:36px;height:36px;color:inherit;background:0 0;border:1px solid #c4a47155;border-radius:8px;flex-shrink:0;place-items:center;display:grid}html[data-theme=light] dialog.demo-history-dialog{color:#253f35;background:#fffdf5}dialog.workspace-dialog.demo-history-dialog{width:min(1160px,100vw - 32px);padding:28px;font-size:19px;line-height:1.75}dialog.demo-history-dialog .demo-person-info>p{font-size:19px;line-height:1.8}dialog.demo-history-dialog .demo-person-info>.form-hint{color:#d0d9e5;font-size:17px}dialog.demo-history-dialog .rating-details h3{margin-top:0}html[data-theme=light] dialog.demo-history-dialog .demo-person-info>.form-hint{color:#4f6258}@media (max-width:600px){dialog.workspace-dialog.demo-history-dialog{padding:18px}}}