

:root{
  color-scheme:dark;                 
  --bg:#191519; --bg2:#0e0c0f;
  --ink:#f4efe6; --dim:#a29b93; --dimmer:#8c8680; --cream:#f6efe2;
  --gold:#e8c988; --gold-lo:#d9b46c; --gold-hi:#f7e3b0; --gold-ink:#2b2008;
  
  --pink:#f27bb4; --pink-lo:#e8649f; --pink-hi:#ffc6df; --pink-ink:#3b0a24;
  --rose:#e39b91; --sage:#9ecfa6; --sky:#9bbcdc; --plum:#c9a2c8;
  --edge:rgba(255,243,228,.20); --edge-soft:rgba(255,243,228,.11);
  --divider:rgba(255,243,228,.13); --glass:rgba(255,245,232,.05);
  --r-xs:8px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-pill:var(--round,12px);
  --round:12px;   
  --e1:0 1px 2px rgba(14,8,4,.34);
  --e2:0 2px 8px -1px rgba(14,8,4,.42), 0 1px 2px rgba(14,8,4,.3);
  --e3:0 12px 30px -10px rgba(14,8,4,.68), 0 2px 6px rgba(14,8,4,.32);
  --shine:inset 0 1px 0 rgba(255,250,240,.10);
  --shine-hi:inset 0 1px 0 rgba(255,250,240,.20);
  --sans:'Avenir Next','Avenir','Segoe UI',system-ui,sans-serif;
  --mono:'Courier New',Courier,ui-monospace,Menlo,Consolas,monospace;
}


.qmi{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
  vertical-align:-3px;margin-left:4px;padding:0;border-radius:50%;border:1px solid currentColor;
  background:none;color:inherit;font:700 10px var(--sans);cursor:pointer;opacity:.6;
  -webkit-tap-highlight-color:transparent}
.qmi:hover,.qmi:focus-visible,.qmi.on{opacity:1;color:var(--gold);border-color:var(--gold);outline:none}


.acctItem{
  appearance:none; -webkit-appearance:none;
  display:flex; align-items:center; gap:10px; width:100%; text-align:left;
  padding:10px 11px; border:0; border-radius:10px; background:none; cursor:pointer;
  font:600 13px var(--sans); color:var(--ink); text-decoration:none;
  white-space:nowrap;
}
.acctItem:hover{background:rgba(255,248,238,.08)}
.acctItem svg{width:15px; height:15px; stroke:var(--dim); fill:none; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; flex:none}
@media(max-width:640px){ .acctItem{min-height:42px} }


.crNums{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end;margin-bottom:4px}
.crNums .lm{white-space:nowrap}


.overlay{position:fixed;inset:0;background:rgba(10,7,5,.78);z-index:60;display:flex;align-items:center;justify-content:center;padding:26px}
.overlay .osheet{background:var(--bg);border:1px solid var(--edge);border-radius:var(--r-lg);padding:20px 20px 16px;max-width:1100px;width:94vw;max-height:100%;overflow:auto;overscroll-behavior:contain;box-shadow:0 34px 84px -30px rgba(8,5,3,.94)}   
.overlay h2{font-size:17px;margin-bottom:4px}
.overlay .osub{font-size:12.5px;color:var(--dimmer);margin-bottom:12px}
.overlay .oclose{float:right;background:none;border:0;color:var(--dimmer);font:700 18px var(--sans);cursor:pointer;padding:2px 8px}
.overlay .oclose:hover{color:var(--ink)}
.overlay .gridpick{margin-top:0}

@media(hover:none){ html:has(body > .overlay, body > #helpwrap, body > #survey){overflow:hidden} }



.hint{font-size:12.5px;color:var(--dimmer);margin-top:8px}
.hint b{color:var(--dim);font-weight:600}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.btn{
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  gap:9px;border:0;border-radius:var(--round);
  padding:13px 28px;font:700 15px var(--sans);cursor:pointer;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:var(--gold-ink);
  box-shadow:var(--e2),var(--shine-hi), 0 0 34px -8px rgba(232,201,136,.45);
}
.btn:disabled{opacity:.45;cursor:default}
.btn.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--edge-soft);box-shadow:var(--e1)}
.btn.small{padding:6px 14px;font-size:12.5px}
.btn.danger{background:none;border:1px solid var(--edge-soft);color:var(--rose);box-shadow:none}
.panel{background:var(--glass);border:1px solid var(--edge-soft);border-radius:var(--r-md);padding:18px;box-shadow:var(--e1),var(--shine);margin:14px 0}
.panel h3{font-size:14px;margin-bottom:8px}

