/* Shared Lidya theme variables keep both appearances in sync. */
.ec-comment-center{border:1px solid var(--ui-line);border-radius:16px;padding:12px!important;margin:8px 0;background:var(--ui-panel);color:var(--ui-ink)}
.ec-comment-center .ec-comment-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ec-comment-toolbar strong{margin-right:auto}.ec-comment-center select,.ec-comment-center button{font:inherit;font-size:12px;min-height:36px;border:1px solid var(--ui-line);border-radius:9px;padding:6px 9px;background:var(--ui-raised);color:var(--ui-ink);cursor:pointer}.ec-comment-center button:disabled{opacity:.5;cursor:default}.ec-comment-center textarea{width:100%;box-sizing:border-box;min-height:70px;max-height:180px;padding:12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-raised);color:var(--ui-ink);resize:vertical;font:inherit;font-size:14px;line-height:1.5;margin-top:10px}.ec-comment-submit{display:flex;align-items:center;justify-content:space-between;gap:10px}.ec-comment-submit small{color:var(--ui-muted)}.ec-comment-submit button{background:var(--ui-button);color:var(--ui-primary-ink);min-height:42px}.ec-comment-center [data-comment-mode]{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding-top:10px;color:var(--ui-gold)}.ec-comment-center [hidden]{display:none!important}.ec-comment-center [data-comment-status]{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ec-comment-center .ec-post-comment{display:block;border-top:1px solid var(--ui-line);padding:12px 0}.ec-comment-center .ec-comment-content{padding-right:0!important}.ec-comment-center .ec-comment-content p{line-height:1.65}.ec-comment-center .ec-comment-controls{gap:8px;align-items:center;flex-wrap:wrap}.ec-comment-center .ec-comment-controls button{padding:6px 9px;min-height:36px}.ec-comment-center .ec-social-profile-link{border:0;background:none;padding:3px 0;min-height:32px}.ec-comment-menu{position:relative;margin-left:auto}.ec-comment-menu summary{cursor:pointer;font-size:12px;padding:9px;border:1px solid var(--ui-line);border-radius:9px}.ec-comment-menu>div{position:absolute;right:0;top:100%;z-index:8;min-width:140px;display:grid;padding:7px;gap:5px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);box-shadow:0 8px 25px var(--ui-shadow)}.ec-thread{border-left:2px solid var(--ui-line);padding-left:14px;margin:8px 0 0 8px}.ec-thread .ec-post-reply{margin-left:0}.ec-comment-pinned{display:block;color:var(--ui-gold);padding:3px 0}.ec-comment-center button:focus-visible,.ec-comment-center summary:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}
.eris-story-viewer.ec-story-enhanced{display:flex;flex-direction:column;background:var(--ui-panel);color:var(--ui-ink);padding:calc(75px + env(safe-area-inset-top)) 12px calc(130px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
.ec-story-enhanced>img,.ec-story-enhanced>video{width:auto;max-width:100%;max-height:100%;object-fit:contain;flex:1;min-height:0}.ec-story-enhanced .eris-story-progress{height:4px;display:flex;gap:4px;background:none;z-index:2}.ec-story-enhanced .eris-story-progress button{flex:1;min-width:0;height:4px;padding:0;border:0;border-radius:3px;background:var(--ui-line);overflow:hidden;cursor:pointer}.ec-story-enhanced .eris-story-progress i{width:0;background:var(--ui-gold)}.ec-story-enhanced header{top:calc(20px + env(safe-area-inset-top));padding:5px 0}.ec-story-enhanced header b{min-width:0;overflow-wrap:anywhere;font-size:14px}.ec-story-enhanced header small{font-size:11px;color:var(--ui-muted)}.ec-story-enhanced footer{bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;gap:6px;background:var(--ui-panel);padding-top:8px}.ec-story-enhanced footer>p{margin:0;max-height:72px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.ec-story-controls{display:flex;align-items:center;justify-content:center;gap:8px}.ec-story-controls button{min-height:40px!important}.ec-story-enhanced .eris-story-reactions{gap:5px}.ec-story-enhanced .eris-story-reactions input{min-height:40px;font-size:13px}.ec-story-enhanced [data-story-status]{font-size:12px;line-height:1.5;color:var(--ui-muted)}.ec-story-viewers{position:absolute;inset:calc(70px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));z-index:5;background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:18px;padding:16px;overflow:auto}.ec-story-viewers header{position:static;display:flex;justify-content:space-between}.ec-story-viewers [data-viewer-rows]>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ui-line);padding:12px 0}.ec-story-viewers button{min-height:40px;border:1px solid var(--ui-line);border-radius:10px;color:var(--ui-ink);background:var(--ui-raised);padding:8px}.ec-story-viewers p{font-size:12px;color:var(--ui-muted)}.eris-story-modal{z-index:22010!important}.ec-story-enhanced button:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}
@media(max-width:360px){.ec-comment-center{padding:9px!important}.ec-thread{padding-left:8px;margin-left:3px}.ec-story-enhanced .eris-story-reactions{flex-wrap:wrap}.ec-story-enhanced .eris-story-reactions input{flex-basis:55%}.ec-story-enhanced header button{padding:4px 7px;font-size:12px}}
/* Header, media and actions occupy separate rows even with long captions. */
.eris-story-viewer.ec-story-enhanced{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:5px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.eris-story-viewer.ec-story-enhanced>.eris-story-progress{position:static;grid-row:1;margin:0;height:4px}
.eris-story-viewer.ec-story-enhanced>header{position:static;grid-row:2;padding:7px 0;margin:0;min-width:0}
.eris-story-viewer.ec-story-enhanced>img,.eris-story-viewer.ec-story-enhanced>video{grid-row:3;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}
.eris-story-viewer.ec-story-enhanced>[data-story-status]{grid-row:4;margin:0;font-size:12px}.eris-story-viewer.ec-story-enhanced>[data-story-status]:empty{display:none}
.eris-story-viewer.ec-story-enhanced>footer{position:static;grid-row:5;margin:0;padding:5px 0 0;min-width:0}
