:root{
  color-scheme:dark;
  --fp-bg:#080705;
  --fp-panel:#171109;
  --fp-panel-2:#21170d;
  --fp-ink:#f5e9cf;
  --fp-muted:#b8a98c;
  --fp-bronze:#b9772f;
  --fp-gold:#d7a352;
  --fp-line:rgba(201,137,55,.52);
  --fp-line-soft:rgba(201,137,55,.23);
  --fp-shadow:rgba(0,0,0,.58);
  --fp-serif:Georgia,"Times New Roman",serif;
  --fp-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
body.flexplates{
  margin:0;
  min-height:100vh;
  color:var(--fp-ink);
  font:16px/1.45 var(--fp-sans);
  background:
    radial-gradient(circle at 50% -10%,rgba(148,87,29,.18),transparent 38rem),
    linear-gradient(180deg,#0b0805,#070604 55%,#050403);
}
.flex-top{
  position:sticky;top:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
  min-height:70px;padding:12px clamp(18px,4vw,58px);
  border-bottom:1px solid var(--fp-line-soft);
  background:rgba(8,7,5,.94);backdrop-filter:blur(12px)
}
.flex-brand{color:var(--fp-ink);text-decoration:none;font:700 1.2rem/1 var(--fp-serif);letter-spacing:.18em}
.flex-brand small{display:block;margin-top:5px;color:var(--fp-gold);font:700 .54rem/1 var(--fp-sans);letter-spacing:.38em}
.flex-top nav{display:flex;gap:14px;flex-wrap:wrap}
.flex-top nav a{color:var(--fp-muted);text-decoration:none;font:.83rem var(--fp-serif)}
.flex-top nav a[aria-current=page]{color:var(--fp-gold);border-bottom:1px solid var(--fp-gold);padding-bottom:5px}
.flex-shell{max-width:1540px;margin:auto;padding:38px clamp(14px,3vw,40px) 80px}
.flex-hero{max-width:980px;margin:0 auto 34px;text-align:center}
.flex-kicker{margin:0;color:var(--fp-gold);font:700 .66rem var(--fp-serif);letter-spacing:.24em;text-transform:uppercase}
.flex-hero h1{margin:.12em 0;color:#fff0d2;font:700 clamp(3rem,8vw,6.8rem)/.9 var(--fp-serif);letter-spacing:-.04em}
.flex-hero p{max-width:760px;margin:18px auto 0;color:var(--fp-muted)}
.flex-status{min-height:24px;margin:0 0 18px;color:#9d8a6b;font:.82rem var(--fp-mono)}
.flex-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px}
.flex-controls input{
  flex:1 1 280px;min-width:0;padding:11px 13px;
  border:1px solid var(--fp-line);border-radius:8px;background:#100c08;color:var(--fp-ink)
}
.flex-controls button,.flex-button{
  appearance:none;border:1px solid var(--fp-line);border-radius:8px;
  padding:10px 13px;background:#171009;color:#e8d5b3;text-decoration:none;cursor:pointer;font-weight:700
}
.flex-button.primary{background:linear-gradient(180deg,#ddb56d,#a96c2e);color:#1b1006;border-color:#e0b875}
.flex-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.flex-card{
  position:relative;min-width:0;padding:12px;
  border:1px solid #6f431e;border-radius:20px;
  background:linear-gradient(180deg,#20170d,#120e09);
  box-shadow:0 20px 52px var(--fp-shadow),inset 0 0 0 1px rgba(255,219,147,.04)
}
.flex-card:before{
  content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid rgba(205,139,52,.34);border-radius:15px
}
.flex-final-wrap{
  position:relative;z-index:1;overflow:hidden;border:1px solid #986027;border-radius:12px;padding:7px;
  background:#050403;box-shadow:inset 0 0 0 1px rgba(255,220,156,.06)
}
.flex-final-wrap:after{
  content:"";position:absolute;inset:12px;border:1px solid rgba(215,157,73,.20);border-radius:7px;pointer-events:none
}
.flex-final-frame{
  display:block;width:100%;height:auto;aspect-ratio:16/10;border:0;border-radius:7px;background:#000
}
.flex-card-body{position:relative;z-index:1;padding:15px 8px 6px}
.flex-title{margin:0;color:#fff0d2;font:700 clamp(1.35rem,3vw,2rem)/1 var(--fp-serif);overflow-wrap:anywhere}
.flex-artist{margin:7px 0 0;color:#d7c3a1;font:400 .96rem var(--fp-serif);letter-spacing:.065em;text-transform:uppercase}
.flex-id{margin:13px 0 0;color:#8f7b5f;font:10px/1.45 var(--fp-mono);overflow-wrap:anywhere}
.flex-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.flex-actions a{flex:1 1 135px;text-align:center}
.flex-empty{padding:30px;border:1px dashed var(--fp-line);color:var(--fp-muted);text-align:center}
.flex-pager{display:flex;justify-content:center;gap:9px;margin:24px 0 0}
.flex-pager button{min-width:42px}
.flex-one{max-width:1260px;margin:auto}
.flex-one-card{
  position:relative;padding:14px;border:1px solid #8d5524;border-radius:24px;
  background:linear-gradient(180deg,#21170d,#100c08);
  box-shadow:0 30px 90px rgba(0,0,0,.65)
}
.flex-one-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(218,151,62,.36);border-radius:17px;pointer-events:none}
.flex-one-frame-wrap{position:relative;z-index:1;padding:8px;border:1px solid #a0692c;border-radius:14px;background:#020201}
.flex-one-frame{display:block;width:100%;height:min(78vh,900px);min-height:560px;border:0;border-radius:8px;background:#000}
.flex-one-meta{position:relative;z-index:1;padding:19px 10px 6px}
.flex-one-meta h1{margin:0;color:#fff0d2;font:700 clamp(2.2rem,6vw,4.2rem)/.95 var(--fp-serif);overflow-wrap:anywhere}
.flex-exact-note{margin:15px 0 0;padding-top:13px;border-top:1px solid var(--fp-line-soft);color:#9e8a69;font:.77rem/1.5 var(--fp-mono)}
.flex-url{display:block;margin-top:8px;color:#bfa479;overflow-wrap:anywhere}
.flex-one-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.flex-one-links a{text-align:center}
@media(max-width:760px){
  .flex-top{align-items:flex-start}.flex-wall{grid-template-columns:1fr}
  .flex-one-frame{min-height:480px;height:72vh}.flex-one-links{grid-template-columns:1fr}
}
@media(max-width:460px){.flex-shell{padding-inline:10px}.flex-card{padding:9px}.flex-final-frame{aspect-ratio:4/3}}


.flex-poster{display:grid;place-items:center;aspect-ratio:16/10;background:#080705;color:var(--fp-muted);border-radius:7px;overflow:hidden}
.flex-poster[hidden]{display:none}
.flex-poster img{width:100%;height:100%;object-fit:contain;min-height:0}
.flex-actions button{flex:1 1 100%;text-align:center}
@media(max-width:460px){.flex-poster{aspect-ratio:4/3}}