textarea,input[type=text]{
  width:100%;background:#0a080b;border:1px solid rgba(255,243,228,.16);
  border-radius:var(--round);color:var(--ink);font:400 15px/1.55 var(--sans);
  padding:12px 14px;resize:vertical;
}
textarea::placeholder,input[type=text]::placeholder{color:#8c8680}
textarea:focus,input[type=text]:focus{outline:none;border-color:var(--gold);box-shadow:none}   

@media(max-width:640px){
  .btn{padding:9px 18px; font-size:14px}
  .btn.small{padding:6px 12px; font-size:12px}
  textarea,input[type=text]{padding:10px 12px; font-size:16px}
  input[type=text]{line-height:1.35}
  .overlay h2{font-size:16px}
  .overlay .osub{font-size:12px}
}


.topstripe .brand svg{overflow:visible}   
.fmframe{transition:stroke-opacity .35s ease, stroke .35s ease}
.fmrunlight{fill:none; stroke:var(--gold-hi); stroke-width:7; stroke-linecap:round; stroke-dasharray:16 84; stroke-dashoffset:0; opacity:0}
[data-st="none"] .fmframe{stroke-opacity:.3}
[data-st="run"] .fmframe{stroke-opacity:.42}
[data-st="run"] .fmrunlight{opacity:1; animation:fmrun 2.6s linear infinite}
[data-st="ready"] .fmframe{stroke:var(--gold-hi)}
.brand[data-st="ready"] .fmframe{animation:fmglow 2.4s ease-in-out infinite}
[data-st="fail"] .fmframe{stroke:var(--rose)}
@keyframes fmrun{from{stroke-dashoffset:0} to{stroke-dashoffset:-100}}
@keyframes fmglow{0%,100%{filter:drop-shadow(0 0 2px rgba(247,227,176,.35))} 50%{filter:drop-shadow(0 0 6px rgba(247,227,176,.75))}}

@media (prefers-reduced-motion: reduce){
  [data-st="run"] .fmrunlight{animation:none}
  .brand[data-st="ready"] .fmframe{animation:none; filter:drop-shadow(0 0 4px rgba(247,227,176,.55))}
}

.fmsr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}

.fmbadge{position:absolute; top:-4px; right:-6px; display:grid; place-items:center; min-width:16px; height:16px; padding:0 4px; box-sizing:border-box;
  border-radius:var(--round); background:var(--gold); color:var(--gold-ink); font:700 10px/1 var(--sans); font-style:normal;
  box-shadow:0 0 0 2px var(--bg)}

.fmnow{appearance:none; -webkit-appearance:none; display:flex; align-items:center; gap:10px; width:100%; margin:0 0 4px; padding:10px 11px;
  border:0; border-radius:10px; background:rgba(232,201,136,.07); color:var(--dim); font:500 12.5px/1.35 var(--sans); text-align:left; cursor:pointer}
.fmnow:hover,.fmnow:focus-visible{background:rgba(232,201,136,.14); outline:none}
.fmnow[data-st="none"]{background:none}
.fmnow[data-st="none"]:hover,.fmnow[data-st="none"]:focus-visible{background:rgba(255,248,238,.08)}
.fmnoww{flex:1; min-width:0; overflow-wrap:anywhere}
.fmnoww b{color:var(--ink); font-weight:700}
.fmnowi{color:var(--dim); font-weight:400}   
.fmnow[data-st="run"] .fmnowt{color:var(--gold)}
.fmnow[data-st="ready"] .fmnowt{color:var(--gold-hi)}
.fmnow[data-st="fail"] .fmnowt{color:var(--rose)}
.fmnown{color:var(--dimmer); white-space:nowrap}
.fmnowico{flex:none; width:22px; height:15px; overflow:visible; color:var(--gold)}
.fmnowico .fmframe{fill:none; stroke:currentColor; stroke-width:2}
.fmnowico .fmrunlight{stroke-width:2.8}
@media(max-width:640px){ .fmnow{min-height:42px} }

