@media (max-width:560px){:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile{width:100%}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile .human-tile__inner{padding:clamp(20px,5.5vw,28px)}.human-tile .tile-title{max-width:clamp(200px,82vw,320px)}.human-tile__household-label{max-width:clamp(160px,78vw,280px)}}:is([data-human-grid],[data-animal-grid]){margin-top:clamp(1.5rem,3vw,2rem);row-gap:clamp(1.75rem,4vw,2.75rem)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile{--mx:52%;--my:34%;width:min(100%,268px);min-height:296px;padding:0;cursor:pointer;border-radius:38px;border:1.4px solid rgba(148,198,255,.65);background:radial-gradient(140% 120% at 20% -12%,rgba(255,216,240,.6),transparent 68%),radial-gradient(160% 150% at 88% -8%,rgba(174,214,255,.46),transparent 72%),radial-gradient(120% 160% at 50% 120%,rgba(255,196,150,.3),transparent 78%),linear-gradient(165deg,rgba(255,255,255,.96),rgba(235,244,255,.88));box-shadow:0 34px 70px rgba(86,130,255,.18),0 14px 32px rgba(15,23,42,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .35s ease,box-shadow .4s ease,border-color .35s ease;position:relative;overflow:hidden;isolation:isolate;color:#0d2c5c}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived],:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]{border-color:rgba(203,213,225,.65);background:radial-gradient(140% 120% at 18% -12%,rgba(226,232,240,.48),transparent 68%),radial-gradient(160% 150% at 88% -8%,rgba(203,213,225,.4),transparent 72%),linear-gradient(168deg,rgba(248,250,252,.96),rgba(226,232,240,.9));box-shadow:0 28px 54px rgba(148,163,184,.18),0 12px 26px rgba(15,23,42,.12);filter:saturate(.78)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:before{content:"";position:absolute;inset:-24% -18% -30% -18%;border-radius:inherit;background:radial-gradient(360px 260px at var(--mx,52%) calc(var(--my, 34%) - 26%),rgba(255,228,213,.48),transparent 74%),radial-gradient(340px 240px at calc(100% - var(--mx, 52%)) calc(var(--my, 34%) - 20%),rgba(186,228,255,.4),transparent 78%);z-index:0;pointer-events:none;filter:blur(14px);opacity:.92;transition:opacity .4s ease}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:before,:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:before{background:radial-gradient(320px 240px at var(--mx,52%) calc(var(--my, 34%) - 26%),rgba(203,213,225,.38),transparent 74%),radial-gradient(300px 220px at calc(100% - var(--mx, 52%)) calc(var(--my, 34%) - 20%),rgba(203,213,225,.28),transparent 78%);opacity:.6;filter:blur(16px)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:hover:before{opacity:1}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:after{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.34);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.12) 40%,rgba(255,255,255,.04) 74%,transparent),radial-gradient(120% 150% at 50% 128%,rgba(255,196,170,.16),transparent 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);opacity:.72;pointer-events:none;mix-blend-mode:screen;z-index:1}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:after,:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:after{border-color:rgba(255,255,255,.38);opacity:.52;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08) 40%,rgba(255,255,255,.02) 74%,transparent),radial-gradient(110% 150% at 50% 128%,rgba(203,213,225,.22),transparent 80%)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:hover{transform:translateY(-10px);border-color:rgba(118,180,255,.85);box-shadow:0 42px 84px rgba(66,120,255,.28),0 18px 36px rgba(15,23,42,.14)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:hover,:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:hover{transform:translateY(-6px);border-color:rgba(203,213,225,.82);box-shadow:0 32px 60px rgba(148,163,184,.22),0 14px 30px rgba(15,23,42,.14)}:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-dragging="1"]{opacity:.55;cursor:grabbing;transform:translateY(0)}.human-tile__inner{display:flex;flex-direction:column;height:100%;padding:clamp(24px,3.8vw,32px);position:relative;z-index:2}.human-tile__inner:before{content:"";position:absolute;inset:24px 30px auto 30px;height:128px;border-radius:140px;background:radial-gradient(160% 320% at 50% 12%,rgba(255,255,255,.5),rgba(255,255,255,0));opacity:.38;filter:blur(24px);mix-blend-mode:screen;pointer-events:none}.human-tile .tile-title{position:relative;font-size:clamp(1.18rem,3.1vw,1.35rem);font-weight:700;letter-spacing:-.015em;color:transparent;background:linear-gradient(118deg,rgba(146,213,255,.96),#0c8bc6);-webkit-background-clip:text;background-clip:text;text-shadow:0 8px 20px rgba(12,139,198,.18);max-width:clamp(160px,62vw,220px);margin-inline:auto;text-align:center;display:inline-block;line-height:1.18;word-break:break-word}.human-tile[data-status=archived] .tile-title,.human-tile[data-status=deceased] .tile-title{background:none;color:rgba(71,85,105,.9);text-shadow:none}.human-tile .tile-title:after{content:"";position:absolute;inset:62% -18% -110%;border-radius:999px;background:radial-gradient(70% 70% at 50% 50%,rgba(12,139,198,.22),transparent 78%);filter:blur(20px);opacity:.7;pointer-events:none;z-index:-1}.human-tile[data-status=archived] .tile-title:after,.human-tile[data-status=deceased] .tile-title:after{opacity:0}.human-tile .tile-title.tile-title--long{font-size:clamp(1.05rem,2.8vw,1.18rem);letter-spacing:-.01em}.human-tile .tile-title.tile-title--xlong{font-size:clamp(.95rem,2.6vw,1.05rem);letter-spacing:0}.human-tile .tile-title.tile-title--xxlong{font-size:clamp(.88rem,2.3vw,.98rem);letter-spacing:.01em;line-height:1.05}[data-theme=dark] .human-tile .tile-title{background:linear-gradient(118deg,rgba(96,196,255,.92),rgba(12,139,198,.96));text-shadow:0 10px 26px rgba(12,139,198,.3)}[data-theme=dark] .human-tile .tile-title:after{background:radial-gradient(70% 70% at 50% 50%,rgba(56,180,255,.34),transparent 82%);opacity:.64}[data-theme=dark] .human-tile[data-status=archived] .tile-title:after,[data-theme=dark] .human-tile[data-status=deceased] .tile-title:after{opacity:0}.human-tile__topline{display:flex;justify-content:center;text-align:center;padding-top:4px}.human-tile__hero{margin-top:clamp(14px,3vw,18px);display:flex;justify-content:center;position:relative}.human-tile__household{margin:clamp(18px,3vw,22px) auto 0;padding:10px clamp(24px,5vw,32px);border-radius:999px;background:linear-gradient(135deg,#33a9ff,#1fd0c8);box-shadow:0 14px 26px rgba(32,169,255,.18),0 6px 12px rgba(15,23,42,.14);color:#f8fbff;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.82rem,2.3vw,.94rem);font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(110px,36vw,190px);max-width:calc(100% - 44px);transform:translateZ(0)}.human-tile[data-status=archived] .human-tile__household,.human-tile[data-status=deceased] .human-tile__household{background:linear-gradient(135deg,rgba(203,213,225,.92),rgba(148,163,184,.88));color:rgba(71,85,105,.88);box-shadow:none}.human-tile__household[data-empty="1"]{background:linear-gradient(135deg,rgba(148,163,184,.6),rgba(148,163,184,.35));color:rgba(15,23,42,.68);letter-spacing:.12em}.human-tile[data-status=archived] .human-tile__household[data-empty="1"],.human-tile[data-status=deceased] .human-tile__household[data-empty="1"]{background:linear-gradient(135deg,rgba(203,213,225,.6),rgba(148,163,184,.42));color:rgba(71,85,105,.74)}.human-tile__household--long{font-size:clamp(.76rem,2.1vw,.88rem);letter-spacing:.1em;padding-inline:clamp(22px,5vw,28px)}.human-tile__household--xlong{font-size:clamp(.7rem,2vw,.82rem);letter-spacing:.08em;padding-inline:clamp(20px,4.6vw,26px)}.human-tile__household-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(110px,36vw,180px);text-align:center}.human-tile__avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.human-tile__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(12px,3vw,18px)}.human-tile__chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:-.01em;background:linear-gradient(135deg,rgba(202,236,255,.86),rgba(255,255,255,.92));border:1px solid rgba(150,210,255,.45);color:#0f4f91;box-shadow:0 12px 28px rgba(130,200,255,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.human-tile__chip--status-active{background:linear-gradient(135deg,rgba(176,246,216,.82),rgba(255,255,255,.92));border-color:rgba(56,189,248,.32);color:#0d6a53}.human-tile__chip--status-archived{background:linear-gradient(135deg,rgba(220,232,250,.78),rgba(255,255,255,.92));border-color:rgba(148,163,184,.42);color:#3f5684}.human-tile__chip--status-deceased{background:linear-gradient(135deg,rgba(255,214,220,.82),rgba(255,255,255,.92));border-color:rgba(248,113,113,.42);color:#a11c2d}.human-tile__chip--readonly{background:linear-gradient(135deg,rgba(220,226,236,.78),rgba(255,255,255,.92));border-color:rgba(100,116,139,.36);color:#334155}.human-tile__chip--species{background:linear-gradient(135deg,rgba(228,231,255,.86),rgba(208,213,255,.94));border-color:rgba(129,140,248,.4);color:#3730a3}.human-tile__avatar{position:relative;display:flex;align-items:center;justify-content:center}.human-tile__avatar .human-hero__avatar-surface{width:136px;height:136px}.human-tile__avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.human-tile[data-status=archived] .human-tile__avatar-img,.human-tile[data-status=deceased] .human-tile__avatar-img{filter:grayscale(1) saturate(0);opacity:.82}.human-tile__avatar-fallback{position:relative;display:grid;place-items:center;width:100%;height:100%}.human-tile__avatar-fallback-icon{display:inline-block;width:64%;aspect-ratio:1;background:linear-gradient(150deg,rgba(108,182,255,.96),rgba(64,138,255,.88));mask:url(/humains.png) center/contain no-repeat;-webkit-mask:url(/humains.png) center/contain no-repeat;filter:drop-shadow(0 14px 26px rgba(74,142,255,.35));transform:translateY(2px)}.human-tile[data-status=archived] .human-tile__avatar-fallback-icon,.human-tile[data-status=deceased] .human-tile__avatar-fallback-icon{background:linear-gradient(150deg,rgba(148,163,184,.9),rgba(100,116,139,.78));filter:drop-shadow(0 14px 22px rgba(100,116,139,.32))}.human-tile__drop{position:absolute;left:28px;right:28px;height:6px;border-radius:9999px;background:rgba(118,180,255,.6);opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:3;mix-blend-mode:screen}.human-tile__drop--before{top:20px}.human-tile__drop--after{bottom:20px}.human-tile[data-drop=after] .human-tile__drop--after,.human-tile[data-drop=before] .human-tile__drop--before{opacity:1}@media (max-width:700px){:is([data-human-grid],[data-animal-grid]) .tile-card.human-tile{width:min(100%,348px)}}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile{border:1.4px solid rgba(120,184,255,.4);background:radial-gradient(140% 130% at 18% -12%,rgba(68,124,255,.22),transparent 60%),radial-gradient(160% 130% at 100% 0,rgba(26,212,255,.18),transparent 70%),linear-gradient(165deg,rgba(17,26,46,.92),rgba(10,18,38,.88));box-shadow:0 38px 78px rgba(2,9,23,.7),0 18px 34px rgba(2,6,23,.48);color:rgba(226,241,255,.92)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived],[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]{border-color:rgba(71,85,105,.55);background:radial-gradient(130% 140% at 20% -12%,rgba(30,41,59,.38),transparent 68%),radial-gradient(140% 140% at 94% -8%,rgba(51,65,85,.32),transparent 74%),linear-gradient(170deg,rgba(15,23,42,.9),rgba(9,16,28,.86));box-shadow:0 32px 68px rgba(2,6,23,.72),0 18px 32px rgba(2,6,23,.48);filter:saturate(.82)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:before{background:radial-gradient(320px 260px at var(--mx,52%) calc(var(--my, 34%) - 18%),rgba(64,180,255,.32),transparent 78%),radial-gradient(320px 260px at calc(100% - var(--mx, 52%)) calc(var(--my, 34%) - 24%),rgba(37,197,255,.24),transparent 82%);opacity:.6;filter:blur(18px)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:before,[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:before{background:radial-gradient(320px 260px at var(--mx,52%) calc(var(--my, 34%) - 18%),rgba(71,85,105,.42),transparent 78%),radial-gradient(320px 260px at calc(100% - var(--mx, 52%)) calc(var(--my, 34%) - 22%),rgba(51,65,85,.32),transparent 82%);opacity:.5}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:after{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -26px 46px rgba(42,104,255,.18)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:after,[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:after{border-color:rgba(148,163,184,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -20px 34px rgba(30,41,59,.4)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile:hover{border-color:rgba(142,208,255,.6);box-shadow:0 42px 88px rgba(0,0,0,.75),0 20px 38px rgba(0,0,0,.46)}[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=archived]:hover,[data-theme=dark] :is([data-human-grid],[data-animal-grid]) .tile-card.human-tile[data-status=deceased]:hover{border-color:rgba(100,116,139,.68);box-shadow:0 34px 72px rgba(2,6,23,.68),0 18px 34px rgba(2,6,23,.48)}[data-theme=dark] .human-tile__drop{background:rgba(148,210,255,.65)}[data-theme=dark] .human-tile .tile-title{background:linear-gradient(135deg,rgba(175,220,255,.92),rgba(126,212,252,.82));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}[data-theme=dark] .human-tile[data-status=archived] .tile-title,[data-theme=dark] .human-tile[data-status=deceased] .tile-title{background:none;color:rgba(203,213,225,.9);text-shadow:none}[data-theme=dark] .human-tile__chip{background:linear-gradient(135deg,rgba(36,62,110,.8),rgba(57,92,140,.68));border-color:rgba(94,147,214,.38);color:rgba(220,236,255,.9);box-shadow:none}[data-theme=dark] .human-tile__chip--status-active{background:linear-gradient(135deg,rgba(18,92,74,.8),rgba(32,120,98,.62));border-color:rgba(56,189,248,.4);color:rgba(209,250,229,.9)}[data-theme=dark] .human-tile__chip--status-archived{background:linear-gradient(135deg,rgba(48,60,82,.78),rgba(68,82,110,.62));border-color:rgba(148,163,184,.4);color:rgba(226,232,240,.9)}[data-theme=dark] .human-tile__chip--status-deceased{background:linear-gradient(135deg,rgba(90,40,58,.78),rgba(120,48,70,.62));border-color:rgba(248,113,113,.48);color:rgba(254,226,226,.92)}[data-theme=dark] .human-tile__chip--readonly{background:linear-gradient(135deg,rgba(48,58,78,.78),rgba(68,80,98,.62));border-color:rgba(100,116,139,.38);color:rgba(226,232,240,.9)}[data-theme=dark] .human-tile__chip--species{background:linear-gradient(135deg,rgba(67,76,118,.82),rgba(82,91,136,.68));border-color:rgba(129,140,248,.42);color:rgba(224,231,255,.92)}[data-theme=dark] .human-tile__household{background:linear-gradient(135deg,rgba(56,189,248,.9),rgba(45,212,191,.9));color:rgba(240,249,255,.95);box-shadow:0 30px 56px rgba(2,6,23,.7),0 16px 32px rgba(2,6,23,.5)}[data-theme=dark] .human-tile[data-status=archived] .human-tile__household,[data-theme=dark] .human-tile[data-status=deceased] .human-tile__household{background:linear-gradient(135deg,rgba(57,72,96,.92),rgba(32,45,68,.88));color:rgba(226,232,240,.86);box-shadow:none}[data-theme=dark] .human-tile__household[data-empty="1"]{background:linear-gradient(135deg,rgba(71,85,105,.7),rgba(71,85,105,.45));color:rgba(226,232,240,.74)}[data-theme=dark] .human-tile[data-status=archived] .human-tile__household[data-empty="1"],[data-theme=dark] .human-tile[data-status=deceased] .human-tile__household[data-empty="1"]{background:linear-gradient(135deg,rgba(55,65,81,.68),rgba(30,41,59,.5));color:rgba(203,213,225,.78)}.human-tile__avatar:hover .human-hero__avatar-surface{transform:translateY(-2px)}[data-theme=dark] .human-tile__avatar-fallback-icon{background:linear-gradient(150deg,rgba(96,165,250,.9),rgba(37,99,235,.86));filter:drop-shadow(0 14px 28px rgba(0,0,0,.6))}[data-theme=dark] .human-tile[data-status=archived] .human-tile__avatar-fallback-icon,[data-theme=dark] .human-tile[data-status=deceased] .human-tile__avatar-fallback-icon{background:linear-gradient(150deg,rgba(71,85,105,.92),rgba(51,65,85,.82));filter:drop-shadow(0 14px 24px rgba(0,0,0,.58))}