.animated-fold{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1),visibility .24s;display:grid}.animated-fold[data-open=true]{visibility:visible;grid-template-rows:1fr}.animated-fold>div{min-height:0;overflow:clip}:where(details)>summary :where(.ui-arrow,.private-record-chevron){transition:transform .24s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.animated-fold,:where(details)>summary :where(.ui-arrow,.private-record-chevron){transition:none}}html[data-motion-tier=lite] .animated-fold,html[data-motion-tier=lite] :where(details)>summary :where(.ui-arrow,.private-record-chevron){transition:none}@media (prefers-reduced-motion:reduce){.archive-page .dialog-visual-frame{transition:none!important}}html[data-motion-tier=lite] .archive-page .dialog-visual-frame{transition:none!important}
.scent-mark-dialog{color:#20382d;background:#eee8dc;border:1px solid #b6b9a7;border-radius:18px;width:min(420px,100% - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 16px 64px #081b1640}.scent-mark-dialog::backdrop{background:#081b1680}.scent-mark-dialog header{border-bottom:1px solid #20382d26;align-items:flex-start;gap:16px;padding:22px 20px 18px;display:flex}.scent-mark-dialog header div{flex:1;min-width:0}.scent-mark-dialog header strong{overflow-wrap:anywhere;font-size:20px;line-height:1.3;display:block}.scent-mark-dialog small{color:#526254;font-size:12px;line-height:1.5;display:block}.scent-mark-dialog header small{margin-bottom:8px}.scent-mark-dialog button{color:inherit;font:inherit;cursor:pointer}.scent-mark-dialog header button{background:0 0;border:1px solid #20382d40;border-radius:50%;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:24px}.scent-mark-dialog>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #20382d26;align-items:center;gap:16px;width:100%;min-height:76px;padding:16px 24px;display:flex}.scent-mark-dialog strong{font-size:14px;line-height:1.5}.scent-mark-dialog i{font-size:18px;font-style:normal}.scent-mark-dialog .scent-status-owned{background:0 0;border:0;border-bottom:1px solid #20382d26;border-radius:0;margin:0;padding:18px 24px}.scent-mark-dialog .scent-status-owned>span{grid-template-columns:18px 1fr;align-items:center;gap:2px 16px;display:grid}.scent-mark-dialog .scent-status-owned>span strong{font:600 14px/1.5 var(--sans)}.scent-mark-dialog .scent-status-owned>span small{opacity:1;font:12px/1.5 var(--sans);grid-column:2;margin:0}.scent-mark-dialog .scent-status-owned>div{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0 34px;display:grid}.scent-mark-dialog .scent-status-owned button{background:0 0;border:1px solid #20382d40;border-radius:8px;min-height:44px;padding:8px;font-size:14px}.scent-mark-dialog button.active{color:#fff9eb;background:#20382d}.scent-mark-dialog button.active small{color:#e2e5da}.scent-mark-dialog button:focus-visible{outline-offset:-4px;outline:3px solid #ac792a}.scent-mark-dialog button:disabled{opacity:.55;cursor:wait}.scent-mark-feedback{margin:0;padding:14px 24px;font-size:14px;line-height:1.5}@media (max-width:600px){.scent-mark-dialog{margin-top:auto;margin-bottom:max(12px, env(safe-area-inset-bottom))}}
