/* Shared styles for links.html and socials.html */
:root{--bg:#0a0a0a;--card:#161616;--line:rgba(255,255,255,.14);--text:#f4f1ec;--mute:#aaa59d;--red:#f12c1c;--glow:rgba(241,44,28,.22);color-scheme:dark}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f4f1ec;--card:#fff;--line:rgba(0,0,0,.16);--text:#0a0a0a;--mute:#55504a;--red:#d3180a;--glow:rgba(211,24,10,.16);color-scheme:light}}
:root[data-theme=light]{--bg:#f4f1ec;--card:#fff;--line:rgba(0,0,0,.16);--text:#0a0a0a;--mute:#55504a;--red:#d3180a;--glow:rgba(211,24,10,.16);color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;color:var(--text);font:400 1rem/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.d{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.92}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;z-index:20;padding:.6rem 1rem;border-radius:99px;background:var(--red);color:#fff;font-weight:600;transition:top .2s}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 10px)}
.theme{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:15;min-width:108px;height:44px;padding:0 .9rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(12px);font:600 .78rem Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
@media(hover:hover){.theme:hover{background:var(--red);border-color:var(--red);color:#fff}}
.theme svg{width:18px;height:18px;flex:none}
.theme span{white-space:nowrap}
.ic svg{display:block}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.3rem;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--text);font:600 .88rem Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.share-page{margin:1.8rem 0 0;text-align:center}
.share-page .share{margin:0}
@media(hover:hover){.pill:hover{background:var(--red);border-color:var(--red);color:#fff}}
.theme:active,.pill:active{transform:scale(.97)}
footer{text-align:center;color:var(--mute);font-size:.8rem;padding:1.4rem 1rem 2.4rem}
@media(hover:hover){footer a:hover{color:var(--red)}}
footer a:active{opacity:.7}
#toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:.7rem 1.2rem;border-radius:99px;font-size:.88rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:30}
#toast.on{opacity:1}
.noscript{max-width:420px;margin:3rem auto;padding:0 1rem;text-align:center}
@keyframes up{from{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}