/* no blue, anywhere: the browser paints autofilled fields light blue, selections and focus rings blue, taps blue-grey. Keep the field as designed. */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:focus{-webkit-text-fill-color:currentColor!important;caret-color:currentColor;transition:background-color 600000s ease-in-out 0s!important;background-clip:text!important}
input:autofill,textarea:autofill,select:autofill{background:transparent!important;color:inherit!important;filter:none!important}
::selection{background:#2b2a28;color:#fbfbfa}
*{-webkit-tap-highlight-color:transparent}
input,textarea,select,progress,meter{accent-color:#2b2a28}
:focus-visible{outline-color:currentColor}
/* Night look of the public pages: white sections turn black, text turns white, the black buttons turn white. Photos, video and comp cards are left as they are. */
/* the day/night switch: the same sun and moon icons as the owner console */
.night-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:36px;height:36px;border:0;background:none;color:inherit;opacity:.75;cursor:pointer;padding:0;margin:0}
.night-toggle:hover{opacity:1}
.night-toggle span{font:400 11px/1 'Jost','Helvetica Neue',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body>.night-toggle{position:fixed;left:16px;bottom:16px;z-index:50;color:#fff;mix-blend-mode:difference}
html.night-fade *,html.night-fade{transition:background-color .5s ease,color .5s ease,border-color .5s ease!important}
html[data-night]{color-scheme:dark;
  --white:#121211;--grey:#191918;--deep:#222221;--ink:#f3f2ef;--title:#d6d4cf;--mute:#a09d97;--hl:#363532;
  --cream:#161615;--line:#363532;--text:#cfcdc8;--tile:#222221;--bg:#161615;--alt:#1c1c1b}
html[data-night] body{background:var(--white);color:var(--ink)}
/* buttons: the dark ones become white with dark writing */
html[data-night] .btn,html[data-night] .navstrip .acts .join,html[data-night] .chip,html[data-night] .sl-bar button:hover,html[data-night] .btn.ghost:hover{color:#121211}
html[data-night] .btn.ghost{color:var(--ink)}
html[data-night] .btn.ghost:hover{color:#121211}
html[data-night] .navstrip .acts a.join:hover{color:#121211}
html[data-night] .chip b{color:#121211}
html[data-night] .phones{background:#2c2c2a}
html[data-night] ::selection{background:#f3f2ef;color:#121211}
html[data-night] input,html[data-night] textarea,html[data-night] select,html[data-night] progress,html[data-night] meter{accent-color:#f3f2ef}
html[data-night] input,html[data-night] textarea,html[data-night] select{background:transparent;color:var(--ink);border-color:var(--hl)}
/* the pre-header bar and footer are already dark; keep them clearly apart from the page */
html[data-night] .foot{background:#0b0b0a;border-top:1px solid #2a2a28}
/* logos drawn dark on light: turn them light */
html[data-night] .nav .logo img,html[data-night] header img.logo,html[data-night] .brand img{filter:invert(1) brightness(1.6)}
html[data-night] .nav{background:rgba(18,18,17,.96)}
html[data-night] .cta{background:rgba(243,242,239,.97);color:#121211;border-color:#f3f2ef}
html[data-night] .cta *{color:#121211}
html[data-night] .cta .btn{border:1px solid #000}
/* the legal pages (terms, privacy) */
html[data-night] .s-logo img{filter:invert(1) brightness(1.6)}
html[data-night] .s-btn{color:#121211!important;background:var(--ink);border-color:var(--ink)}
html[data-night] .s-btn:hover{background:#fff}
html[data-night] .s-top nav a,html[data-night] .s-l{color:var(--ink)}
html[data-night] .s-draft{background:#2a2618;color:#e9e2c4}
/* more buttons that are dark in the day and white at night */
html[data-night] .prose .mid-cta .btn,html[data-night] .prose .btn,html[data-night] .fr-links a:hover,html[data-night] .s-join,html[data-night] .s-join:hover,html[data-night] .s-sctl button,html[data-night] .s-signin:hover{color:#121211}

html[data-night] .st{--stbg:#161615;--stink:#f3f2ef}
html[data-night] .st-lab{background:rgba(22,22,21,.82)}
html[data-night] .st-pill:hover{color:#161615}