.fmplist{display:flex; flex-direction:column; gap:8px}
.fmprow{display:flex; align-items:center; gap:6px; padding:5px 6px 5px 4px; border:1px solid var(--edge-soft); border-radius:var(--round); background:rgba(255,245,232,.03)}
.fmprow.on{border-color:rgba(232,201,136,.55); background:rgba(232,201,136,.07)}
.fmpgo{flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-height:44px; padding:5px 8px; border:0; border-radius:calc(var(--round) - 4px);
  background:none; box-shadow:none; color:var(--ink); text-align:left; cursor:pointer}
.fmpgo b{max-width:100%; font:700 14.5px/1.25 var(--sans); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fmpgo small{max-width:100%; font:500 12px/1.3 var(--sans); color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fmprow.on .fmpgo small{color:var(--gold)}
.fmpico{flex:none; display:grid; place-items:center; width:40px; height:40px; min-height:0; padding:0; border:1px solid var(--edge-soft); border-radius:calc(var(--round) - 3px);
  background:none; box-shadow:none; color:var(--dim); cursor:pointer}
.fmpico svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.fmpico:hover,.fmpico:focus-visible{color:var(--gold); border-color:rgba(232,201,136,.5)}
.fmpbin:hover,.fmpbin:focus-visible{color:var(--rose); border-color:rgba(227,155,145,.5)}

.fmprojs.fmpbusy .fmprow:not(:has(.fmpopening)), .fmprojs.fmpbusy .fmpico{opacity:.45; pointer-events:none}
.fmprojs .fmpopening small{display:inline-flex; align-items:center; gap:7px; color:var(--gold)}
.fmprojs .fmpopening .spin, .fmprojs .fmpnew .spin{width:12px; height:12px; vertical-align:-1px}
.fmpnote{margin:0 0 10px; color:var(--sage); font:600 13px/1.4 var(--sans)}

.fmnotice{position:relative; z-index:1; padding:7px 16px; background:var(--gold); color:var(--gold-ink); font:600 13px/1.4 var(--sans); text-align:center}


.fmnums{display:flex; flex-wrap:wrap; gap:14px 22px; padding:12px 14px 13px;
  border-bottom:1px solid var(--divider)}
.fmnums:empty{display:none}   
.fmnum{display:block}
a.fmdoor{text-decoration:none; cursor:pointer; border-radius:10px; padding:4px 6px; margin:-4px -6px}
a.fmdoor:hover, a.fmdoor:focus-visible{background:rgba(255,248,238,.08); outline:none}
a.fmdoor b{text-decoration:none}
.fmnum b{display:block; font:700 20px/1.1 var(--sans); color:var(--gold)}
.fmnum i{display:block; margin-top:2px; font:600 10.5px var(--sans); color:var(--dimmer);
  font-style:normal; letter-spacing:.05em; text-transform:uppercase}
.fmnum b s{font-size:.6em; color:var(--dim); text-decoration:none}

.fmnum i .qmi{width:13px;height:13px;font-size:9px;vertical-align:baseline;margin-left:3px}
.fmwhytext{flex:1 0 100%; margin:2px 0 0; font:400 12px/1.5 var(--sans); color:var(--dim);
  border-left:2px solid rgba(232,201,136,.4); padding-left:10px}


.fmbars{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  padding:0; border-radius:var(--round); border:0; background:none;
  color:var(--ink); cursor:pointer; -webkit-tap-highlight-color:transparent}
.fmbars svg{width:38px; height:38px; stroke-width:1.55}
.fmbars:hover{color:var(--gold)}
.fmbars:focus-visible{outline:2px solid var(--gold); outline-offset:2px}


.topstripe{
  display:flex; align-items:center; gap:12px;
  position:sticky; top:0; z-index:60;
  width:100vw; margin-left:calc(50% - 50vw); box-sizing:border-box;
  padding:12px 22px; min-height:64px;
  
  background:color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--divider);
}
.topstripe .brand{display:flex; align-items:center; color:var(--gold); text-decoration:none; flex:none}
.topstripe .brand svg{height:38px; width:auto; display:block}
.topstripe .brand:hover{color:var(--gold-hi)}
.topstripe .spacer{flex:1; min-width:0}
@media(max-width:640px){
  .topstripe{padding:9px 14px; min-height:56px; gap:8px}
  .topstripe .brand svg{height:31px}
}


.avatarbtn{position:relative; cursor:pointer; flex:none; padding:0; border:0; background:none}
.acctMenu{position:absolute; top:46px; right:0; width:214px; z-index:70;
  border:1px solid var(--edge); border-radius:var(--round);
  background:linear-gradient(180deg,rgba(38,32,38,.99),rgba(22,18,22,.99));
  box-shadow:0 30px 80px -20px rgba(0,0,0,.9); padding:6px;
  max-height:calc(100vh - 60px); max-height:calc(100dvh - 60px); overflow-y:auto; overscroll-behavior:contain}   
.acctMenu[hidden]{display:none}
.acctFlags{display:flex; gap:6px; padding:8px 8px 4px; margin-top:4px; border-top:1px solid var(--divider)}
.flagbtn{flex:1; background:none; border:1px solid transparent; border-radius:9px; padding:7px 0; cursor:pointer;
  font-size:19px; line-height:1; transition:background .12s,border-color .12s}
.flagbtn:hover{background:rgba(255,248,238,.08)}
.flagbtn.on{border-color:var(--gold); background:rgba(232,201,136,.12)}


.spin{display:inline-block; width:14px; height:14px; border:2px solid var(--gold-ink);
  border-top-color:transparent; border-radius:50%; animation:sp .8s linear infinite; vertical-align:-2px}
.spin.gold{border-color:var(--gold); border-top-color:transparent}
@keyframes sp{to{transform:rotate(360deg)}}


.ledrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;
  padding:7px 0;border-bottom:1px solid var(--edge-soft)}
