/* Community moments reference: gold story rings in a dark gallery. */
#moments-rail{position:relative;margin:26px 0 22px;padding:24px 0 0;border:0;border-radius:0;background:radial-gradient(ellipse at 0 0,#c7922920,transparent 65%),linear-gradient(145deg,#15120788,transparent 55%);box-shadow:none;overflow:hidden}
#moments-rail:before{display:none}
#moments-rail .moments-rail-head{display:block;margin:0 0 22px;padding:0 18px;border:0}
#moments-rail .eyebrow{margin:0 0 12px;color:#d8ad4b;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.18em}
#moments-rail h3{margin:0;color:#f4f0e5;font:900 clamp(25px,3vw,40px)/1.05 var(--display);letter-spacing:.005em}
#moments-rail h3 em{color:#eac05a;font-style:normal}
#moments-rail .moments-reference-description{margin:10px 0 0;color:#aaa89c;font:400 16px/1.5 Arial,sans-serif}
#moments-rail .moments-reference-band{position:relative;display:flex;align-items:center;gap:10px;padding:18px 16px 16px;border:1px solid #ae873e33;border-radius:14px;background:linear-gradient(130deg,#18170de0,#060806ed 65%);box-shadow:inset 0 1px #e7cc8a0b}
#moments-rail .moments-track{display:flex;align-items:start;gap:19px;flex:1;min-width:0;margin:0;padding:6px 3px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
#moments-rail .moments-track::-webkit-scrollbar{display:none}
#moments-rail .moment-rail-item,#moments-rail .moment-rail-item.mine,#moments-rail .moment-reference-create{position:relative;display:grid;justify-items:center;align-content:start;gap:12px;flex:0 0 72px;width:72px;min-width:72px;min-height:0;height:auto;padding:2px 0 0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;scroll-snap-align:start;color:#e8e5d8;text-decoration:none;cursor:pointer}
#moments-rail .moment-rail-item:hover{background:none;box-shadow:none;transform:none}
#moments-rail .moment-rail-item .moment-avatar{width:58px;height:58px;border:2px solid #0b0d08;outline:2px solid #b79b50;outline-offset:2px;box-shadow:none;animation:none;filter:none;background:#282414}
#moments-rail .moment-rail-item.unread .moment-avatar{outline-color:#edc460;box-shadow:0 0 12px #cfac4022}
#moments-rail .moment-rail-item.mine .moment-avatar{outline:3px solid #edc460;box-shadow:0 0 18px #cfac4033}
#moments-rail .moment-rail-item.seen:not(.mine) .moment-avatar{outline-color:#96804b}
#moments-rail .moment-rail-item.unread:after{display:none}
#moments-rail .moment-rail-item.mine:after{content:"";position:absolute;top:-1px;right:1px;width:10px;height:10px;border:3px solid #15170e;border-radius:50%;background:#f3c756;padding:0}
#moments-rail .moment-rail-identity{display:block;width:100%;max-width:100%!important;padding:0}
#moments-rail .moment-rail-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3d2c7;font:400 10px/1.4 Arial,sans-serif}
#moments-rail .moment-rail-item.mine b{color:#efc552;font-weight:700;font-size:12px}
#moments-rail .moment-reference-plus{width:62px;height:62px;display:grid;place-items:center;border:1.5px solid #e1b641;border-radius:50%;color:#e9bd4d;font:300 32px/1 Arial,sans-serif;background:#d9ad2905}
#moments-rail .moment-reference-create>span:last-child{max-width:66px;font:400 11px/1.2 Arial,sans-serif}
#moments-rail .moment-reference-next{width:35px;height:35px;flex:none;display:grid;place-items:center;border:1px solid #aa9a6455;border-radius:50%;background:#080a07;color:#ddbb55;font:28px/1 Arial,sans-serif;cursor:pointer}
#moments-rail .moment-reference-next[hidden]{display:none}
#moments-rail .moment-reference-empty{margin:16px 8px;color:#a59f89;max-width:280px;font:400 12px/1.6 Arial,sans-serif}
#moments-rail button:focus-visible,#moments-rail a:focus-visible{outline:2px solid #eed18b;outline-offset:5px}
@media(max-width:700px){#moments-rail{padding-top:18px}#moments-rail .moments-rail-head{padding-inline:3px;margin-bottom:17px}#moments-rail .eyebrow{font-size:7px;margin-bottom:9px}#moments-rail h3{font-size:27px;line-height:1.1}#moments-rail .moments-reference-description{font-size:11px;line-height:1.6;margin-top:8px}#moments-rail .moments-reference-band{padding:15px 10px 12px;border-radius:11px;gap:7px}#moments-rail .moments-track{gap:12px}#moments-rail .moment-rail-item,#moments-rail .moment-rail-item.mine,#moments-rail .moment-reference-create{flex-basis:65px;width:65px;min-width:65px;gap:10px}#moments-rail .moment-rail-item .moment-avatar{width:51px;height:51px}#moments-rail .moment-reference-plus{width:55px;height:55px;font-size:28px}#moments-rail .moment-rail-identity b{font-size:9px}#moments-rail .moment-reference-create>span:last-child{font-size:10px}#moments-rail .moment-reference-next{width:28px;height:28px;font-size:23px}}

/* Final polish with a lower, compact mobile story band. */
#moments-rail{background:radial-gradient(ellipse at 0 0,#c7922917,transparent 62%);padding-top:20px}
#moments-rail h3 em{background:linear-gradient(110deg,#d4aa43,#f4d680 55%,#d7aa42);background-clip:text;-webkit-background-clip:text;color:transparent}
#moments-rail .moments-reference-band{border-color:#b9934245;background:radial-gradient(ellipse at 0 0,#b6983c0c,transparent 65%),linear-gradient(130deg,#11130ce8,#070906f2);box-shadow:inset 0 1px #e7cc8a14}
#moments-rail .moment-reference-plus{background:radial-gradient(circle at 40% 25%,#d9ad2913,transparent 75%);border-color:#d9b355}
#moments-rail .moment-rail-item .moment-avatar{outline-color:#bfa565}
#moments-rail .moment-rail-item.mine .moment-avatar{outline-color:#edca72}
@media(max-width:700px){
 #moments-rail{padding-top:10px;margin:14px 0 17px}
 #moments-rail .moments-rail-head{margin-bottom:11px;padding-inline:2px}
 #moments-rail .eyebrow{font-size:6px;margin-bottom:7px;letter-spacing:.14em}
 #moments-rail h3{font-size:clamp(18px,5.8vw,24px);line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
 #moments-rail .moments-reference-description{font-size:10px;line-height:1.45;margin-top:6px;color:#a6a596}
 #moments-rail .moments-reference-band{padding:10px 10px 8px;border-radius:9px}
 #moments-rail .moments-track{padding:4px 3px 2px;gap:10px}
 #moments-rail .moment-rail-item,#moments-rail .moment-rail-item.mine,#moments-rail .moment-reference-create{flex-basis:57px;width:57px;min-width:57px;gap:8px}
 #moments-rail .moment-rail-item .moment-avatar{width:43px;height:43px}
 #moments-rail .moment-reference-plus{width:47px;height:47px;font-size:25px}
 #moments-rail .moment-reference-create>span:last-child{font-size:8px;line-height:1.2}
 #moments-rail .moment-rail-identity b{font-size:8px;line-height:1.2}
 #moments-rail .moment-rail-item.mine b{font-size:9px}
 #moments-rail .moment-rail-item.mine:after{width:8px;height:8px;right:0;top:0;border-width:2px}
}