:root{--paper:#fff9f5;--ink:#392f31;--muted:#806e73;--line:#ead8dd;--mint:#f5c7d7;--mint-deep:#a7466a;--peach:#f6d5cb;--lav:#eadcf0;--sky:#e6e7f2;--butter:#f4e2b9;--white:#fff;--shadow:0 12px 40px rgba(91,55,67,.11)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,select,input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(49,93,69,.25);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px;color:var(--mint-deep)}h1,h2,p{margin-top:0}.login-shell{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,var(--peach),transparent 28%),radial-gradient(circle at 85% 85%,var(--mint),transparent 30%),var(--paper)}.login-card{width:min(410px,100%);padding:38px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.brand-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:18px;background:var(--mint);color:var(--mint-deep);font-weight:900;letter-spacing:-.05em}.login-card h1{font-size:34px;letter-spacing:-.04em;margin-bottom:8px}.login-card label,.editor-card>label{display:grid;gap:7px;margin:24px 0 14px;font-weight:750}.login-card input,.editor-card input[type=text],.editor-card textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px}.primary,.quiet{border:0;border-radius:12px;padding:10px 14px;font-weight:800}.primary{width:100%;background:var(--ink);color:white}.quiet{background:#eee8df}.error{min-height:20px;color:#a04141;margin:10px 0 0}.app-shell{min-height:100svh}.topbar{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr minmax(210px,340px) 1fr;align-items:center;gap:28px;padding:15px clamp(18px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(251,247,242,.94);backdrop-filter:blur(14px)}.topbar h1{font-size:25px;margin:0;letter-spacing:-.04em}.progress-summary{text-align:center}.progress-summary strong{display:block;font-size:19px}.progress-summary span{font-size:12px;color:var(--muted)}.progress-track{height:7px;margin-top:6px;overflow:hidden;border-radius:99px;background:#e8e1d8}.progress-track i{display:block;width:0;height:100%;background:var(--mint-deep);transition:width .15s}.sync-area{justify-self:end;display:flex;align-items:center;gap:10px}.sync-state{font-size:12px;color:var(--muted)}main{width:min(1440px,100%);margin:auto;padding:22px clamp(14px,3vw,42px) 80px}.toolbar{display:grid;gap:13px}.search-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(60,52,44,.04)}.search-wrap input{height:47px;border:0;outline:0;background:transparent}.search-wrap kbd{padding:2px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:11px;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-row select{min-height:40px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.filter-row .quiet{margin-left:auto}.result-line{display:flex;align-items:center;gap:14px;padding:21px 3px 10px;color:var(--muted);font-size:13px}.result-line strong{color:var(--ink)}.result-hint{margin-left:auto}.group-actions{display:flex;gap:6px}.group-actions .quiet{padding:6px 9px;border:1px solid var(--line);background:#fff;font-size:11px}.catalog{display:grid;gap:8px}.pal-row{display:grid;grid-template-columns:44px minmax(180px,1.6fr) minmax(110px,.7fr) minmax(90px,.6fr) auto;align-items:center;gap:12px;min-height:67px;padding:8px 12px;border:1px solid var(--line);border-radius:15px;background:#fff}.pal-row.owned{background:linear-gradient(90deg,rgba(207,227,213,.72),#fff 33%);border-color:#b5d0bf}.owned-button{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid #aaa398;border-radius:50%;background:#fff;font-size:0}.owned-button::after{content:"";width:12px;height:7px;border:solid transparent;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px)}.owned .owned-button{border-color:var(--mint-deep);background:var(--mint-deep)}.owned .owned-button::after{border-color:#fff}.pal-main{min-width:0}.pal-name{display:flex;align-items:center;gap:7px;margin:0;font-size:15px}.pal-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;background:var(--lav);font-size:10px;font-weight:800;white-space:nowrap}.badge.wanted{background:var(--peach)}.pal-sub{display:flex;gap:7px;margin-top:4px;color:var(--muted);font-size:11px}.pal-sub span+span::before{content:"·";margin-right:7px}.theme-name,.status-name{font-size:12px}.status-name{display:flex;align-items:center;gap:7px}.status-dot{width:8px;height:8px;border-radius:50%;background:#9b978e}.status-dot.active{background:#73a180}.status-dot.going-away{background:#d39a67}.status-dot.retired{background:#8f84a7}.row-actions{display:flex;gap:6px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#f2ede6}.group-section{display:block;margin-top:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.4);overflow:hidden}.group-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 13px;cursor:pointer;list-style:none}.group-head::-webkit-details-marker{display:none}.group-head h2{margin:0;font-size:17px}.group-head p{margin:0;color:var(--muted);font-size:12px}.group-summary-actions{display:flex;align-items:center;gap:10px}.collapse-icon{font-size:18px;line-height:1;transform:rotate(0)}.group-section[open] .collapse-icon{transform:rotate(180deg)}.group-items{display:grid;gap:8px;padding:0 8px 8px}.mini-progress{width:140px;height:6px;border-radius:9px;overflow:hidden;background:#e6dfd5}.mini-progress i{display:block;height:100%;background:var(--mint-deep)}.empty{text-align:center;padding:90px 20px;color:var(--muted)}.empty span{display:block;font-size:46px;color:#aaa}.empty h2{color:var(--ink)}dialog{width:min(560px,calc(100% - 24px));padding:0;border:0;border-radius:24px;box-shadow:0 30px 90px rgba(30,25,20,.25)}dialog::backdrop{background:rgba(35,31,27,.35);backdrop-filter:blur(3px)}.editor-card{position:relative;padding:30px}.editor-card h2{margin:0;font-size:24px}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:30px;color:var(--muted)}.toggle-row{display:flex;gap:22px;padding:18px 0 4px}.toggle-row label{font-weight:800}.editor-card small{font-weight:400;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-actions .primary{width:auto}.variant-list{display:flex;flex-wrap:wrap;gap:6px}.variant-chip{padding:5px 9px;border-radius:8px;background:var(--sky);font-size:11px}.admin-shell{width:min(980px,100%);margin:auto;padding:40px 18px 80px}.admin-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:white}.admin-card h2{font-size:17px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row a,.button-row button{width:auto;text-decoration:none}.config-grid{display:grid;gap:12px}.config-grid label{display:grid;gap:5px}.config-grid input{padding:9px;border:1px solid var(--line);border-radius:9px}.revision-list{max-height:240px;overflow:auto;font-size:12px}.revision-item{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto;gap:12px}.progress-summary{grid-row:2;grid-column:1/-1;text-align:left}.progress-summary strong,.progress-summary span{display:inline;margin-right:6px}.sync-area .sync-state{display:none}.pal-row{grid-template-columns:40px 1fr auto}.theme-name,.status-name{display:none}.result-hint{display:none}.result-line{justify-content:space-between}.group-actions{margin-left:auto}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row select{width:100%;min-width:0}.filter-row .quiet{margin:0}.admin-grid{grid-template-columns:1fr}}@media(max-width:440px){.pal-row{padding:7px 8px}.topbar{padding:12px 15px}.filter-row{grid-template-columns:1fr}.login-card{padding:28px 22px}.pal-sub{max-width:220px;overflow:hidden;white-space:nowrap}.mini-progress{width:72px}.group-head{padding:11px 10px}.group-items{padding:0 5px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Visual collection wall */
.toolbar{grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:12px}.collection-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#eee8df}.collection-tab{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:0;border-radius:10px;background:transparent;font-weight:800;color:var(--muted)}.collection-tab span{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.62);font-size:10px}.collection-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(60,52,44,.08)}.collection-tab.active span{background:var(--mint);color:var(--mint-deep)}.group-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 10px 10px}.pal-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.pal-card.owned{border-color:#9fc3ac;box-shadow:inset 0 0 0 1px rgba(49,93,69,.08)}.pal-card.missing{background:#f3eee7}.pal-image-button{display:block;width:100%;padding:0;border:0;background:transparent}.pal-image{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,var(--lav),var(--sky))}.pal-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:opacity .12s,filter .12s}.pal-card.missing .pal-image img{filter:grayscale(.78);opacity:.3}.image-fallback{font-size:38px;font-weight:900;letter-spacing:-.08em;color:rgba(49,93,69,.48)}.ownership-mark{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.9);color:#817c74;font-size:18px;font-weight:900;box-shadow:0 3px 12px rgba(50,42,34,.12)}.owned .ownership-mark{background:var(--mint-deep);color:#fff}.card-copy{padding:11px 12px 5px}.card-copy h3{margin:0;font-size:15px;line-height:1.25}.card-meta{display:flex;gap:6px;margin-top:5px;color:var(--muted);font-size:10px}.card-meta span+span::before{content:"·";margin-right:6px}.card-footer{display:flex;align-items:center;min-height:38px;padding:4px 7px 7px 12px}.size-icons{display:flex;gap:3px}.size-icons span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--paper);font-size:14px}.wanted-heart{margin-left:auto;color:#b25b64}.card-more{margin-left:auto;width:32px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:900}.wanted-heart+.card-more{margin-left:4px}.pal-image-button:hover img{filter:none;opacity:.8}.owned .pal-image-button:hover img{opacity:1}.result-line{padding-top:16px}
body{text-transform:lowercase}.toolbar{grid-template-columns:auto minmax(260px,1fr)}.catalog-shortcuts{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.shortcut-row{display:flex;flex-wrap:wrap;gap:5px}.shortcut{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-weight:800}.shortcut.active{border-color:#a9c8b4;background:var(--mint);color:var(--mint-deep)}.card-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.card-title-line h3{flex:1;min-width:100px}.status-badge{padding:2px 6px;border-radius:99px;font-size:9px;font-weight:900;white-space:nowrap}.status-badge.retired{background:var(--lav);color:#625879}.status-badge.going{background:var(--butter);color:#765e22}.status-badge.new{background:var(--mint);color:var(--mint-deep)}
@media(max-width:800px){.toolbar{grid-template-columns:1fr}.collection-tabs{order:0}.search-wrap{order:1}.catalog-shortcuts{order:2;display:grid}.shortcut-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.shortcut{padding:6px 5px;font-size:11px}.group-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 6px 6px}.collection-tab{flex:1;justify-content:center;padding:7px 8px}.card-copy{padding:9px 9px 4px}.card-copy h3{font-size:13px}.card-meta{white-space:nowrap;overflow:hidden}.card-footer{padding-left:9px}}
.surprise-shell{width:min(620px,100%);margin:auto;padding:42px 18px 80px;text-align:center}.surprise-shell>h1{font-size:clamp(30px,7vw,48px);letter-spacing:-.05em;margin-bottom:8px}.surprise-shell>.muted{max-width:520px;margin:0 auto 24px}.surprise-card{width:min(390px,100%);margin:0 auto 18px;padding:12px 12px 24px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.surprise-image{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,var(--peach),var(--mint));font-size:48px}.surprise-image img{width:100%;height:100%;object-fit:contain;background:#fff}.surprise-card .eyebrow{margin-top:18px}.surprise-card h2{margin-bottom:5px;font-size:28px}.surprise-card p:last-child{color:var(--muted)}.surprise-actions{display:flex;justify-content:center;gap:8px}.surprise-actions .primary{width:auto}.surprise-actions a{text-decoration:none}

/* family rescue flow */
.login-shell{background:radial-gradient(circle at 18% 18%,#f6d0dc,transparent 31%),radial-gradient(circle at 82% 82%,#f6ddd4,transparent 34%),var(--paper)}.login-card{width:min(430px,100%);padding:44px 30px;text-align:center;background:rgba(255,255,255,.78)}.login-card h1{font-size:clamp(27px,8vw,38px);margin-bottom:22px}.login-card>input{width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;font-size:22px;letter-spacing:.08em;outline:0}.login-card>input:focus{border-color:var(--mint-deep);box-shadow:0 0 0 4px rgba(237,143,177,.2)}.login-card.jiggle{animation:jiggle .34s ease}.login-card .error{min-height:21px}.topbar h1{font-size:clamp(20px,4vw,27px)}.progress-track i,.mini-progress i{background:var(--mint-deep)}.card-copy{width:100%;border:0;background:transparent;text-align:left}.pal-card.missing .pal-image img{filter:grayscale(.85);opacity:.28}.pal-card.owned{border-color:#e6a8bd}.ownership-mark{color:var(--mint-deep)}.owned .ownership-mark{background:var(--mint-deep)}.collection-tab.active,.shortcut.active{border-color:#e5adc0;background:var(--mint);color:#78354d}.pal-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:0;border:0;border-radius:28px;overflow:auto;box-shadow:0 28px 90px rgba(70,40,52,.28)}.pal-dialog::backdrop{background:rgba(50,34,40,.5);backdrop-filter:blur(5px)}.pal-dialog-card{position:relative;padding:16px 28px 28px;text-align:center;background:#fffdfb}.pal-dialog .dialog-close{z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fbe4ec;color:var(--mint-deep)}.detail-back{position:absolute;z-index:2;left:20px;top:22px;border:0;background:transparent;color:var(--mint-deep);font-weight:800}.detail-image{display:grid;place-items:center;width:min(330px,100%);aspect-ratio:1;margin:24px auto 15px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#fae6ed,#fff4ef)}.detail-image img{width:100%;height:100%;object-fit:contain;background:#fff}.detail-placeholder{font-size:48px;font-weight:900;color:var(--mint-deep)}.detail-label{margin:3px 0 4px;color:#d26089}.pal-dialog h2{margin:0;font-size:clamp(25px,7vw,34px);letter-spacing:-.04em}.detail-meta,.government-name{margin:7px 0 20px;color:var(--muted)}.detail-primary{width:100%;margin-top:8px;background:linear-gradient(135deg,#ed8fb1,#e66e9b);color:#fff;font-size:17px}.detail-secondary{width:100%;margin-top:8px}.text-button{display:block;width:100%;padding:11px;border:0;background:transparent;color:var(--muted);font-weight:800}.danger-text{margin-top:8px;color:#9a4c58}.danger-button{width:100%;margin-top:8px;padding:12px;border:1px solid #d8939d;border-radius:12px;background:#fff0f2;color:#8f3e4b;font-weight:900}.naming-image{width:160px;margin-top:35px}.family-name-input{width:100%;margin:16px 0 6px;padding:13px 15px;border:1px solid #e5adc0;border-radius:13px;text-align:center;font-size:20px;outline:0}.family-name-input:focus{box-shadow:0 0 0 4px rgba(237,143,177,.2)}.confetti{pointer-events:none;position:fixed;z-index:100;inset:0;overflow:hidden}.confetti i{position:absolute;top:-18px;left:var(--x);display:block;width:9px;height:16px;border-radius:3px;background:var(--c);opacity:0}.confetti.show i{animation:confetti 1.15s var(--d) ease-out forwards}@keyframes jiggle{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}@keyframes confetti{0%{opacity:1;transform:translateY(-20px) rotate(0)}100%{opacity:0;transform:translateY(105vh) rotate(var(--r))}}@media(max-width:560px){.pal-dialog-card{padding:12px 18px 22px}.detail-image{margin-top:30px}.pal-dialog{border-radius:24px}.login-card{padding:35px 22px}.topbar{position:relative}}
@media(prefers-reduced-motion:reduce){.login-card.jiggle,.confetti.show i{animation:none!important}}

/* stop-motion family dance on the login screen */
.login-shell{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fff7fa,#fbe5ed)}
.login-dance{position:absolute;z-index:-1;inset:-13vh -16vw;display:grid;align-content:center;gap:clamp(16px,3.6vh,32px);transform:rotate(-4deg);opacity:.62;overflow:hidden}
.dance-row{display:flex;width:max-content;gap:clamp(10px,2.7vw,34px);animation:dance-row-left 2s steps(1,end) infinite}
.dance-row.reverse{animation-name:dance-row-right}
.dance-pal{display:block;width:clamp(82px,20vw,190px);aspect-ratio:1;animation:dance-pal-left 2s steps(1,end) infinite;animation-delay:var(--dance-delay)}
.dance-row.reverse .dance-pal{animation-name:dance-pal-right}
.dance-pal img{display:block;width:100%;height:100%;object-fit:contain;border-radius:28%;mix-blend-mode:multiply;filter:saturate(.9) contrast(.96) drop-shadow(0 10px 16px rgba(128,67,88,.12))}
.login-card{position:relative;z-index:1;background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@keyframes dance-row-left{0%,49.99%,100%{transform:translateX(-7vw)}50%,99.99%{transform:translateX(4vw)}}
@keyframes dance-row-right{0%,49.99%,100%{transform:translateX(-1vw)}50%,99.99%{transform:translateX(-12vw)}}
@keyframes dance-pal-left{0%,49.99%,100%{transform:translateY(5px) rotate(-35deg)}50%,99.99%{transform:translateY(-5px) rotate(35deg)}}
@keyframes dance-pal-right{0%,49.99%,100%{transform:translateY(-5px) rotate(35deg)}50%,99.99%{transform:translateY(5px) rotate(-35deg)}}
@media(min-width:900px){.dance-pal{width:clamp(120px,13vw,190px)}.login-dance{gap:26px}}
@media(prefers-reduced-motion:reduce){.dance-row,.dance-pal{animation:none!important}.dance-row:nth-child(even){transform:translateX(-8vw)}.dance-pal{transform:rotate(-8deg)}}

/* v13 collection refinements */
.pal-card.missing .pal-image img{filter:grayscale(.58);opacity:.44}
.size-icons span{width:auto;gap:3px;padding:0 6px;font-size:12px}
.size-icons b{font:800 10px/1 ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
.latest-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 10px 10px}
@media(max-width:800px){.latest-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 6px 6px}}

/* v14 family landing and memory details */
.size-icons span{opacity:.32;filter:grayscale(1)}
.size-icons span.active{opacity:1;filter:none;background:var(--mint);color:var(--mint-deep)}
.card-note{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.edit-family-meta{display:grid;gap:5px;margin:18px 0 6px;text-align:left}
.edit-family-meta label{display:grid;gap:7px;font-weight:750}
.edit-family-meta input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}
.edit-family-meta p{margin:0;font-size:12px}
.arrival-pal{position:fixed;z-index:120;pointer-events:none;transform-origin:center;border:1px solid #e6a8bd;border-radius:15px;background:#fff;overflow:hidden}
.arrival-pal .card-copy,.arrival-pal .card-footer{display:none}
.family-rumble .app-shell{animation:family-rumble .2s ease-in-out both}
.pal-landed{animation:pal-thud .3s cubic-bezier(.18,.84,.28,1.25)}
.neighbor-whoosh{animation:neighbor-whoosh .28s ease-out}
.freedom-card{width:min(390px,calc(100% - 28px));padding:0;border:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 90px rgba(70,40,52,.28)}
.freedom-card::backdrop{background:rgba(50,34,40,.5);backdrop-filter:blur(5px)}
#freedom-card-content{padding:18px 24px 28px;text-align:center;background:#fffdfb}
.freedom-image{display:grid;place-items:center;aspect-ratio:1;margin:-18px -24px 20px;overflow:hidden;background:linear-gradient(145deg,#fae6ed,#fff4ef)}
.freedom-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.freedom-card h2{margin:0;font-size:clamp(28px,8vw,40px);letter-spacing:-.05em}
@keyframes family-rumble{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes pal-thud{0%{transform:translateY(-12px) scale(1.06)}58%{transform:translateY(3px) scale(.98)}78%{transform:translateY(-3px) scale(1.01)}100%{transform:translateY(0) scale(1)}}
@keyframes neighbor-whoosh{0%{transform:translateX(0)}45%{transform:translateX(5px) rotate(.6deg)}100%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.family-rumble .app-shell,.pal-landed,.neighbor-whoosh{animation:none!important}}

/* v15 three-tab catalog */
.pal-card.missing .pal-image img{filter:none;opacity:1}
.pal-card.catalog-muted .pal-image img{filter:grayscale(.58);opacity:.44}
.collection-badge{position:absolute;top:9px;left:9px;max-width:calc(100% - 18px);overflow:hidden;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.88);color:#78354d;font-size:9px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.captive-card .card-copy h3{font-size:17px;line-height:1.18}
.captive-card .card-copy{padding-bottom:11px}
.arrival-pal{transition:none}
.family-rumble .app-shell{animation-duration:.34s}
@media(max-width:800px){.captive-card .card-copy h3{font-size:15px}}

/* magic-word login */
.login-card h1{font-size:clamp(19px,7vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.01em;white-space:nowrap;margin-bottom:18px}.topbar h1{font-weight:700;letter-spacing:-.01em}.login-card>input{font-weight:600;letter-spacing:.01em}
.login-password-label{margin:0 0 6px;text-align:left;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}
.login-card>input::placeholder{font-size:14px;letter-spacing:0;font-weight:600}
.login-card>input,.login-card>input::placeholder{text-align:left}
.login-submit{margin-top:12px;background:linear-gradient(135deg,#ed8fb1,#e66e9b)}
.login-submit:disabled{opacity:.42;cursor:not-allowed}

/* v17 family homes, albums, and school picture day */
.catalog-shortcuts{display:grid;grid-template-columns:1fr;justify-content:stretch}.shortcut-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.shortcut-row[aria-label="release status"]{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut{width:100%;min-height:40px;font-size:13px}.family-photos{justify-self:end;min-height:40px;border-radius:12px;color:#78354d}.choice-block{margin:18px 0 0;text-align:left}.choice-block p{margin:0 0 7px;color:var(--muted);font-weight:800;font-size:12px}.choice-tabs{display:grid;gap:6px;grid-auto-flow:column;grid-auto-columns:1fr}.choice{min-height:39px;padding:6px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font:800 12px/1 ui-rounded,"SF Pro Rounded",system-ui,sans-serif}.choice.active{border-color:#e5adc0;background:var(--mint);color:#78354d}.photo-booth{position:relative;display:grid;place-items:center;width:min(300px,82vw);aspect-ratio:1;margin:18px auto;overflow:hidden;border:10px solid #f5d5df;border-radius:50%;background:linear-gradient(145deg,#fff6f9,#f5e8ef);box-shadow:inset 0 0 0 1px #e5adc0}.photo-booth video,.photo-booth img{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:68px;color:#d68da9}.photo-booth.flash::after{content:"";position:absolute;inset:0;background:#fff;animation:camera-flash .25s ease-out}@keyframes camera-flash{0%{opacity:1}100%{opacity:0}}.photo-picker{display:block;width:100%;padding:11px;border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.photo-gallery{width:min(780px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:0;border:0;border-radius:26px;overflow:auto}.photo-gallery::backdrop{background:rgba(50,34,40,.5);backdrop-filter:blur(5px)}.photo-gallery-card{position:relative;padding:28px;background:#fffdfb;text-align:center}.photo-gallery-card h2{margin:0 0 18px;font-size:30px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}.photo-grid figure{margin:0;overflow:hidden;border-radius:13px;background:#f4eee8}.photo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.photo-grid figcaption{padding:6px 8px;font-size:11px;font-weight:800}.editor-card select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}
.gender-tabs .neither-choice,.neither-choice{background:linear-gradient(90deg,#e9508c,#f29f3c,#e8d84b,#5bbd84,#5b9fe0,#9b6bc8);-webkit-background-clip:text;background-clip:text;color:transparent}.gender-tabs .neither-choice.active{background:linear-gradient(90deg,#e9508c,#f29f3c,#e8d84b,#5bbd84,#5b9fe0,#9b6bc8);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:#d7a7c8}.editor-card #edit-gender option[value="neither"]{color:#8d529c}
.pal-image{background:#fff}
/* v57: keep the field caption attached to the field, and reserve one small,
   opaque window for Lemon rather than letting a background tile impersonate it. */
.login-password-label{margin:0 0 7px;text-align:left}.login-shell[data-background="dance"] .dance-pal.dance-lemon{display:none}.login-shell[data-background="dance"] .password-peek-stage{height:76px;margin:8px 0 0;background:#fffdfb;overflow:hidden}.login-shell[data-background="dance"] .login-lemon{right:18px;bottom:-60px;left:auto;width:auto;height:66px;animation:lemon-field-peek-v57 8s cubic-bezier(.33,.01,.33,1) infinite}@keyframes lemon-field-peek-v57{0%,10%{transform:translateY(0) rotate(-4deg)}14%{transform:translateY(-2px) rotate(-5deg)}22%,44%{transform:translateY(8px) rotate(-4deg)}51%{transform:translateY(-60px) rotate(3deg)}57%{transform:translateY(-55px) rotate(-5deg)}64%,70%{transform:translateY(-60px) rotate(2deg)}80%{transform:translateY(8px) rotate(-4deg)}100%{transform:translateY(0) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.login-shell[data-background="dance"] .login-lemon{animation:none;transform:translateY(0) rotate(-4deg)}}
.brain-rot-dialog{width:min(350px,calc(100% - 40px));padding:0;border:0;border-radius:22px;background:#fffdfb;box-shadow:0 22px 65px rgba(70,40,52,.22)}.brain-rot-dialog::backdrop{background:rgba(50,34,40,.26);backdrop-filter:blur(2px)}.brain-rot-card{padding:30px 25px;text-align:center}.brain-rot-card h2{margin:0;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.01em}
@media(max-width:800px){.family-photos{justify-self:stretch}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-shortcuts{gap:10px}.shortcut-row{gap:7px}.shortcut{font-size:12px}}

/* v18 whole-world catalog and push */
.include-everyone{display:flex;align-items:center;gap:8px;min-height:40px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.include-everyone input{width:18px;height:18px;accent-color:#d26089}.notifications{min-height:40px;border-radius:12px;color:#78354d}.card-footer.in-gang{justify-content:center;min-height:31px;padding:7px 10px;background:#f7d0df;color:#78354d;font-size:10px;font-weight:900;letter-spacing:.06em}.pal-card.missing{border-color:#bbb7b1}.pal-card.owned{border-color:#e6a8bd}@media(max-width:800px){.include-everyone,.notifications{justify-self:stretch}.toolbar{gap:9px}}

.logout-button{padding:7px 10px;font-size:12px}

html,body{min-height:100%;background:#fff7fa}.login-shell{min-height:100dvh;padding-top:max(24px,env(safe-area-inset-top));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left))}

/* v46 family polish */
.eyebrow{text-transform:lowercase;letter-spacing:.08em}.pal-image img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.photo-booth video{transform:scaleX(-1)}.found-choice{padding-bottom:12px}.collapse-toggle{justify-self:end;min-height:36px;font-size:12px}.search-results{padding:2px 0 8px}.search-results>h2{margin:8px 10px;font-size:16px}.install-button,.sync-area .notifications{padding:7px 10px;font-size:12px}.install-dialog,.onboarding-dialog{width:min(400px,calc(100% - 28px));padding:0;border:0;border-radius:25px;overflow:hidden}.install-dialog::backdrop,.onboarding-dialog::backdrop{background:rgba(50,34,40,.4);backdrop-filter:blur(4px)}.install-card,.onboarding-card{position:relative;padding:30px 26px;background:#fffdfb;text-align:center}.install-card h2,.onboarding-card h2{margin:0 0 18px;font-size:30px;letter-spacing:-.04em}.install-card ol{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none;text-align:left}.install-card li{padding:10px 12px;border-radius:12px;background:#f8eef1}.onboarding-cards{display:grid;gap:9px;margin:0 0 18px}.onboarding-flip{min-height:94px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#f8eef1;color:var(--muted);font-size:12px;font-weight:800}.onboarding-flip div{display:none}.onboarding-flip.flipped{background:linear-gradient(135deg,#fff4ef,#f8e1eb);color:var(--ink);animation:card-flip .35s ease-out}.onboarding-flip.flipped>div{display:grid;gap:2px}.onboarding-flip.flipped>b{display:none}.onboarding-flip.flipped span{font-size:12px;font-weight:600;color:var(--muted)}@keyframes card-flip{from{transform:rotateY(75deg);opacity:.3}to{transform:rotateY(0);opacity:1}}@media(max-width:800px){.collection-tabs{gap:3px}.collection-tab{min-width:0;font-size:11px}.collection-tab span{min-width:18px;padding:0 4px}.sync-area{gap:5px}.install-button,.sync-area .notifications{font-size:11px;padding:6px 8px}.collapse-toggle{justify-self:stretch}.photo-booth{margin-bottom:14px}}

.collection-tab{display:grid;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:3px;min-height:55px;line-height:1.1}.collection-tab-label{display:block!important;min-width:0!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;white-space:nowrap}.collection-tab-count{display:grid!important;place-items:center;min-width:22px!important;height:19px!important;padding:0 6px!important;border-radius:99px!important;background:rgba(255,255,255,.62)!important;font-size:10px!important}.collection-tab.active .collection-tab-label{background:transparent!important;color:inherit}.collection-tab.active .collection-tab-count{background:#fff!important;color:var(--mint-deep)}.result-line .result-hint{margin-left:0}.result-line .collapse-toggle{margin-left:auto;justify-self:auto;min-height:32px;padding:6px 10px}.install-button{min-height:42px;padding:10px 17px!important;border:0;border-radius:13px;background:linear-gradient(135deg,#ed8fb1,#e66e9b);color:#fff;font-size:14px!important;font-weight:900;box-shadow:0 5px 14px rgba(210,96,137,.22)}.install-note{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:600}.install-note b{color:var(--ink)}@media(max-width:800px){.collection-tab{display:grid;min-height:54px;padding:7px 6px}.collection-tab-label{font-size:11px!important}.result-line .collapse-toggle{justify-self:auto}.install-button{min-height:40px;padding:9px 13px!important;font-size:13px!important}}

.family-title{display:grid;gap:1px}.family-title h1{line-height:1.05}.family-title p{margin:0;color:#d26089;font-size:12px;font-weight:850;letter-spacing:.02em;line-height:1.15}.sync-area .family-photos{padding:8px 11px;font-size:12px}@media(max-width:800px){.family-title p{font-size:11px}.sync-area .family-photos{padding:7px 9px;font-size:11px}}

/* v52 login lemon and iOS safe-area treatment */
html,body{min-height:100%;background:#fff7fa}.topbar{padding-top:calc(15px + env(safe-area-inset-top));background:#fff7fa;backdrop-filter:none;-webkit-backdrop-filter:none}.password-peek-stage{display:none}.login-shell[data-background="lemon"] .login-card{background:#fffdfb;backdrop-filter:none;-webkit-backdrop-filter:none}.login-shell[data-background="lemon"] .password-peek-stage{position:relative;display:block;height:56px;margin:2px 0 0;overflow:hidden;isolation:isolate;background:#fffdfb}.login-shell[data-background="lemon"] .login-lemon{position:absolute;z-index:1;top:auto;right:14px;bottom:-56px;left:auto;display:block;width:clamp(88px,25vw,122px);max-width:none;padding:0;border:0;background:transparent;filter:drop-shadow(0 7px 8px rgba(161,125,43,.18));animation:lemon-field-peek 7.5s cubic-bezier(.33,.01,.33,1) infinite}.login-shell[data-background="lemon"] .login-lemon img{display:block;width:100%;height:auto}.login-shell[data-background="lemon"] .login-lemon:focus-visible{outline-color:#d28a2f}.login-shell[data-background="lemon"] .login-lemon:hover{filter:drop-shadow(0 9px 12px rgba(161,125,43,.28))}@keyframes lemon-field-peek{0%,70%,100%{transform:translateY(72px) rotate(-4deg)}76%{transform:translateY(16px) rotate(-7deg)}80%{transform:translateY(-12px) rotate(3deg)}84%{transform:translateY(-5px) rotate(-5deg)}88%{transform:translateY(-17px) rotate(1deg)}92%{transform:translateY(-6px) rotate(-4deg)}96%{transform:translateY(29px) rotate(-5deg)}}#lemon-game-pal.jumping{animation-duration:.56s}@keyframes lemon-jump{0%,100%{transform:translateY(0) rotate(-4deg)}46%{transform:translateY(-104px) rotate(7deg)}70%{transform:translateY(-94px) rotate(4deg)}}@media(max-width:440px){.topbar{padding-top:calc(12px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.login-shell[data-background="lemon"] .login-lemon{animation:none;transform:translateY(72px) rotate(-4deg)}}

/* Login scenes rotate on each page load. */
@media(prefers-reduced-motion:reduce){#lemon-game-pal.jumping{transform:none!important}}
.login-shell:not([data-background="dance"]) .login-dance{display:none}.login-lemon{display:none}.login-shell[data-background="lemon"]{background:radial-gradient(circle at 17% 13%,#fff8ce,transparent 26%),radial-gradient(circle at 88% 83%,#d9efe5,transparent 31%),#fff7ed}.login-shell[data-background="lemon"] .login-lemon{position:absolute;z-index:0;top:calc(50% - min(20vh,170px));left:50%;display:block;width:clamp(68px,20vw,108px);max-width:none;padding:0;border:0;background:transparent;filter:drop-shadow(0 8px 10px rgba(161,125,43,.16));animation:lemon-peek 8s cubic-bezier(.33,.01,.33,1) infinite}.login-lemon img{display:block;width:100%;height:auto}.login-shell[data-background="lemon"] .login-lemon:focus-visible{z-index:2;outline-color:#d28a2f}.login-shell[data-background="lemon"] .login-lemon:hover{filter:drop-shadow(0 9px 12px rgba(161,125,43,.28))}.dance-pal.dance-lemon img{mix-blend-mode:normal;background:transparent}@keyframes lemon-peek{0%,71%,100%{transform:translate(-50%,48px) rotate(-4deg)}76%{transform:translate(-50%,6px) rotate(-7deg)}80%{transform:translate(-50%,-23px) rotate(3deg)}84%{transform:translate(-50%,-15px) rotate(-5deg)}88%{transform:translate(-50%,-28px) rotate(1deg)}92%{transform:translate(-50%,-17px) rotate(-4deg)}96%{transform:translate(-50%,9px) rotate(-5deg)}}.lemon-game{position:absolute;z-index:4;inset:0;display:grid;align-content:center;padding:26px;text-align:center;background:linear-gradient(160deg,rgba(255,252,229,.97),rgba(232,245,236,.97));animation:lemon-game-in .24s ease-out}.lemon-game h2{margin:0;font-size:clamp(26px,8vw,38px);letter-spacing:-.04em}.lemon-game-status{min-height:22px;margin:5px 0 20px;color:var(--muted);font-weight:700}.lemon-game-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff7fa;color:var(--mint-deep);font-size:28px}.lemon-game-track{position:relative;width:min(520px,100%);height:190px;margin:0 auto;overflow:hidden;border-bottom:4px solid #b6b69a;border-radius:23px 23px 0 0;background:linear-gradient(#fffdf3 0 71%,#e0efd9 71%);box-shadow:inset 0 0 0 1px rgba(138,138,104,.15)}.lemon-game-track::after{content:"";position:absolute;right:0;bottom:27px;left:0;border-top:2px dashed rgba(115,116,76,.35)}#lemon-game-pal{position:absolute;z-index:1;bottom:24px;left:18%;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(95,100,59,.18))}#lemon-game-pal.jumping{animation:lemon-jump .47s cubic-bezier(.23,.72,.37,1) both}#lemon-game-obstacle{position:absolute;bottom:24px;width:18px;height:54px;border-radius:12px 12px 2px 2px;background:#ec9cae;box-shadow:inset 5px 0 rgba(255,255,255,.24)}#lemon-game-obstacle::before,#lemon-game-obstacle::after{content:"";position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:#668f6b}#lemon-game-obstacle::before{left:-6px}#lemon-game-obstacle::after{right:-6px;top:23px}.lemon-game-score{margin:12px 0 0;font-weight:900;color:#6e795b}@keyframes lemon-jump{0%,100%{transform:translateY(0) rotate(-4deg)}45%{transform:translateY(-92px) rotate(7deg)}68%{transform:translateY(-84px) rotate(4deg)}}@keyframes lemon-game-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.login-shell[data-background="lemon"] .login-lemon,#lemon-game-pal.jumping{animation:none;transform:translate(-50%,48px) rotate(-4deg)}.lemon-game{animation:none}}
/* Final password-field Lemon scene: subtle first, hidden, then a full hello. */
.login-shell[data-background="lemon"] .password-peek-stage{height:82px;margin:4px 0 0;background:#fffdfb}.login-shell[data-background="lemon"] .login-lemon{top:auto;right:14px;bottom:-79px;left:auto;width:auto;height:88px;max-width:none;animation:lemon-password-cycle 12s cubic-bezier(.33,.01,.33,1) infinite}.login-shell[data-background="lemon"] .login-lemon:focus-visible{z-index:2}@keyframes lemon-password-cycle{0%,28%{transform:translateY(0) rotate(-4deg)}8%,20%{transform:translateY(-3px) rotate(-5deg)}33%{transform:translateY(13px) rotate(-4deg)}60%{transform:translateY(13px) rotate(-4deg)}69%{transform:translateY(-79px) rotate(3deg)}74%{transform:translateY(-71px) rotate(-5deg)}79%{transform:translateY(-78px) rotate(2deg)}85%{transform:translateY(-72px) rotate(-3deg)}93%{transform:translateY(11px) rotate(-4deg)}100%{transform:translateY(0) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.login-shell[data-background="lemon"] .login-lemon{animation:none;transform:translateY(0) rotate(-4deg)}}
/* v54: tessellated login scene with a contained password-field Lemon. */
.login-dance{z-index:0}.login-shell[data-background="dance"] .password-peek-stage{position:relative;display:block;height:64px;margin:4px 0 0;overflow:hidden;isolation:isolate;background:#fffdfb}.login-shell[data-background="dance"] .login-lemon{position:absolute;z-index:1;top:auto;right:15px;bottom:-70px;left:auto;display:block;width:auto;height:78px;max-width:none;padding:0;border:0;background:transparent;filter:drop-shadow(0 6px 8px rgba(161,125,43,.18));animation:lemon-password-cycle 12s cubic-bezier(.33,.01,.33,1) infinite}.login-shell[data-background="dance"] .login-lemon img{display:block;width:100%;height:auto}.login-shell[data-background="dance"] .login-lemon:focus-visible{outline-color:#d28a2f}.login-shell[data-background="dance"] .login-lemon:hover{filter:drop-shadow(0 9px 12px rgba(161,125,43,.28))}@keyframes lemon-password-cycle{0%,28%{transform:translateY(0) rotate(-4deg)}8%,20%{transform:translateY(-3px) rotate(-5deg)}33%{transform:translateY(12px) rotate(-4deg)}60%{transform:translateY(12px) rotate(-4deg)}69%{transform:translateY(-62px) rotate(3deg)}74%{transform:translateY(-56px) rotate(-5deg)}79%{transform:translateY(-62px) rotate(2deg)}85%{transform:translateY(-58px) rotate(-3deg)}93%{transform:translateY(10px) rotate(-4deg)}100%{transform:translateY(0) rotate(-4deg)}}@media(max-width:800px){.sync-area{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 150px)}.logout-button{padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.login-shell[data-background="dance"] .login-lemon{animation:none;transform:translateY(0) rotate(-4deg)}}
 .bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);background:rgba(255,253,251,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.bottom-nav-item{display:grid;justify-items:center;gap:2px;border:0;background:transparent;color:var(--muted);font-size:19px;font-weight:800}.bottom-nav-item span{font-size:10px;letter-spacing:.01em}.bottom-nav-item.active{color:#c4527d}.app-shell main{padding-bottom:110px}
.page-heading{margin:18px 0 4px;font-size:28px;letter-spacing:-.04em}.page-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 0}.page-photo-grid figure{margin:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(60,52,44,.08)}.page-photo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.page-photo-grid figcaption{padding:8px 10px;font-size:12px;font-weight:800}.page-empty{margin-top:30px}
@media(max-width:800px){.page-heading{margin:14px 6px 2px;font-size:24px}.page-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}