.ledrow:last-child{border-bottom:0}
.ledrow .what{flex:1 1 auto;min-width:0}
.ledrow .amt{flex:0 0 auto;margin-left:auto;white-space:nowrap;color:var(--dim)}
.ledlist{max-height:260px;overflow:auto;padding-right:4px}


.libitem{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;border:1px solid var(--edge-soft,rgba(255,245,232,.12));margin-bottom:8px}
.libitem>div:first-child{min-width:0;flex:1}
.libitem:hover{border-color:var(--gold-lo,rgba(214,173,102,.5));background:rgba(255,245,232,.04)}
.libitem .lt{font-weight:700;font-size:14px}
.libitem .lm{font-size:12px;color:var(--dimmer,#9a938a);overflow-wrap:anywhere}
.libitem .ldel{flex:none;margin-left:auto;color:var(--dimmer,#9a938a);background:none;border:0;cursor:pointer;font-size:16px;padding:2px 6px;position:relative}
.libitem .ldel::before{content:'';position:absolute;inset:-8px}   
.libitem{clear:right}   
.libitem .ldel:hover{color:var(--rose,#e07a7a)}
@media(max-width:640px){ .libitem{padding:9px 10px; gap:10px} .libitem .lt{font-size:13.5px} }   


.cookieNote{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:12px;
  width:max-content;max-width:min(560px, calc(100vw - 32px));padding:10px 10px 10px 16px;border-radius:14px;
  background:var(--bg2);border:1px solid rgba(232,201,136,.28);box-shadow:0 10px 28px rgba(0,0,0,.45);
  color:var(--ink);font-size:13px;line-height:1.45}
.cookieNote p{margin:0;flex:1;color:var(--ink)}
.cookieNote a{color:var(--gold);white-space:nowrap}
.cookieNote button{flex:none;min-height:40px;min-width:56px;padding:0 16px;border-radius:var(--round);border:0;background:var(--gold);
  color:var(--gold-ink);font:inherit;font-weight:600;cursor:pointer}
@media (max-width:560px){ .cookieNote{left:16px;right:16px;transform:none;width:auto;max-width:none;bottom:12px} }

.topstripe .ubackprice{display:inline-flex;align-items:center;margin-left:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:var(--round,12px);color:inherit;text-decoration:none;font-size:14px;line-height:1;white-space:nowrap}
.topstripe .ubackprice:hover{border-color:rgba(255,255,255,.35)}


.fmcredit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:56px;min-height:42px;margin:2px auto;padding:6px 2px;box-sizing:border-box;
  border:1px solid rgba(232,201,136,.38);border-radius:calc(var(--round,12px) - 3px);background:rgba(232,201,136,.06);color:var(--gold,#e8c988);
  cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.fmcredit b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.1 var(--sans);color:var(--gold,#e8c988);font-variant-numeric:tabular-nums}
.fmcredit span{font:600 8.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi,#f7e3b0)}
.fmcredit:hover,.fmcredit:focus-visible{border-color:var(--gold-lo,#d9b46c);background:rgba(232,201,136,.12);outline:none}


.overlay.fmlibrary{padding:18px}
.overlay.fmlibrary .osheet.fmlsheet{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:1180px;height:min(88vh,880px);padding:14px;overflow:hidden}
.overlay.fmlibrary .osheet.fmlsheet.viewing{grid-template-columns:minmax(0,1fr) minmax(320px,42%)}
.overlay.fmlibrary .fmlclose{position:absolute;top:8px;right:8px;z-index:3;float:none}
.fmlleft{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden}

.fmlfind{display:flex;flex:none;align-items:center;padding-right:40px}
.fmlq{flex:1;min-width:0;width:100%;margin:0;padding:8px 12px;box-sizing:border-box;background:#0a080b;border:1px solid rgba(255,243,228,.16);border-radius:var(--round);
  color:var(--ink);font:400 13.5px/1.35 var(--sans);-webkit-appearance:none;appearance:none}
.fmlq::placeholder{color:#8c8680}
.fmlq:focus{outline:none;border-color:var(--gold)}
.fmlchips{display:flex;flex:none;gap:6px;overflow-x:auto;scrollbar-width:none}

.fmlfound{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:4px 10px}
.fmlclear{padding:4px 10px;border:1px solid var(--edge-soft);border-radius:var(--round);background:none;color:var(--gold);font:600 12px var(--sans);cursor:pointer}
.fmlclear:hover,.fmlclear:focus-visible{border-color:rgba(232,201,136,.55);outline:none}
.fmlchips::-webkit-scrollbar{display:none}
.fmlchip{flex:none;padding:7px 12px;border:1px solid var(--edge-soft);border-radius:var(--round);background:none;color:var(--dim);font:600 12.5px var(--sans);white-space:nowrap;cursor:pointer}
.fmlchip small{margin-left:2px;font-size:11px;color:var(--dimmer)}
.fmlchip:hover,.fmlchip:focus-visible{border-color:var(--gold-lo);outline:none}
.fmlchip.on{border-color:rgba(232,201,136,.55);background:rgba(232,201,136,.14);color:var(--gold-hi)}
.fmlchip.on small{color:var(--gold)}

.fmlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.fmlt{position:relative;display:block;aspect-ratio:1/1;padding:0;overflow:hidden;border:1px solid rgba(255,250,242,.06);border-radius:var(--round);background:#17131a;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fmlt.on{outline:2px solid var(--gold);outline-offset:-2px}
.fmlt:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-2px}
.fmlcov{display:block;width:100%;height:100%;object-fit:cover}
.fmlscrim{position:absolute;inset:auto 0 0 0;display:block;padding:18px 8px 6px;background:linear-gradient(transparent,rgba(8,6,9,.86));font-size:10.5px;line-height:1.25}
.fmlscrim b{display:block;overflow:hidden;font-size:11.5px;font-weight:600;color:var(--cream);white-space:nowrap;text-overflow:ellipsis}
.fmlscrim span{display:block;overflow:hidden;color:var(--dim);white-space:nowrap;text-overflow:ellipsis}
.fmltk{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:7px;background:rgba(10,8,11,.72);font:700 9.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}
.fmltk .fmlhd{text-transform:none}
.fmldur{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:7px;background:rgba(10,8,11,.72);font-size:10px;color:var(--ink)}
.fmlplay{position:absolute;left:50%;top:44%;width:30px;height:30px;transform:translate(-50%,-50%);border:1px solid rgba(255,250,242,.35);border-radius:50%;background:rgba(10,8,11,.6)}
.fmlplay::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid var(--cream);border-top:6px solid transparent;border-bottom:6px solid transparent}
.fmlt-video,.fmlt-edit{background:linear-gradient(160deg,#1c1622,#0f0c11)}

.fmlfilm{position:absolute; left:50%; top:44%; width:34px; height:34px; transform:translate(-50%,-50%); color:rgba(246,239,226,.4)}
.fmlfilm svg{display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round}
.fmlt-character{background:radial-gradient(circle at 50% 38%,#2a2230,#120f14 70%)}
.fmlring{position:absolute;left:50%;top:40%;width:62%;aspect-ratio:1;overflow:hidden;transform:translate(-50%,-50%);border:2px solid rgba(232,201,136,.55);border-radius:50%}
.fmlring img,.fmlfc img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}

.fmlring img.fmlpose,.fmlface img.fmlpose,.fmlfc img.fmlpose{width:400%;height:auto;max-width:none;object-fit:fill}

.fmlfc{display:inline-block;flex:none;overflow:hidden;border-radius:50%;vertical-align:middle}
.fmlt-music{background:linear-gradient(160deg,#211a14,#120f12)}
.fmlwave{display:block;fill:var(--gold)}
.fmlt .fmlwave{position:absolute;left:10%;top:22%;width:80%;height:40%;opacity:.85}
.fmlgone .fmlring,.fmlt.fmlgone{background:rgba(255,250,242,.03)}
.fmlt.fmlgone .fmltk,.fmlt.fmlgone .fmlscrim,.fmlview.fmlgone .fmllbl{opacity:.55}   
.fmlmore{display:grid;place-items:center;color:var(--gold);font:600 13px var(--sans);text-align:center}
.fmlsay{margin:6px 2px;color:var(--dim);font-size:13.5px}
.fmlsay a{color:var(--gold)}
.fmlsay.fmlsmall{font-size:12px;color:var(--dimmer)}
.fmlview{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;border-radius:var(--round);background:#070608}
.fmlvmedia{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.fmlvsound{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;padding:28px 18px}
.fmlvsound .fmlwave{width:100%;height:90px}
.fmlvsound audio{width:100%}
.fmllbl{position:absolute;top:10px;left:10px;max-width:calc(100% - 66px);overflow:hidden;padding:5px 9px;border-radius:9px;background:rgba(10,8,11,.72);color:var(--dim);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}
.fmllbl b{font-weight:600;color:var(--cream)}
.fmlib{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:rgba(10,8,11,.72);color:var(--cream);text-decoration:none;cursor:pointer}
.fmlib svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fmlib:hover,.fmlib:focus-visible{color:var(--gold-hi);outline:none}
.fmlshut{position:absolute;top:10px;right:10px}
.fmltools{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px}
.fmluse{display:inline-flex;gap:6px;width:auto;padding:0 13px;background:var(--gold);color:var(--gold-ink);font:700 12.5px var(--sans)}
.fmluse svg{width:14px;height:14px}
.fmluse:hover,.fmluse:focus-visible{background:var(--gold-hi);color:var(--gold-ink)}
.fmlname{position:absolute;left:12px;bottom:66px;font:400 28px/1 'Fraunces',Georgia,serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.fmlfaces{position:absolute;left:10px;bottom:10px;display:flex;gap:6px}
.fmlface{width:44px;height:44px;padding:0;overflow:hidden;border:1px solid rgba(255,250,242,.3);border-radius:8px;background:none;cursor:pointer}
.fmlface.on{border:2px solid var(--gold)}
.fmlface img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.fmlpop{position:absolute;right:10px;bottom:54px;z-index:2;min-width:240px;max-width:calc(100% - 20px);padding:6px;border:1px solid var(--edge);border-radius:var(--round);background:#1c181c;box-shadow:0 12px 30px -10px rgba(14,8,4,.8)}
.fmlph{padding:8px 8px 6px;font:700 9.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.fmlpo{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:9px;background:none;color:var(--ink);font:500 12.5px var(--sans);text-align:left;cursor:pointer}
.fmlpo:hover,.fmlpo:focus-visible{background:rgba(232,201,136,.12);outline:none}
.fmlpo b{font-weight:600}
.fmlpo small{display:block;color:var(--dimmer);font-size:11px}
.fmlpo em{margin-left:auto;color:var(--sage);font-size:11px;font-style:normal;white-space:nowrap}

.fmlmembtn svg{width:16px;height:16px}
.fmlmem{position:absolute;left:10px;right:10px;bottom:54px;z-index:3;max-width:420px;margin-left:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--edge);border-radius:var(--round);background:#1c181c;box-shadow:0 12px 30px -10px rgba(14,8,4,.8)}
.fmlmrow{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid var(--edge);border-radius:var(--round);background:#141114}
.fmlmat{color:var(--gold);font:700 15px var(--sans)}
.fmlmname{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--ink);font:600 15px var(--sans);outline:none}
.fmlmwords{min-height:60px;resize:vertical;padding:9px 10px;border:1px solid var(--edge);border-radius:var(--round);background:#141114;color:var(--ink);font:14px/1.4 var(--sans);outline:none}
.fmlmrow:focus-within,.fmlmwords:focus{border-color:var(--gold-lo)}
.fmlmtags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fmlmtag{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 2px 0 10px;border:1px solid var(--edge);border-radius:var(--round);color:var(--ink);font:500 13px var(--sans)}
.fmlmtag button{width:26px;height:26px;padding:0;border:0;border-radius:var(--round);background:none;color:var(--dim);cursor:pointer}
.fmlmtag button:hover,.fmlmtag button:focus-visible{color:var(--gold-hi)}
.fmlmadd{width:110px;height:30px;padding:0 10px;border:1px dashed rgba(255,243,228,.32);border-radius:var(--round);background:none;color:var(--ink);font:13px var(--sans);outline:none}
.fmlmadd:focus{border-color:var(--gold-lo)}
.fmlmfrom{margin:0;color:var(--dimmer);font-size:12px}
.fmlmfoot{display:flex;align-items:center;gap:10px}
.fmlmkeep{height:36px;padding:0 16px;border:0;border-radius:var(--round);background:var(--gold);color:var(--gold-ink);font:700 13px var(--sans);cursor:pointer}
.fmlmkeep:hover:not(:disabled),.fmlmkeep:focus-visible{background:var(--gold-hi)}
.fmlmkeep:disabled{opacity:.45;cursor:default}
.fmlmsaid{color:var(--dim);font-size:12px}
@media(max-width:900px){
  .overlay.fmlibrary{top:var(--stripe-h,56px);align-items:stretch;padding:0}
  .overlay.fmlibrary .osheet.fmlsheet,.overlay.fmlibrary .osheet.fmlsheet.viewing{grid-template-columns:minmax(0,1fr);max-width:none;height:100%;padding:10px 10px 0;border:0;border-radius:0}
  .fmlgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .fmlq{font-size:16px}   
  .fmlview{position:absolute;inset:0;z-index:2;border-radius:0}
  .fmlmem{max-width:none}
  .fmlmname,.fmlmwords,.fmlmadd{font-size:16px}   
}


#wlCode{text-transform:uppercase}
#wlCode::placeholder{text-transform:none}


.fmlkick{margin:4px 0 8px;font:700 9.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.fmltr{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:7px 8px;border-radius:var(--round);background:rgba(255,245,232,.04)}
.fmltp{position:relative;flex:none;width:28px;height:28px;padding:0;border:1px solid var(--edge);border-radius:50%;background:none;cursor:pointer}
.fmltp::after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid var(--cream);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.fmltp.on::after{left:9px;top:9px;width:8px;height:8px;border:0;border-left:3px solid var(--gold);border-right:3px solid var(--gold);box-sizing:border-box}
.fmltw{flex:1;min-width:0;font-size:12.5px;color:var(--ink)}
.fmltw b{display:block;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.fmltw small{display:block;overflow:hidden;color:var(--dimmer);font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.fmltu{flex:none;padding:4px 10px;border:1px solid rgba(232,201,136,.5);border-radius:calc(var(--round,12px) - 3px);background:none;color:var(--gold);font:700 11.5px var(--sans);cursor:pointer}
.fmltu:hover,.fmltu:focus-visible{background:rgba(232,201,136,.12);outline:none}
.fmltaken{width:auto;padding:0 12px;background:rgba(10,8,11,.72);color:var(--dim);font:600 12px var(--sans);cursor:default}


.fmlt.fmllead{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px dashed rgba(232,201,136,.55); background:rgba(232,201,136,.06); color:var(--gold-hi); cursor:pointer; text-align:center; padding:10px}
.fmlt.fmllead b{font:600 13px/1.2 var(--sans)}
.fmlt.fmllead small{font:400 11px/1.3 var(--sans); color:var(--dim)}
.fmlt.fmllead:hover{background:rgba(232,201,136,.12)}
