.bottom-menu{position:fixed;z-index:100;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:max-content;max-width:calc(100% - 24px);padding:4px 4px 4px 24px;background:#fff;border-radius:99px;box-shadow:0 8px 32px #0005;font-family:Inter,Arial,sans-serif;text-transform:lowercase;}
.bottom-menu-left{display:flex;align-items:center;gap:24px;}.bottom-brand{display:block;padding:12px 0;flex-shrink:0;}.bottom-brand>span{display:block;overflow:hidden;width:14px;height:16px;transition:width .35s cubic-bezier(.22,1,.36,1);}.bottom-brand img{display:block;max-width:none;width:60.6712px;height:16px;}.bottom-divider{width:1px;height:24px;flex-shrink:0;}.bottom-links{display:flex;align-items:center;gap:1px;}.bottom-links a{padding:10px 16px;border-radius:99px;font:500 13px/20px Inter,Arial,sans-serif;letter-spacing:-.39px;color:rgba(0,0,0,.5);text-decoration:none;white-space:nowrap;}.bottom-links a[aria-current="page"],.bottom-links a:hover{background:#eee;color:#000;}.bottom-actions{display:flex;align-items:center;gap:16px;}.bottom-chat{display:grid;place-items:center;width:40px;height:40px;border-radius:40px;}.bottom-chat img{width:18px;height:18px;}.bottom-chat:hover{background:#eee;}.bottom-start{padding:10px 24px;background:#000;color:#e3e5f1;border-radius:99px;white-space:nowrap;font:500 14px/20px Inter,Arial,sans-serif;text-decoration:none;}.bottom-start:hover{background:#000;}.bottom-menu a:focus-visible{outline:2px solid #82f277;outline-offset:3px;}body{padding-bottom:100px;}html{scroll-padding-top:24px;}
@media(max-width:680px){.bottom-menu{gap:12px;padding-left:12px;bottom:calc(12px + env(safe-area-inset-bottom));}.bottom-menu-left{gap:12px;}.bottom-links a{padding:10px 10px;}.bottom-actions{gap:4px;}.bottom-start{padding:10px 14px;}.bottom-brand:hover>span{width:14px;}}
@media(max-width:440px){.bottom-divider,.bottom-chat{display:none;}.bottom-menu{gap:8px;}.bottom-menu-left{gap:8px;}.bottom-links a{padding:10px 8px;font-size:12px;}.bottom-start{font-size:12px;padding:10px 12px;}}
@media(prefers-reduced-motion:reduce){.bottom-brand>span{transition:none;}}

.bottom-start{position:relative;isolation:isolate;}
.bottom-start .start-label{position:relative;z-index:2;}
.start-smiles{position:absolute;inset:0;pointer-events:none;z-index:-1;}
.start-smiles img{position:absolute;width:40px;height:40px;object-fit:contain;opacity:0;transform:translate(0,12px) scale(.55);transition:opacity .2s ease,transform .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 3px 5px #0003);}
.start-smiles .peek-left{left:-22px;top:-23px;transform:translate(15px,18px) rotate(25deg) scale(.55);}
.start-smiles .peek-top{left:calc(50% - 20px);top:-36px;transition-delay:.05s;}
.start-smiles .peek-right{right:-20px;top:-22px;transform:translate(-14px,18px) rotate(-25deg) scale(.55);transition-delay:.1s;}
.bottom-start:hover .start-smiles img,.bottom-start:focus-visible .start-smiles img{opacity:1;transform:translate(0,0) scale(1);}
.bottom-start:hover .peek-left,.bottom-start:focus-visible .peek-left{transform:rotate(25deg);}
.bottom-start:hover .peek-right,.bottom-start:focus-visible .peek-right{transform:rotate(-25deg);}
@media(prefers-reduced-motion:reduce){.start-smiles img{transition:none;}}
.bottom-start{overflow:visible;}.start-smiles{z-index:1;}.bottom-start .start-label{z-index:2;}
/* Fixed top navigation. */
.bottom-menu{top:calc(20px + env(safe-area-inset-top));bottom:auto;}
body{padding-bottom:0;padding-top:88px;}
html{scroll-padding-top:100px;}
.start-smiles .peek-left{top:23px;transform:translate(15px,-18px) rotate(-25deg) scale(.55);}
.start-smiles .peek-top{top:36px;transform:translate(0,-12px) scale(.55);}
.start-smiles .peek-right{top:22px;transform:translate(-14px,-18px) rotate(25deg) scale(.55);}
.bottom-start:hover .peek-left,.bottom-start:focus-visible .peek-left{transform:rotate(-25deg);}
.bottom-start:hover .peek-right,.bottom-start:focus-visible .peek-right{transform:rotate(25deg);}
@media(max-width:680px){.bottom-menu{top:calc(12px + env(safe-area-inset-top));bottom:auto;}}

/* Reference composition: yellow star, blue star, orange smile. */
.start-smiles img{width:96px;height:96px;max-width:none;}
.start-smiles .peek-left{left:-72px;top:48px;transform:translate(10px,-16px) rotate(20deg) scale(.65);}
.start-smiles .peek-top{left:65px;top:60px;transform:translate(-8px,-18px) rotate(-20deg) scaleX(-1) scale(.65);}
.start-smiles .peek-right{left:145px;right:auto;top:-8px;transform:translate(-18px,4px) scale(.65);}
.bottom-start:hover .peek-left,.bottom-start:focus-visible .peek-left{transform:rotate(20deg);}
.bottom-start:hover .peek-top,.bottom-start:focus-visible .peek-top{transform:rotate(-20deg) scaleX(-1);}
.bottom-start:hover .peek-right,.bottom-start:focus-visible .peek-right{transform:none;}
@media(max-width:680px){.start-smiles img{width:64px;height:64px;}.start-smiles .peek-left{left:-58px;top:44px;}.start-smiles .peek-top{left:20px;top:58px;}.start-smiles .peek-right{left:72px;top:40px;}}
.bottom-menu{transition:opacity .25s,transform .3s;}
.bottom-menu.is-hidden{opacity:0;transform:translate(-50%,-110px);pointer-events:none;}
.top-brand-logo{display:none;}
.bottom-menu.is-at-top{width:calc(100% - 112px);max-width:960px;justify-content:space-between;padding:0;background:transparent;box-shadow:none;border-radius:0;}
.is-at-top .bottom-menu-left{gap:56px;}.is-at-top .bottom-divider{display:none;}
.is-at-top .bottom-brand>span{display:none;}.is-at-top .top-brand-logo{display:block;width:68px;height:18px;}
.is-at-top .bottom-links a{color:#ffffff80;}.is-at-top .bottom-links a[aria-current="page"],.is-at-top .bottom-links a:hover{color:#e3e5f1;background:#151619;}
.is-at-top .bottom-start,.is-at-top .bottom-start:hover{background:#fff;color:#000;}.is-at-top .bottom-chat:hover{background:#151619;}
@media(max-width:680px){.bottom-menu.is-at-top{width:calc(100% - 24px);}.is-at-top .bottom-menu-left{gap:12px;}.is-at-top .top-brand-logo{width:60.44px;height:16px;}}
@media(max-width:440px){.is-at-top .bottom-menu-left{gap:8px;}.is-at-top .top-brand-logo{width:45.33px;height:12px;}}
@media(prefers-reduced-motion:reduce){.bottom-menu{transition:none;}}
/* Animate the compact pill into the original full-width navigation. */
.bottom-menu{width:min(566px,calc(100% - 24px));justify-content:space-between;transition:width .55s cubic-bezier(.22,1,.36,1),padding .55s,background-color .4s,border-radius .4s,box-shadow .4s,opacity .22s,transform .3s;}
.bottom-menu-left{transition:gap .55s cubic-bezier(.22,1,.36,1);}
.bottom-menu.is-at-top{width:min(960px,calc(100% - 112px));max-width:960px;}
.bottom-brand{position:relative;min-width:14px;transition:min-width .55s;}
.is-at-top .bottom-brand{min-width:68px;}
.bottom-brand .top-brand-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:68px;height:18px;opacity:0;pointer-events:none;transition:opacity .3s;}
.is-at-top .bottom-brand .top-brand-logo{opacity:1;}
.is-at-top .bottom-chat img{filter:invert(1);opacity:.6;}
@media(max-width:680px){.bottom-menu.is-at-top{width:calc(100% - 24px);}.is-at-top .bottom-brand{min-width:60.44px;}.bottom-brand .top-brand-logo{width:60.44px;height:16px;}}
@media(max-width:440px){.is-at-top .bottom-brand{min-width:45.33px;}.bottom-brand .top-brand-logo{width:45.33px;height:12px;}}
@media(prefers-reduced-motion:reduce){.bottom-menu,.bottom-menu-left,.bottom-brand,.bottom-brand .top-brand-logo{transition:none;}}
/* Dark compact palette from Figma; motion and scroll states are unchanged. */
.bottom-menu:not(.is-at-top){background:#000;}
.bottom-menu:not(.is-at-top) .bottom-links a{color:rgba(255,255,255,.5);}
.bottom-menu:not(.is-at-top) .bottom-links a[aria-current="page"],.bottom-menu:not(.is-at-top) .bottom-links a:hover{background:#101112;color:#e3e5f1;}
.bottom-menu:not(.is-at-top) .bottom-start,.bottom-menu:not(.is-at-top) .bottom-start:hover{background:#fff;color:#000;}
.bottom-menu:not(.is-at-top) .bottom-chat img{filter:invert(1);opacity:.6;}
.bottom-menu:not(.is-at-top) .bottom-chat:hover{background:#101112;}
/* Compact navigation keeps a fixed symbol width on hover and focus. */
.bottom-menu-left,.bottom-actions{flex-shrink:0;}
@media(max-width:680px){.bottom-menu:not(.is-at-top){width:min(486px,calc(100% - 24px));}.bottom-menu:not(.is-at-top):has(.bottom-brand:hover),.bottom-menu:not(.is-at-top):has(.bottom-brand:focus-visible){width:min(486px,calc(100% - 24px));}.bottom-brand:focus-visible>span{width:14px;}}
@media(max-width:440px){.bottom-menu:not(.is-at-top){width:calc(100% - 24px);}.bottom-menu-left{gap:6px;}.bottom-menu{gap:6px;}.bottom-links a{padding-inline:6px;}.bottom-start{padding-inline:10px;}}
.button-sparks{position:absolute;inset:0;pointer-events:none;z-index:3;}
.button-sparks i{position:absolute;display:block;width:6px;height:2px;border-radius:2px;background:var(--spark-color);box-shadow:0 0 6px var(--spark-color);animation:button-spark-flight .65s ease-out forwards;}
@keyframes button-spark-flight{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.4);}15%{opacity:1;}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rotation)) scale(.1);}}
@media(prefers-reduced-motion:reduce){.button-sparks{display:none;}}

/* Brighter, denser hover sparks. */
.button-sparks i{width:9px;height:3px;background:#fff;box-shadow:0 0 4px #fff,0 0 10px var(--spark-color),0 0 20px var(--spark-color);animation-duration:.8s;}
/* Footer has no top divider on any page. */
footer,footer.editorial-footer,.updated-hawl footer.editorial-footer{border-top:0!important;}
/* Feed is visible while its page is being prepared. */
.feed-coming-soon{display:inline-flex;align-items:center;gap:6px;color:#91939d;cursor:default;}
.soon-label{font:500 9px/14px Inter,Arial,sans-serif;letter-spacing:0;border:1px solid #34363c;border-radius:99px;padding:0 4px;}
.bottom-links>.feed-coming-soon{padding:10px 12px;border-radius:99px;font:500 13px/20px Inter,Arial,sans-serif;letter-spacing:-.39px;color:rgba(255,255,255,.5);white-space:nowrap;}
.bottom-menu:not(.is-at-top){width:min(600px,calc(100% - 24px));}
@media(max-width:680px){.bottom-menu:not(.is-at-top){width:min(514px,calc(100% - 24px));}.bottom-links>.feed-coming-soon{padding-inline:8px;gap:3px;}}
@media(max-width:440px){.bottom-links>.feed-coming-soon{padding-inline:4px;font-size:12px;}.bottom-links .soon-label{font-size:8px;padding-inline:3px;}.bottom-menu,.bottom-menu-left{gap:4px;}}