/* The demo uses the actual portrait feed and cards, but has no account state. */
html,body{height:100%;overflow:hidden}
body.ss-demo #ss-portrait{display:block!important;position:static;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
body.ss-demo #ss-portrait::-webkit-scrollbar{display:none}
body.ss-demo #my-reactions,body.ss-demo .ss-p-actions{display:none!important}
body.ss-demo .ss-p-header .ss-p-brand{justify-content:center}
body.ss-demo .ss-p-card details{margin-bottom:0}
body.ss-demo .demo-reaction-caption{margin:7px 2px 0;color:#aeb8c6;font-size:11px;line-height:1.4;text-align:center}
body.ss-demo .demo-reaction .reaction-chip{cursor:pointer;color:#e5e9ef}
body.ss-demo .demo-reaction .reaction-chip:hover{border-color:#f0cc00;background:#2b313b}
body.ss-demo .demo-reaction .reaction-more{color:#f0cc00}
body.ss-demo .demo-emoji-dialog{width:min(380px,calc(100% - 24px));max-height:min(650px,calc(100dvh - 24px));padding:20px;border-radius:15px}
body.ss-demo .demo-emoji-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
body.ss-demo .demo-emoji-dialog h2{margin:0;font-size:21px}
body.ss-demo .demo-emoji-dialog p{color:#b8c3d1;line-height:1.5;margin:8px 0 16px}
body.ss-demo .demo-emoji-dialog header button{flex:none;width:44px;height:44px;border:1px solid #414b59;border-radius:8px;background:#222935;color:#fff;font-size:25px;cursor:pointer}
body.ss-demo .demo-emoji-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:min(45dvh,360px);overflow-y:auto;overscroll-behavior:contain;margin:10px 0 16px;padding:2px}
body.ss-demo .demo-emoji-grid button{min-width:0;min-height:54px;border:1px solid #414b59;border-radius:9px;background:#1a1f27;color:#fff;font-size:26px;cursor:pointer}
body.ss-demo .demo-emoji-grid button:hover,body.ss-demo .demo-emoji-grid button:focus-visible{border-color:#f0cc00}
body.ss-demo .demo-emoji-dialog .demo-emoji-status{min-height:1.4em;color:#f0cc00;font-size:13px}
body.ss-demo .demo-emoji-dialog .demo-emoji-cta{display:block;margin-top:12px;padding:13px;border-radius:7px;background:#f0cc00;color:#111;text-align:center;font-weight:700;text-decoration:none}