/* ===== Miami Vice theme for iamflavorpark.com (loads after styles.css + iam.css) =====
   pink #ff2e88 · teal #00e5d4 · purple #7b2ff7 · peach #ff9a6b · orange #ffb347 · night navy #0b0a24 → #1a0b3d */
:root{--ink:#0b0a24;--ink-2:#15123a;--cream:#fff4ec;--pink:#ff2e88;--teal:#00e5d4;--purple:#7b2ff7;--peach:#ff9a6b;--orange:#ffb347;
 --copper:#00e5d4;--crimson:#ff2e88;--muted:#aaa5cc;--line:rgba(160,140,255,.16);
 --sunset:linear-gradient(90deg,#ff2e88 0%,#ff6a5c 55%,#ffb347 100%);
 --vice:linear-gradient(90deg,#ff2e88,#7b2ff7 50%,#00e5d4)}
html{background:#0b0a24}
body.iam{background:linear-gradient(180deg,#0b0a24 0%,#120b33 40%,#1a0b3d 100%);color:#f7f3ff}
.iam .top{background:rgba(11,10,36,.82);border-bottom:1px solid rgba(160,140,255,.16)}
.iam .top nav a{color:#dad6ee}.iam .top nav a:hover{color:var(--teal)}
.iam .logo img,.iam .ifoot img{filter:drop-shadow(0 0 10px rgba(255,46,136,.25))}
/* buttons: navy text on sunset for contrast (>=6:1), ghost = teal outline */
.iam .btn-red{background:var(--sunset);color:#12061f;box-shadow:0 8px 26px rgba(255,46,136,.35)}
.iam .btn-red:hover{background:linear-gradient(90deg,#ff4b9b,#ff7d6e 55%,#ffc061);box-shadow:0 10px 32px rgba(255,46,136,.5)}
.iam .btn-ghost{border-color:rgba(0,229,212,.6);color:#fff}
.iam .btn-ghost:hover{border-color:var(--teal);background:rgba(0,229,212,.1);box-shadow:0 0 18px rgba(0,229,212,.35)}
.iam .pill{border-color:rgba(0,229,212,.35);background:rgba(0,229,212,.06);color:#e6fffc}
.iam .pill i{background:var(--teal);box-shadow:0 0 0 0 rgba(0,229,212,.7);animation-name:pulse-teal}
@keyframes pulse-teal{70%{box-shadow:0 0 0 10px rgba(0,229,212,0)}100%{box-shadow:0 0 0 0 rgba(0,229,212,0)}}
.iam .eyebrow{color:var(--teal)}
.iam h2 em,.page h1 em{color:var(--pink);text-shadow:0 0 22px rgba(255,46,136,.35)}
.iam .hash{color:var(--teal)}
.ig-mini:hover{background:var(--pink);border-color:var(--pink)}
/* hero: night sky, sunset glow, retro sun + horizon grid */
.ihero{background:
 radial-gradient(45% 55% at 85% 108%,rgba(255,154,107,.55),transparent 70%),
 radial-gradient(60% 70% at 100% 100%,rgba(255,46,136,.45),transparent 70%),
 radial-gradient(55% 70% at 0% 0%,rgba(123,47,247,.45),transparent 70%),
 linear-gradient(180deg,#0b0a24 0%,#1a0b3d 70%,#2a0f4f 100%)}
.ihero::after{background-image:linear-gradient(rgba(0,229,212,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,212,.09) 1px,transparent 1px);background-size:56px 56px;
 mask-image:linear-gradient(180deg,transparent 55%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 55%,#000 100%)}
.ihero-grid{padding-bottom:96px}
.i-am{background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 24px rgba(255,46,136,.35))}
.iam-title img{filter:drop-shadow(0 0 18px rgba(255,46,136,.3)) drop-shadow(0 10px 30px rgba(0,0,0,.5))}
.bio{color:#ece8fa}
.hint b{color:#fff}
.stack::before{content:"";position:absolute;width:78%;aspect-ratio:1;left:11%;top:6%;border-radius:50%;z-index:0;
 background:repeating-linear-gradient(180deg,transparent 0 62%,rgba(11,10,36,.9) 62% 66%,transparent 66% 72%,rgba(11,10,36,.9) 72% 75%,transparent 75% 80%,rgba(11,10,36,.9) 80% 82%,transparent 82%),linear-gradient(180deg,#ffb347,#ff6a5c 45%,#ff2e88 75%,#7b2ff7);opacity:.85;filter:blur(.3px)}
.card{z-index:1;border-color:rgba(255,255,255,.18)}
.c-c{background:#15123a;border-color:rgba(0,229,212,.35)}
.hashchip{z-index:3;background:var(--teal);color:#0b0a24;box-shadow:0 14px 30px rgba(0,229,212,.35)}
/* ===== ticker (fixed): flat band between hero and wall, seamless -50% loop ===== */
.ticker{position:relative;z-index:2;transform:none;margin:0;overflow:hidden;background:#120e33;
 border-top:2px solid transparent;border-bottom:2px solid transparent;
 border-image:var(--vice) 1;box-shadow:0 0 24px rgba(255,46,136,.18),0 0 24px rgba(0,229,212,.12) inset}
.tick-track{display:flex;width:max-content;gap:0;padding:0;animation:tick var(--tick-dur,48s) linear infinite;will-change:transform;font-size:inherit;letter-spacing:0;text-transform:none}
.tick-group{display:flex;align-items:center;flex:0 0 auto;padding:15px 0}
.tick-group .ti{font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.86rem;color:#fff;white-space:nowrap;padding:0 28px}
.tick-group .ts{font-size:.8rem;line-height:1;color:var(--pink);text-shadow:0 0 10px rgba(255,46,136,.7)}
.tick-group .ts:nth-child(4n+2){color:var(--teal);text-shadow:0 0 10px rgba(0,229,212,.7)}
.tick-track i{display:none}
@keyframes tick{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ticker:hover .tick-track{animation-play-state:paused}
@media (max-width:600px){.tick-group{padding:12px 0}.tick-group .ti{font-size:.74rem;padding:0 18px}}
@media (prefers-reduced-motion:reduce){
 .tick-track{animation:none!important;transform:none!important;width:100%;justify-content:center}
 .tick-group{flex-wrap:nowrap}.tick-group[aria-hidden]{display:none}}
/* sections */
.wall-sec{border-top:0}
.filters button{border-color:rgba(160,140,255,.35)}
.filters button:hover{border-color:var(--teal)}
.filters button.on{background:var(--sunset);border-color:transparent;color:#12061f}
/* tile skins: Miami sunsets, ocean, neon */
.s-cop{background:radial-gradient(120% 80% at 20% 0%,#ffb347 0%,transparent 55%),linear-gradient(165deg,#ff6a5c,#ff2e88 50%,#7b2ff7)}
.s-cop2{background:linear-gradient(135deg,#ffd3b0,#ff9a6b 60%,#ff6a8f)}
.s-red{background:radial-gradient(100% 70% at 80% 10%,#ff6fb0 0%,transparent 55%),linear-gradient(170deg,#ff2e88,#3a0f5c)}
.s-red2{background:conic-gradient(from 210deg at 70% 30%,#ff2e88,#7b2ff7,#00e5d4,#ff2e88)}
.s-ink{background:radial-gradient(80% 90% at 0% 100%,rgba(255,46,136,.5),transparent 60%),radial-gradient(70% 80% at 100% 0%,rgba(0,229,212,.4),transparent 60%),#15123a}
.s-ink2{background:radial-gradient(90% 60% at 50% 110%,rgba(123,47,247,.6),transparent 70%),linear-gradient(180deg,#1c1747,#0b0a24)}
.s-dusk{background:linear-gradient(200deg,#ffb347 0%,#ff2e88 50%,#2a0f4f 100%)}
.s-dusk2{background:linear-gradient(20deg,#0b0a24 10%,#7b2ff7 55%,#00e5d4 100%)}
.s-grid{background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(150deg,#00a99d,#00e5d4 40%,#7b2ff7)}
.s-grid2{background:linear-gradient(rgba(0,229,212,.14) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(0,229,212,.14) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(120deg,#1a0b3d,#7b2ff7 55%,#ff2e88)}
.s-stripe{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 14px,transparent 14px 28px),linear-gradient(110deg,#00e5d4,#7b2ff7 55%,#ff2e88)}
.tile{border-color:rgba(160,140,255,.18)}
.tile:hover{box-shadow:0 22px 40px rgba(0,0,0,.45),0 0 0 1px rgba(0,229,212,.45),0 0 26px rgba(255,46,136,.25)}
.tile .badge.ex{background:rgba(11,10,36,.6)}
.tile .badge.feat{background:var(--teal);color:#0b0a24}
.tile figcaption{background:linear-gradient(transparent,rgba(11,10,36,.75))}
.tile .likes svg{fill:#ff9cc8}
.tile.q blockquote::before{color:var(--teal)}
.tile.q.s-cop2 blockquote,.tile.q.s-cop2 blockquote::before,.tile.q.s-cop2 figcaption{color:#1a0b3d}
.tile.q.s-cop2 .tag{color:#5b1fb8}
.tile.q .tag{color:var(--teal)}
/* spotlight */
.spot-sec{background:linear-gradient(180deg,rgba(123,47,247,.14),rgba(255,46,136,.08))}
.spot{background:rgba(21,18,58,.85);border-color:rgba(160,140,255,.2)}
.av{box-shadow:0 0 0 3px #15123a,0 0 0 5px var(--teal),0 0 16px rgba(0,229,212,.45)}
.spot p{color:var(--peach)}
/* steps */
.step{background:rgba(21,18,58,.6)}
.step::after{background:var(--vice)}
.step .num{background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}
/* submit */
.igcard{background:rgba(21,18,58,.85)}
.igcard:hover{border-color:var(--teal)}
.igcard .follow{background:var(--sunset);color:#12061f}
.sform{background:rgba(21,18,58,.9);border-color:rgba(160,140,255,.22);box-shadow:0 30px 60px rgba(0,0,0,.35),0 0 40px rgba(123,47,247,.15)}
.sform input:focus,.sform textarea:focus,.sform select:focus{outline-color:var(--teal)}
.drop{background:rgba(0,229,212,.05);border-color:rgba(0,229,212,.35)}
.drop .glyph svg{fill:var(--teal)}
.upl input[type=file]::file-selector-button{background:var(--sunset);color:#12061f}
.chk input{accent-color:var(--pink)}
.file-msg{color:#9ffff6}
/* footer */
.ifoot{background:radial-gradient(50% 120% at 100% 100%,rgba(255,46,136,.18),transparent 70%),radial-gradient(40% 100% at 0% 100%,rgba(0,229,212,.1),transparent 70%)}
/* thanks + terms pages */
.page{background:radial-gradient(45% 55% at 85% 108%,rgba(255,154,107,.45),transparent 70%),radial-gradient(55% 70% at 0% 0%,rgba(123,47,247,.45),transparent 70%),radial-gradient(50% 60% at 100% 100%,rgba(255,46,136,.35),transparent 70%),transparent}
.thanks .box img.icon{box-shadow:0 0 0 4px #0b0a24,0 0 0 6px var(--teal),0 0 26px rgba(0,229,212,.45)}
.terms h2{color:#fff}
.terms a{color:var(--teal)}
/* layout fix: grid children must be allowed to shrink (stopped a 9px sideways scroll on mobile) */
.submit>*,.ihero-grid>*{min-width:0}
/* ===== tile media (photos/videos) ===== */
.tile .media,.card .media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;background:#15123a}
.tile.has-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,rgba(11,10,36,.35) 0%,transparent 26%,transparent 52%,rgba(11,10,36,.78) 100%),linear-gradient(135deg,rgba(255,46,136,.12),rgba(0,229,212,.08))}
.tile .badge,.tile .dur,.tile figcaption,.tile blockquote,.tile .vid-ico{z-index:2}
.tile figcaption{position:relative;z-index:2}
.tile .vid-ico{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(11,10,36,.55);border:1px solid rgba(255,255,255,.4)}
.tile .vid-ico svg{width:12px;height:12px;fill:#fff;margin-left:2px}
.tile.video .badge.feat{top:46px}
.tile.has-media:hover .media{transform:scale(1.04)}
.tile .media{transition:transform .5s ease}
/* quote tiles: subtle photo under a tint so text stays readable */
.tile.q .qbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.32;filter:saturate(1.1)}
.tile.q.has-media::before{background:linear-gradient(180deg,rgba(11,10,36,.55),rgba(11,10,36,.75))}
.tile.q.s-cop2 .qbg{opacity:.22;mix-blend-mode:multiply}
.tile.q.s-cop2.has-media::before{background:linear-gradient(180deg,rgba(255,211,176,.55),rgba(255,154,107,.45))}
.tile.q blockquote{position:relative}
/* hero cards */
.card .badge{z-index:2}
.card.c-a::after,.card.c-b::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,10,36,.25),transparent 35%,transparent 70%,rgba(11,10,36,.35));pointer-events:none}
/* spotlight avatars */
.av{overflow:hidden;padding:0}
.av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
@media (prefers-reduced-motion:reduce){.tile .media{transition:none}.tile.has-media:hover .media{transform:none}}
@media (max-width:600px){.tile .vid-ico{top:10px;right:10px;width:24px;height:24px}.tile.video .badge.feat{top:38px;left:12px;right:auto}}