/* Mini Mixtape — gedeeld dag/nacht-ontwerpsysteem */
/* MINI Sans Serif = lopende tekst; MINI Serif = alleen hoofdtitels in CAPS (uit /static/fonts/) */
@font-face{font-family:'MINI Sans';src:url('/static/fonts/MINISans-Regular.woff2') format('woff2'),url('/static/fonts/MINISans-Regular.woff') format('woff');font-weight:100 600;font-style:normal;font-display:swap}
@font-face{font-family:'MINI Sans';src:url('/static/fonts/MINISans-Bold.woff2') format('woff2'),url('/static/fonts/MINISans-Bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:'MINI Serif';src:url('/static/fonts/MINISerif-Regular.woff2') format('woff2'),url('/static/fonts/MINISerif-Regular.woff') format('woff');font-weight:100 600;font-style:normal;font-display:swap}
@font-face{font-family:'MINI Serif';src:url('/static/fonts/MINISerif-Bold.woff2') format('woff2'),url('/static/fonts/MINISerif-Bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:'MINI Serif';src:url('/static/fonts/MINISerif-Italic.woff2') format('woff2'),url('/static/fonts/MINISerif-Italic.woff') format('woff');font-weight:100 900;font-style:italic;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#000;--paper:#fff;--grey:#F3F3F3;--line:#D9D9D9;--mute:#6b6b6b;--night:#05060D;--qred:#FFFFFF;--qred-core:#FFFFFF;--cyan:#3AD4FF;--cyan-core:#EAFBFF;--red:#E7222E;--ok:#0a7a3d;--serif:'MINI Serif',Georgia,'Times New Roman',serif;--sans:'MINI Sans','Helvetica Neue',Arial,sans-serif}
html,body{height:100%}
body{font-family:var(--sans);-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.serif{font-family:var(--serif);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.mono{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.day{background:#fff;color:#000}
.night{background:radial-gradient(ellipse 110vw 70vh at 50% 0%,#0c1233 0%,#05060D 62%);color:#fff;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;font-family:var(--sans);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;cursor:pointer;user-select:none}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn-ink{background:#000;color:#fff}.btn-ink:disabled{background:#bbb;cursor:not-allowed}
.btn-line{border:1px solid #000;color:#000;background:#fff}
.btn-sm{height:36px;padding:0 14px;font-size:11px}
.field{height:56px;border:1px solid #000;padding:0 16px;font-size:18px;width:100%;background:#fff;border-radius:0;outline:none;font-family:inherit;-webkit-appearance:none}
.field:focus{outline:3px solid #000;outline-offset:2px}
.lbl{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:8px;display:block}
/* neon */
.neon-red{color:#fff;text-shadow:0 0 4px #fff,0 0 14px rgba(255,255,255,.75),0 0 34px rgba(255,255,255,.45)}
.neon-cyan{color:var(--cyan-core);text-shadow:0 0 4px var(--cyan-core),0 0 14px var(--cyan),0 0 34px #19B2E8}
.tube-cyan{border:3px solid #BFEFFF;box-shadow:0 0 6px #BFEFFF,0 0 18px var(--cyan),inset 0 0 12px rgba(58,212,255,.4)}
.nl{display:inline-flex;flex-direction:column;align-items:center}
.nl img{width:var(--nlw,300px);display:block;margin-bottom:-6px;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 14px rgba(255,255,255,.6))}
.nl-frame{border:3px solid #BFEFFF;border-radius:16px;padding:2px 26px 0;box-shadow:0 0 6px #BFEFFF,0 0 18px #3AD4FF,0 0 40px #19B2E8,inset 0 0 14px rgba(58,212,255,.55)}
.nl-frame span{font-family:var(--serif);font-size:calc(var(--nlw,300px)*.28);letter-spacing:.09em;line-height:1.05;color:rgba(5,6,13,.35);-webkit-text-stroke:2.5px #EAFBFF;filter:drop-shadow(0 0 3px #3AD4FF) drop-shadow(0 0 12px #19B2E8);display:block}

.bar-black{background:#000;color:#fff}