:root{--account-shadow:rgb(0 0 0 / .2)}
.category-section-link{display:inline-flex;align-items:center;min-height:44px;color:var(--secondary);text-decoration:underline;text-underline-offset:4px;border-radius:4px}.category-section-link:hover{color:var(--link)}.category-section-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
#account-preview{margin:auto;max-width:90vw;max-height:90dvh;overflow:auto;border:1px solid var(--border);border-radius:1rem;padding:1rem;background:var(--panel);color:var(--text)}#account-preview img{display:block;max-width:80vw;max-height:70dvh;object-fit:contain;background:var(--subtle)}#account-preview button{min-height:44px;padding:.5rem .75rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:.5rem}.account-card .media-preview{width:100%;display:block;border:0;padding:0;background:var(--subtle)}#account-preview h2{font-size:1.2rem;font-weight:700}
#upload-dialog{margin:auto;padding:1.25rem;border-radius:1rem;width:calc(100% - 2rem);max-width:32rem;max-height:90dvh;overflow:auto;border:1px solid var(--border);box-sizing:border-box}
body[data-account-page] #upload-dialog header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}body[data-account-page] #upload-dialog h2{font-size:1.25rem;font-weight:700}body[data-account-page] #upload-dialog button{min-height:44px;min-width:44px;padding:.5rem .75rem;font:inherit}body[data-account-page] #upload-dialog fieldset{padding:.75rem}body[data-account-page] #upload-dialog a{color:var(--link);text-decoration:underline}
#upload-form{display:grid;gap:1rem}#upload-form label{display:block}#upload-form input:not([type=radio]):not([type=range]):not([type=file]),#upload-form progress{width:100%;box-sizing:border-box}#upload-form input:not([type=radio]):not([type=file]){padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);color:var(--text)}
#upload-visibility-field{border:1px solid var(--border);border-radius:.5rem;padding:.5rem}#upload-visibility-field label{min-height:44px;display:flex;align-items:center;gap:.5rem;cursor:pointer}#upload-form .relative{position:relative}#upload-category-list{position:absolute;z-index:5;max-height:240px;overflow:auto;background:var(--panel);border:1px solid var(--border);width:100%}#upload-category-list [role=option]{display:flex;align-items:center;gap:.5rem;min-height:44px;width:100%;padding:.5rem;color:var(--text)}#upload-category-list img,#upload-category-selected img{width:32px;height:32px;object-fit:cover;border-radius:.5rem}#upload-preview img,#upload-preview audio{max-width:100%;max-height:240px}#upload-crop{width:96px;height:96px}#upload-form [hidden]{display:none!important}
body{margin:0;font-family:system-ui,sans-serif}
.account-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:var(--panel);border-bottom:1px solid var(--border)}
.account-header>a:first-child{font-size:1.3rem;font-weight:700}.account-main{max-width:70rem;margin:auto;padding:1.25rem} .account-main h1{font-size:1.65rem;font-weight:700;margin:1rem 0}.account-main p{margin:.75rem 0}
.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;list-style:none;padding:0}.account-card{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:var(--panel)}
.account-card h2{font-size:1.1rem;font-weight:600;margin:.75rem 0}.account-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.65rem;background:var(--subtle)}.account-card audio{width:100%}
.item-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0}.item-actions button,.account-main button,.account-main select,.account-menu button,.account-menu summary,.action,.account-menu a{min-height:44px;min-width:44px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:inherit}
.item-actions button[aria-pressed=true]{background:var(--tint);color:var(--link);border-color:currentColor}.account-menu{margin-left:auto;position:relative}.account-menu nav{display:flex;gap:.4rem;flex-wrap:wrap;padding:.6rem}.account-menu details[open] nav{position:absolute;right:0;z-index:60;min-width:230px;background:var(--panel);border:1px solid var(--border);box-shadow:0 5px 15px var(--account-shadow);border-radius:.6rem}.account-menu details nav button,.account-menu details nav a{width:100%}
.account-main input[type=search]{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);color:var(--text)}.account-main a,footer a{color:var(--link);text-decoration:underline}.share-media{max-width:100%;max-height:65vh;display:block;background:var(--subtle);border-radius:.75rem}.category-avatar{width:40px;height:40px;object-fit:cover;display:inline-block;border-radius:.5rem;vertical-align:middle;background:var(--subtle)}
.visibility-badge{display:inline-block;padding:.25rem .5rem;border:1px solid var(--border);border-radius:1rem}.account-main footer,body>footer{padding:1rem;text-align:center}.account-toast{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:100;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:.6rem;padding:1rem;box-shadow:0 4px 15px var(--account-shadow)}.account-toast:empty{display:none}
:root[data-theme=dark] .account-card,:root[data-theme=dark] .account-header,:root[data-theme=dark] .account-menu nav,:root[data-theme=dark] .item-actions button,:root[data-theme=dark] .account-menu button,:root[data-theme=dark] .account-menu summary,:root[data-theme=dark] .account-main button,:root[data-theme=dark] .account-main select,:root[data-theme=dark] .account-main input,:root[data-theme=dark] .action,:root[data-theme=dark] .account-toast{background:var(--panel);color:var(--text)}
.item-actions button:focus-visible,.account-main :focus-visible,.account-menu :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* One shared action row, regardless of which renderer adds its controls first. */
.card-actions{display:grid;grid-template-columns:minmax(44px,1fr) 44px 44px;gap:2px;align-items:start;min-width:0;width:100%;container-type:inline-size;container-name:card-actions}
.card-actions>button{box-sizing:border-box;height:44px;min-height:44px;margin:0}
.card-actions .file-share-button{order:1;min-width:0;width:100%;padding:0 2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--tint)!important;color:var(--link)!important}
.card-actions .favorite-button{order:2}.card-actions .copy-link-button{order:3}
.card-actions .favorite-button,.card-actions .copy-link-button{width:44px;min-width:44px;padding:0;font-size:20px;line-height:1}
.card-actions .file-share-status{order:4;grid-column:1/-1;min-width:0;overflow-wrap:anywhere;margin:0;font-size:12px}
.card-actions .file-share-status:empty{display:none}
@container card-actions (min-width:180px){.card-actions .file-share-button{font-size:12px}}
@container card-actions (max-width:149px){.card-actions .file-share-button{font-size:0}.card-actions .file-share-button::after{content:'↗';font-size:20px}}
/* Direct /s/ pages only: a compact player panel, one share action, clear browsing. */
.share-page .account-header>a{color:var(--text);text-decoration:none;font-size:14px}.share-page .account-header>a:first-child{font-size:18px;font-weight:700}.share-page .account-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-page .account-menu .action{box-sizing:border-box;height:44px;padding:0 12px;font-size:13px;text-decoration:none}
.share-page .share-layout{max-width:680px;padding:clamp(16px,4vw,36px) 16px}
.share-page .share-card{padding:clamp(16px,4vw,28px);background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 32px var(--account-shadow);min-width:0}
.share-page .share-heading{margin-bottom:20px}.share-page .share-kind{font-size:12px;font-weight:700;color:var(--secondary);letter-spacing:.06em}.share-page .visibility-badge{font-size:12px;margin-left:10px}
.share-page .share-heading h1{font-size:clamp(23px,4.5vw,32px);line-height:1.2;margin:10px 0 0;overflow-wrap:anywhere}
.share-page .share-player{background:var(--subtle);border-radius:16px;overflow:hidden;margin-bottom:20px}
.share-page .audio-player{display:grid;justify-items:center;gap:20px;padding:24px 12px 16px}.share-page .share-cover{width:128px;height:128px;object-fit:cover;border-radius:18px;background:var(--panel)}
.share-page audio.share-media{display:block;width:100%;min-width:0;height:54px;border-radius:10px}.share-page .gif-player{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px}
.share-page .gif-player img{width:auto;max-width:100%;height:auto;max-height:60vh;object-fit:contain}.share-page #share-motion{font-size:13px;align-self:flex-end}
.share-page .share-category-section{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin:16px 0}
.share-page a.share-category{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--text);text-decoration:none;font-weight:600;max-width:100%}.share-page .share-category span{overflow-wrap:anywhere}.share-page .category-avatar{flex-shrink:0}
.share-page .category-browse{display:flex;flex-wrap:wrap;gap:8px}.share-page .category-browse a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:20px;font-size:12px;text-decoration:none;box-sizing:border-box}
.share-page .share-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 16px}.share-page .share-tags li{padding:5px 9px;border-radius:20px;background:var(--subtle);color:var(--secondary);font-size:12px;overflow-wrap:anywhere;max-width:100%}
.share-page .card-actions{grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;margin:16px 0 0}.share-page .card-actions>button{height:48px;min-height:48px}.share-page .card-actions .file-share-button{font-size:14px;padding:0 8px;font-weight:700}.share-page .card-actions .favorite-button,.share-page .card-actions .copy-link-button{width:48px}
.share-page .share-secondary{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:8px 0;margin-bottom:14px}.share-page .share-download{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:none}
.share-page .share-secondary button{background:none;border:0;color:var(--secondary);font-size:13px}.share-page .share-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none}.share-page #share-status:empty{display:none}
.account-menu{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;max-width:100%}.account-menu details[open] nav{width:min(18rem,calc(100vw - 2rem));box-sizing:border-box;max-height:75dvh;overflow:auto}.account-identity{width:100%;margin:0;padding:.5rem;overflow-wrap:anywhere;min-width:0}.account-identity span,.account-identity strong{display:block}.account-identity span{font-size:.85rem;color:var(--text)}.account-identity strong{font-size:.95rem}
.category-preference-bar{display:flex;justify-content:flex-end;padding:.5rem 1rem}.category-hidden-notice{padding:.75rem 1rem;background:var(--tint);color:var(--text)}#tabs button[hidden],#gif-categories button[hidden],.category-hidden-notice[hidden]{display:none!important}
#category-preferences{margin:auto;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:90dvh;overflow:auto;border:1px solid var(--border);border-radius:1rem;padding:1rem;background:var(--panel);color:var(--text)}#category-preferences::backdrop{background:var(--account-shadow)}.category-preference-heading,.category-preference-kinds{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.category-preference-heading h2{font-size:1.2rem;font-weight:700}.category-preference-kinds{justify-content:flex-start;margin:.75rem 0}.category-preference-kinds [aria-pressed=true]{background:var(--tint);color:var(--link);border-color:currentColor}#category-preferences input[type=search]{display:block;width:100%;box-sizing:border-box;padding:.65rem;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);color:var(--text)}.category-preference-row{display:flex;gap:.75rem;align-items:center;min-height:52px;padding:.35rem 0;cursor:pointer}.category-preference-row img{width:40px;height:40px;object-fit:cover;border-radius:.5rem;background:var(--subtle)}.category-preference-row span{flex:1;overflow-wrap:anywhere}.category-preference-row input{width:24px;height:24px;accent-color:var(--link)}#category-preferences :focus-visible{outline:3px solid var(--link);outline-offset:3px}#category-preferences p{margin:.65rem 0}