:root{
  --bg:#0c0c0e; --bg-rgb:12,12,14;
  --panel:#16161a; --panel-2:#1d1d22; --ink:#ececf0; --ink-dim:#9a9aa6;
  --line:#2a2a31; --accent:#3563c9; --accent-ink:#ffffff; --private:#ff8a5b; --radius:14px;
  --card-line:rgba(255,255,255,.13); --year-line:rgba(255,255,255,.52);
  --card-ring:2px; --card-ring-hi:4px;
  --yb-out:clamp(0,calc(1 - var(--yb-p,0) / .75),1);
  --yb-in:clamp(0,calc((var(--yb-p,0) - .78) / .22),1);
  --yr-size:77px; --yr-size-stuck:52px;
  --yr-pad:10px;
  --yr-mb:16px;
  --yr-full:calc(var(--yr-size) + 2 * var(--yr-pad) + var(--card-ring));
  --yr-drop:calc(var(--yr-size) - var(--yr-size-stuck));
  --yr-morph:.34s;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);
  font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hidden{display:none !important}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;flex-wrap:nowrap;
  padding:14px 20px}
#hdrBg{position:fixed;left:0;right:0;top:0;height:var(--tb-h,75px);z-index:20;
  pointer-events:none;
  background:rgba(var(--bg-rgb),calc(.82 * (1 - var(--yb-p,0))));
  border-bottom:1px solid rgba(255,255,255,calc(.07 * (1 - var(--yb-p,0))))}
.brand{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;min-width:0}
.sitenav:empty,.crumbs:empty{display:none}
.logo{color:var(--accent);font-size:22px}
.topbar h1{font-size:34px;margin:0;letter-spacing:.5px;cursor:pointer;line-height:1}
.topbar h1:hover{color:var(--accent)}
.controls{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:nowrap}
.topbar{--ctl-h:46px}
.select{background:var(--panel);border:1px solid var(--line);color:var(--ink);
  height:var(--ctl-h);padding:0 12px;border-radius:12px;font:inherit;font-size:15px}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);
  height:var(--ctl-h);padding:0 18px;border-radius:12px;cursor:pointer;font:inherit;font-size:15px}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn.ghost.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.crumbs{display:flex;flex-wrap:nowrap;gap:9px;align-items:center;padding:0;font-size:23px;
  line-height:1;max-width:26vw;overflow:hidden}
.crumbs a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
.crumbs a:last-child{flex:0 1 auto;min-width:0}
.crumbs a{color:var(--accent);text-decoration:none;cursor:pointer}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{color:var(--ink-dim)} .crumbs .here{color:var(--ink)}
.sech{color:var(--ink-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:18px 20px 12px}
.ctl{display:flex;align-items:center;gap:8px;height:var(--ctl-h);padding-left:11px;
  background:var(--panel);border:1px solid var(--line);border-radius:10px}
.ctl:hover,.ctl:focus-within{border-color:var(--accent)}
.ctl-lbl{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.07em;
  white-space:nowrap}
.ctl .select{border:none;background:transparent;padding:0 4px 0 0;height:100%;
  max-width:170px;cursor:pointer}
.ctl .select:focus{outline:none}
.searchbox{display:flex;align-items:center;flex-direction:row-reverse;
  height:var(--ctl-h);border:1px solid transparent;border-radius:12px;transition:border-color .12s}
.searchbox.open{background:var(--panel);border-color:var(--line)}
.searchbox.open:focus-within{border-color:var(--accent)}
.searchbtn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:var(--ctl-h);height:var(--ctl-h);padding:0;border:1px solid var(--line);
  background:var(--panel);color:var(--ink);border-radius:12px;cursor:pointer}
.searchbox.open .searchbtn{border-color:transparent;background:transparent;color:var(--ink-dim)}
.searchbtn:hover{border-color:var(--accent);color:var(--accent)}
.searchbtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search{width:0;padding:0;border:none;background:transparent;color:var(--ink);
  font:inherit;font-size:16px;min-width:0;transition:width .18s ease}
.search:focus{outline:none}
.search::-webkit-search-cancel-button{display:none}
.searchbox.open .search{width:clamp(160px,22vw,300px);padding:0 4px 0 12px}
.backbtn{flex:0 0 auto;align-self:center;width:46px;height:46px;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:12px;background:var(--panel);
  color:var(--ink-dim);font:inherit;font-size:26px;line-height:1;cursor:pointer;
  transition:background .12s,color .12s,border-color .12s}
.backbtn:hover{background:var(--panel-2);border-color:var(--accent);color:var(--accent)}
.backbtn:active{background:var(--accent);color:var(--accent-ink)}
.totop{flex:0 0 auto;align-self:center;width:46px;height:46px;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:12px;background:var(--panel);
  color:var(--ink-dim);font:inherit;font-size:26px;line-height:1;cursor:pointer;
  transition:background .12s,color .12s,border-color .12s}
.totop:hover{background:var(--panel-2);border-color:var(--accent);color:var(--accent)}
.totop:active{background:var(--accent);color:var(--accent-ink)}
.sitenav{display:flex;gap:16px;align-items:baseline}
.sitenav a{color:var(--ink-dim);text-decoration:none;font-size:15px;white-space:nowrap}
.sitenav a:hover{color:var(--accent)}
.sitenav a.current{color:var(--ink)}
.grain{display:flex;height:var(--ctl-h);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.grain-opt{border:none;background:var(--panel);color:var(--ink-dim);font:inherit;font-size:15px;
  padding:0 17px;cursor:pointer}
.grain-opt + .grain-opt{border-left:1px solid var(--line)}
.grain-opt:hover{color:var(--ink)}
.grain-opt.on{background:var(--accent);color:var(--accent-ink);font-weight:600}
.facets{padding:14px 20px 4px;display:flex;flex-direction:column;gap:9px}
.chiprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chiprow-lbl{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.07em;
  min-width:42px}
.chiprow-lbl.wide{min-width:0;font-size:12px;color:var(--ink)}
.arc-yearsec{margin-bottom:8px}
.arc-year{position:relative;display:block;margin:38px 0 var(--yr-mb);
  height:calc(var(--yr-size) + 2 * var(--yr-pad) + 2 * var(--card-ring));
  cursor:pointer;user-select:none}
.arc-year-box{position:absolute;left:0;right:0;top:0;
  display:flex;align-items:center;justify-content:center;gap:16px;
  box-sizing:border-box;padding:var(--yr-pad) 44px;
  height:var(--yr-full);
  border:0 solid var(--year-line);border-bottom-width:var(--card-ring);
  transition:border-color .12s}
:where(.arc-yearsec:not(.nofold)) .arc-year:hover .arc-year-box{border-color:#fff}
.arc-year-chev{color:var(--ink-dim)}
:where(.arc-yearsec:not(.nofold)) .arc-year:hover .arc-year-t,.arc-year:hover .arc-year-chev{color:var(--accent)}
.arc-year-t{font-size:var(--yr-size);font-weight:800;letter-spacing:-2px;line-height:1;
  color:var(--ink);font-variant-numeric:tabular-nums}
.arc-year-chev{position:absolute;right:36px;top:50%;color:var(--ink-dim);font-size:20px;
  line-height:1;transition:transform .15s}
.arc-year{pointer-events:none}
.arc-year-box{pointer-events:auto;cursor:pointer}
.arc-yearsec.nofold .arc-year-box{cursor:default}
.arc-yearsec.collapsed .arc-year-chev{transform:translateY(-50%) rotate(-90deg)}
.arc-year-chev{transform:translateY(-50%)}
.arc-yearsec.collapsed .arc-year-body{display:none}
.arc-yearsec.collapsed .arc-year{margin-bottom:0}
@media (max-width:600px){
  :root{--yr-size:52px; --yr-size-stuck:38px; --yr-pad:16px; --yr-mb:12px}
  .arc-year{margin:26px 0 var(--yr-mb)}
  .arc-year-box{padding-left:20px;padding-right:20px}
  .arc-year-chev{right:20px}
}
.arc-sec{margin-bottom:22px}
.arc-sec-head{display:flex;align-items:center;justify-content:center;gap:12px;
  position:relative;margin:18px 20px 12px;padding:7px 40px;
  border:var(--card-ring) solid var(--card-line);cursor:pointer;user-select:none;
  transition:border-color .12s}
.arc-sec-head:hover{border-color:var(--accent)}
.arc-sec-title{cursor:pointer}
.arc-sec-title:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.arc-sec-title{font-size:27px;font-weight:700;letter-spacing:-.2px;text-align:center;
  max-width:min(72%,900px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arc-sec-chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:var(--ink-dim);font-size:14px;transition:transform .15s}
.arc-sec.collapsed .arc-sec-chev{transform:translateY(-50%) rotate(-90deg)}
.seccheck{position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;display:flex;align-items:center;
  justify-content:center;border:1.5px solid var(--ink-dim);border-radius:6px;
  background:transparent;color:var(--accent-ink);font-size:13px;line-height:1;
  font-variant-numeric:tabular-nums;cursor:pointer;
  transition:background .12s,border-color .12s}
.seccheck:hover{border-color:var(--accent)}
.seccheck:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.seccheck.on{background:var(--accent);border-color:var(--accent);font-weight:700}
.seccheck.on.part{background:transparent;border-color:var(--accent);color:var(--accent)}
.arc-sec.collapsed .arc-sec-body{display:none}
.arc-sec.collapsed .arc-sec-head{margin-bottom:0}
.arc-sec .items{padding-bottom:0}
@media (max-width:600px){.arc-sec-title{font-size:20px;max-width:68%}}
.rowctl{flex:0 0 auto}
.rownum{width:62px;background:var(--panel);border:1px solid var(--line);color:var(--ink);
  border-radius:10px;padding:7px 6px;font:inherit;font-size:15px;text-align:center;
  font-variant-numeric:tabular-nums}
.rownum:focus{outline:none;border-color:var(--accent)}
:root{--first-gap:38px}
.first-block.arc-yearsec > .arc-year{margin-top:var(--first-gap)}
.first-block.arc-sec > .arc-sec-head{margin-top:var(--first-gap)}
.first-block.folders,.first-block.items{margin-top:var(--first-gap)}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);
  background:var(--panel);color:var(--ink);border-radius:999px;padding:5px 12px;
  font:inherit;font-size:13px;cursor:pointer}
.chip:hover{border-color:var(--accent)}
.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.chip.clear{color:var(--ink-dim);border-style:dashed}
.chip-n{font-size:11px;color:var(--ink-dim)}
.chip.on .chip-n,.chip .chip-x{color:inherit;opacity:.7}
.facet-rack{margin:0 20px 14px}
.facet-shelf{display:flex;align-items:stretch;gap:0;margin:0;
  border:var(--card-ring) solid var(--card-line);background:rgba(255,255,255,.02)}
.facet-shelf + .facet-shelf{border-top:none}
.facet-spine{flex:0 0 30px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;
  border-right:var(--card-ring) solid var(--card-line);
  color:var(--ink-dim);font-size:14px;font-weight:700;line-height:1;
  text-transform:capitalize;user-select:none}
.facet-strip{display:flex;gap:10px;overflow-x:auto;padding:10px;scrollbar-width:thin;flex:1 1 auto}
.facet-tile{flex:0 0 auto;width:132px;background:var(--panel);border:1px solid var(--line);
  overflow:hidden;cursor:pointer;transition:transform .12s,border-color .12s;
  outline:4px solid transparent;outline-offset:-4px}
.facet-tile:hover{transform:translateY(-2px);border-color:var(--accent)}
.tile.solo-video{position:relative;overflow:visible;--solo-mark-gap:34px}
.tile.solo-video::before,.tile.solo-video::after{content:var(--solo-mark,"");
  position:absolute;top:50%;transform:translateY(-50%);
  color:#5c5c68;font-size:68px;line-height:1;font-weight:700;
  pointer-events:none;z-index:2}
.tile.solo-video.playing .vidmark{display:none}
.tile.solo-video video.solo-vid{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;background:#000;z-index:1;pointer-events:none}
.tile.solo-video::before{right:calc(100% + var(--solo-mark-gap))}
.tile.solo-video::after{left:calc(100% + var(--solo-mark-gap))}
.facet-tile.selected{outline-color:var(--accent);border-color:var(--accent);
  box-shadow:0 0 0 2px var(--bg),0 0 14px 2px color-mix(in srgb,var(--accent) 60%,transparent);
  transform:translateY(-2px)}
.facet-tile.zero{opacity:.34}
.facet-tile .fthumb{aspect-ratio:1;background:#000 center/cover no-repeat}
.facet-tile .fthumb.swatch{display:flex;align-items:center;justify-content:center}
.fswatch{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums}
@media (max-width:600px){.ctl-lbl{display:none} .sitenav{gap:12px}}
:root{--tile-gap:22px}
.folders,.items{--tile-w:calc((100% - (var(--cols,5) - 1) * var(--tile-gap) - 1px) / var(--cols,5))}
.folders>*,.items>*{flex:0 0 auto;min-width:0;width:var(--tile-w)}
.items>.tile.solo-video{width:calc(var(--tile-w) * 2 + var(--tile-gap))}
.items[data-n="1"]>.tile:not(.solo-video){
  width:min(calc(var(--tile-w) * 1.6 + var(--tile-gap) * .6), 100%)}
.items[data-n="2"]>.tile{
  width:min(calc(var(--tile-w) * 1.6 + var(--tile-gap) * .6),
            calc((100% - var(--tile-gap)) / 2))}
.items[data-n="3"]>.tile{
  width:min(calc(var(--tile-w) * 1.3 + var(--tile-gap) * .3),
            calc((100% - var(--tile-gap) * 2) / 3))}
.folders{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tile-gap);padding:0 20px}
.folder{background:var(--panel);overflow:hidden;cursor:pointer;
  outline:var(--card-ring) solid var(--card-line);
  transition:transform .12s,outline-color .12s,outline-width .12s}
.folder:hover{transform:translateY(-2px);outline:var(--card-ring-hi) solid #fff}
.folder .fthumb{aspect-ratio:1;background:#000 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#3a3a42;font-size:34px}
.folder .fmeta{padding:10px 11px;text-align:center}
.folder .fname{font-size:19px;font-weight:700;letter-spacing:-.2px;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.folder .fname{font-size:16px}}
.items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tile-gap);padding:0 20px 60px}
.tile{background:var(--panel);overflow:hidden;cursor:pointer;position:relative;
  outline:var(--card-ring) solid var(--card-line);
  transition:outline-color .12s,outline-width .12s}
.tile:hover{outline:var(--card-ring-hi) solid #fff}
.tile.dragging{opacity:.35}
.tile[draggable="true"]{cursor:grabbing}
.tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#000}
.tile .del{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.65);border:1px solid var(--line);color:#ff6b6b;border-radius:6px;padding:1px 7px;cursor:pointer;font-size:11px}
.folder .vidmark,.tile .vidmark{position:absolute;top:8px;left:8px;z-index:2;
  width:52px;height:52px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.45);
  pointer-events:none}
.folder .vidmark svg,.tile .vidmark svg{width:32px;height:32px;display:block;fill:#fff}
.empty{text-align:center;color:var(--ink-dim);padding:60px 20px}
.editdrawer{position:fixed;left:0;right:0;bottom:0;z-index:40;
  height:var(--hdr,64px);box-sizing:border-box;
  background:var(--panel);border-top:1px solid var(--line);
  display:flex;align-items:center;padding:0 20px}
.editdrawer.off{display:none}
.editdrawer.empty .ed-inner{display:none}
.ed-inner{display:flex;align-items:center;gap:18px;width:100%;
  max-width:1400px;margin:0 auto}
.ed-field{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}
.ed-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-dim);white-space:nowrap;flex:0 0 auto}
.ed-field input[type=text]{background:var(--bg);border:1px solid var(--line);color:var(--ink);
  border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;min-width:0;width:100%}
.ed-field input[type=text]:focus{outline:none;border-color:var(--accent)}
.ed-field input:disabled{opacity:.5;cursor:not-allowed}
.ed-field input.dirty{border-color:var(--accent)}
.ed-thumb{flex:0 1 300px}
.ed-thumb input[type=range]{width:100%;min-width:120px;accent-color:var(--accent);cursor:pointer}
.ed-thumb.hidden{display:none}
.ed-toggle{flex:0 0 auto;cursor:pointer}
.ed-checkwrap{display:flex;align-items:center;gap:6px;white-space:nowrap}
.ed-checkwrap input[type=checkbox]{accent-color:var(--accent);cursor:pointer;margin:0}
.ed-checklbl{font-size:13px;color:var(--ink-dim)}
.ed-status{flex:0 0 auto;font-size:12px;color:var(--ink-dim);min-width:70px;text-align:right}
.ed-status.err{color:#ff6b6b}
@media (max-width:760px){
  .ed-lbl{display:none}
  .ed-inner{gap:10px}
}
.rename-input{font:inherit;font-size:inherit;font-weight:inherit;color:var(--ink);
  background:var(--bg);border:1px solid var(--accent);border-radius:6px;
  padding:2px 8px;text-align:inherit;min-width:120px;max-width:90%}
.rename-input:focus{outline:none}
.folder{position:relative}
.folder .pickmark,.tile .pickmark{position:absolute;top:8px;right:8px;z-index:2;
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.45);
  color:#fff;font-size:13px;line-height:1;
  font-variant-numeric:tabular-nums;pointer-events:none}
body.selecting .folder:hover,body.selecting .tile:hover{outline-color:var(--accent)}
.folder.picked,.tile.picked{outline:var(--card-ring-hi) solid var(--accent)}
.folder.picked .pickmark,.tile.picked .pickmark{background:var(--accent);color:var(--accent-ink);
  border-color:var(--accent);font-weight:700}
.folder.picked.part{outline-width:var(--card-ring)}
.arc-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,14px);z-index:60;
  background:var(--panel-2,#1b1b20);border:1px solid var(--line);color:var(--ink,#eee);
  border-radius:10px;padding:10px 16px;font-size:13px;opacity:0;pointer-events:none;
  transition:opacity .18s,transform .18s}
.arc-toast.show{opacity:1;transform:translate(-50%,0)}
.upload{margin:12px 20px 0;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.upload-grid input,.upload-grid select{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:9px 11px;border-radius:9px;font:inherit}
.upload-grid .btn.primary{grid-column:1 / -1}
.file-drop{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--line);border-radius:10px;padding:18px;cursor:pointer;color:var(--ink-dim)}
.file-drop:hover{border-color:var(--accent);color:var(--ink)} .file-drop input{display:none}
.upload-status{margin-top:10px;font-size:13px;color:var(--ink-dim)}
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}
.lb-close{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;font-size:26px;cursor:pointer}
.lb-stage{max-width:92vw;max-height:78vh;display:flex;align-items:center;justify-content:center}
.lb-stage img,.lb-stage video{max-width:92vw;max-height:78vh}
.lb-meta{color:var(--ink-dim);text-align:center;max-width:700px}
.lb-meta .t{color:var(--ink);font-size:18px;margin-bottom:4px}
:root{--media-h:max(300px,calc(100vh - var(--hdr,64px) - 119px - var(--editdrawer,0px)))}
.detail.single{height:calc(100vh - var(--hdr,64px) - var(--editdrawer,0px));padding:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.stage{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.stage-inner{position:relative;display:flex;align-items:center}
.stage-media{display:flex;align-items:center;justify-content:center}
.stage-media img,.stage-media video{height:var(--media-h);width:auto;
  max-width:96vw;object-fit:contain;display:block}
.navarr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:rgba(0,0,0,.45);color:var(--ink);font-size:24px;line-height:1;
  cursor:pointer;opacity:0;transition:opacity .18s,border-color .12s}
.navarr.prev{left:-62px} .navarr.next{right:-62px}
@media (max-width:760px){.navarr.prev{left:6px} .navarr.next{right:6px}}
.navarr:hover{border-color:var(--accent);color:var(--accent)}
#items-wrap.show-arrows .navarr{opacity:1}
#items-wrap.show-arrows .navarr:disabled{opacity:.28;cursor:default}
.navarr:disabled:hover{border-color:var(--line);color:var(--ink)}
.capwrap{flex:0 0 auto;width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;padding:0 20px}
.capbar{display:flex;align-items:center;justify-content:center;gap:10px;
  max-width:min(1100px,90vw);text-align:center}
.captext{font-size:30px;font-weight:700;line-height:1.18;white-space:pre-wrap}
.capdate{font-size:21px;line-height:1.15;color:var(--ink-dim);font-variant-numeric:tabular-nums}
.capedit{background:none;border:1px solid var(--line);color:var(--ink-dim);
  border-radius:7px;padding:1px 7px;cursor:pointer;font-size:12px}
.capedit:hover{border-color:var(--accent);color:var(--accent)}
.detail.strip{height:calc(100vh - var(--hdr,64px) - var(--editdrawer,0px));padding:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.strip-row{flex:0 0 auto;display:flex;gap:clamp(28px,3.5vw,64px);align-items:center;
  justify-content:flex-start;width:100%;
  overflow-x:auto;overflow-y:hidden;padding:0 20px;
  scrollbar-width:none;-ms-overflow-style:none}
.strip-row::-webkit-scrollbar{display:none}
.stage-media video::-webkit-media-controls,
.strip-cell video::-webkit-media-controls{display:none !important}
.stage-media video{cursor:pointer}
.strip-cell{flex:0 0 auto;height:var(--media-h);cursor:pointer}
.strip-cell img,.strip-cell video{display:block;height:100%;width:auto;
  object-fit:contain;background:#000}
.detail-eyebrow{color:var(--accent);font-size:26px;text-transform:uppercase;letter-spacing:.08em}
.detail-title{font-size:48px;margin:10px 0 26px;line-height:1.15}
.detail-fields{margin:0}
.detail-field{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.detail-field dt{color:var(--ink-dim);font-size:28px}
.detail-field dd{margin:0;font-size:31px;word-break:break-word}
.vis-pill{display:inline-block;font-size:24px;padding:4px 18px;border-radius:999px;border:1px solid}
.vis-pill.private{color:var(--private);border-color:var(--private)}
.vis-pill.public{color:var(--accent);border-color:var(--accent)}
@media (max-width:760px){.detail-field{grid-template-columns:1fr;gap:4px}}
.subbar{position:sticky;bottom:0;z-index:15;display:flex;gap:10px;align-items:center;
  padding:10px 16px;background:var(--bg);border-top:1px solid var(--line);
  overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.subpart{display:flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer;
  background:transparent;border:1px solid var(--line);border-radius:10px;
  padding:6px 10px 6px 6px;color:var(--ink-dim);font:inherit;font-size:13px}
.subpart:hover{border-color:var(--accent)}
.subpart.current{border-color:var(--accent);color:var(--ink);background:var(--card,rgba(255,255,255,.04))}
.sp-thumb{width:34px;height:34px;border-radius:6px;flex:0 0 auto;
  background:var(--line) center/cover no-repeat}
.sp-name{white-space:nowrap;max-width:22ch;overflow:hidden;text-overflow:ellipsis}
.sp-count{font-variant-numeric:tabular-nums;opacity:.6;font-size:12px}
@media (max-width:760px){ .sp-name{max-width:12ch} }
body.has-dot-cursor,
body.has-dot-cursor *{cursor:none}
body.has-dot-cursor.native-cursor,
body.has-dot-cursor input,
body.has-dot-cursor textarea,
body.has-dot-cursor [contenteditable=true]{cursor:auto}
body.has-dot-cursor input[type=text],
body.has-dot-cursor input[type=search],
body.has-dot-cursor textarea{cursor:text}
body.has-dot-cursor input[type=range]{cursor:pointer}
.cursor-wrap{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;
  opacity:0;transition:opacity .15s ease;will-change:transform}
.cursor-wrap.on{opacity:1}
.cursor-dot{width:34px;height:34px;border-radius:50%;box-sizing:border-box;
  transform:translate(-50%,-50%) scale(.32);
  background:#fff;border:0 solid #fff;
  mix-blend-mode:difference;
  transition:transform .2s cubic-bezier(.22,1,.36,1),
             background-color .2s ease, border-width .2s ease}
.cursor-wrap.hot .cursor-dot{transform:translate(-50%,-50%) scale(1);
  background:transparent;border-width:2px}
.cursor-wrap.down .cursor-dot{transform:translate(-50%,-50%) scale(.26)}
.cursor-wrap.hot.down .cursor-dot{transform:translate(-50%,-50%) scale(.82)}
@media (prefers-reduced-motion: reduce){
  .cursor-dot{transition:background-color .2s ease,border-width .2s ease}
}
.grain.cats{margin-right:10px}
.grain.cats .cat-opt{text-transform:lowercase}
.grain.cats .cat-opt.as-typed{text-transform:none}
.grain.cats.hidden{display:none}
.cat-opt.color-opt{display:inline-flex;align-items:center;gap:7px}
.cat-spectrum{width:13px;height:13px;border-radius:50%;flex:0 0 auto;
  background:conic-gradient(#e5484d,#f2a03d,#f5d44a,#5bbf6a,#3fb6bd,#4a7fe0,#8b5cd6,#e05ab5,#e5484d)}
.cat-opt.color-opt.on .cat-spectrum{box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.arc-band{display:flex;align-items:center;gap:11px}
.topbar .controls>*:not(#selectToggle):not(#selectCopy):not(#selectClear):not(#searchWrap){
  opacity:var(--yb-out)}
body.yb-shift .controls>*:not(#selectToggle):not(#selectCopy):not(#selectClear):not(#searchWrap){
  pointer-events:none}
.yb-only{opacity:var(--yb-in);pointer-events:none}
body.yb-shift .yb-only{pointer-events:auto}
#brandTitle{opacity:calc(1 - var(--yb-p,0) * .68)}
#hdrBg{backdrop-filter:blur(calc(10px * (1 - var(--yb-p,0))))}
.topbar.yb-mode{pointer-events:none}
.topbar.yb-mode .brand>*,.topbar.yb-mode .controls>*{pointer-events:auto}
.topbar.yb-mode>.yb-split{pointer-events:none}
.arc-year{z-index:21}
body.yb-live .arc-year.yb-face{z-index:22}
body.yb-live:not(.yb-faced) .arc-year:not(.yb-face):not(.yb-stuck){z-index:23}
.arc-year-box{background:var(--bg)}
body.yb-live .arc-year{position:sticky;top:0}
body.yb-live .arc-yearsec{display:contents}
body.yb-live .arc-year-body{margin-bottom:8px}
body.yb-live:not(.yb-faced) .arc-year:not(.yb-face) .arc-year-box{
  background:rgba(var(--bg-rgb),calc(1 - var(--p,0)));
  border-bottom-color:rgba(255,255,255,calc(.52 * (1 - var(--p,0))))}
body.yb-live .arc-year.yb-face .arc-year-box{
  border-bottom-color:rgba(255,255,255,calc(.52 * (1 - var(--p,0))))}
body.yb-live .arc-year .arc-year-box{
  height:calc(var(--yr-full) - var(--p,0) * (var(--yr-full) - var(--yb-h,74px)))}
body.yb-live .arc-year .arc-year-t{
  font-size:calc(var(--yr-size) - var(--p,0) * var(--yr-drop));
  opacity:calc(1 - var(--p,0) * .68)}
.arc-year-t{position:relative;display:block}
.yn{display:block}
body.yb-live .arc-band .arc-year-t{opacity:1}
.arc-band .yn{transition:color var(--yr-morph) ease}
body.yb-live .arc-year.yb-proxy .arc-year-box{cursor:default}
body.yb-live .arc-year.yb-proxy:hover .arc-year-box{border-color:var(--year-line)}
body.yb-live .arc-year.yb-proxy:hover .arc-year-t,
body.yb-live .arc-year.yb-proxy:hover .arc-year-chev{color:inherit}
.topbar{z-index:24;background:transparent;border-bottom:0}
.btn.iconbtn{width:var(--ctl-h);padding:0;font-size:22px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center}
.btn.iconbtn.has-count{width:auto;padding:0 14px;font-size:18px;gap:6px}
.items.items-grid{display:grid;grid-template-columns:repeat(var(--cols,5),1fr);
  align-content:start}
.items.items-grid>*{width:auto}
.items.items-grid>.tile.solo-video{width:auto}
.items.items-grid>.tile{aspect-ratio:1}
.cfill{pointer-events:none;border-radius:0;
  background-repeat:no-repeat;background-size:cover;
  opacity:.55}
.yb-jump{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.yb-jump::-webkit-scrollbar{display:none}
.yb-split{position:absolute;left:0;right:0;top:0;height:var(--yb-h,74px);
  opacity:var(--yb-in);pointer-events:none}
.yb-split-half{position:absolute;top:0;height:100%;display:flex;align-items:center;
  gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-ms-overflow-style:none}
.yb-split-half::-webkit-scrollbar{display:none}
.yb-split-half.l{left:var(--yb-sl,290px);right:calc(50% + var(--yr-mid-gap,240px) / 2)}
.yb-split-half.r{right:var(--yb-sr,146px);left:calc(50% + var(--yr-mid-gap,240px) / 2)}
.yb-split-half.l>button:first-child{margin-left:auto}
:root{--yr-mid-gap:240px}
body.yb-shift .yb-split button{pointer-events:auto}
body.yb-shift .yb-split button[aria-current="true"]{pointer-events:none}
.topbar .yb-jump{opacity:var(--yb-out)}
body.yb-shift .yb-jump{pointer-events:none}
.yb-jump button,.yb-split button{background:var(--panel);border:1px solid rgba(255,255,255,.07);
  border-radius:12px;color:#6e6e78;font:inherit;font-size:16px;line-height:1;
  height:38px;padding:0 14px;cursor:pointer;white-space:nowrap;
  transition:color .12s,background .12s,border-color .12s,opacity .3s ease}
.yb-jump button:hover,.yb-split button:hover{color:var(--accent);border-color:var(--accent);background:var(--panel-2)}
.yb-jump button[aria-current="true"],.yb-split button[aria-current="true"]{opacity:.38;pointer-events:none}
@media (max-width:1200px){
  .yb-jump,.yb-split-half{gap:4px}
  .yb-jump button,.yb-split button{font-size:14px;padding:0 9px;height:34px}
}
.topbar .fit-off{display:none !important}
.topbar.fit-tight{gap:8px;padding-left:12px;padding-right:12px}
.topbar.fit-tight .brand{gap:6px}
.topbar.fit-tight .controls{gap:5px}
.endpad{display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  border-top:3px solid #3a3a3e}
.endnote{color:var(--ink-dim);font-size:15px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.arc-sec-head.opens{cursor:pointer}
.arc-sec-head.opens:hover .arc-sec-title{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
#items-wrap.natural .items{align-items:flex-start}
#items-wrap.natural .items>.tile{--a:var(--nat-ref);--k:1;--kg:0;max-width:100%;
  width:calc((var(--tile-w) * var(--k) + var(--tile-gap) * var(--kg)) * var(--a) / var(--nat-ref))}
#items-wrap.natural .items[data-n]>.tile{
  width:calc((var(--tile-w) * var(--k) + var(--tile-gap) * var(--kg))
              * var(--a) / var(--nat-ref) * var(--nat-scale, 1))}
#items-wrap.natural .items[data-n="1"]>.tile,
#items-wrap.natural .items[data-n="2"]>.tile{--k:1.6;--kg:.6}
#items-wrap.natural .items[data-n="3"]>.tile{--k:1.3;--kg:.3}
#items-wrap.natural .tile img{aspect-ratio:var(--a);object-fit:contain}
.items[data-n="1"]:not(.items-grid)>.tile.solo-video.wide-solo{
  width:min(calc((var(--tile-w) * 2 + var(--tile-gap)) * var(--a)), 100%)}
.items[data-n="1"]:not(.items-grid)>.tile.wide-solo:not(.solo-video){
  width:min(calc((var(--tile-w) * 1.6 + var(--tile-gap) * .6) * var(--a)), 100%)}
.items[data-n="1"]:not(.items-grid)>.tile.wide-solo img{aspect-ratio:var(--a)}
.items[data-n="1"]:not(.items-grid)>.tile.tall-solo img{aspect-ratio:1/1.15}
.tile.solo-video .solo-snd{position:absolute;right:12px;bottom:12px;z-index:3;
  width:40px;height:40px;border-radius:50%;border:0;padding:9px;cursor:pointer;
  background:rgba(12,12,14,.72);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:opacity .4s}
.tile.solo-video .solo-snd svg{width:100%;height:100%}
.tile.solo-video .solo-snd.gone{opacity:0;pointer-events:none}
.yb-step,.mbar{display:none}
html.m-feed{
  --m-bar:#1a1a1a;            
  --m-band:#0b0d2b;           
  --m-gut:8px;
  --first-gap:10px;           
  --yr-size:60px; --yr-size-stuck:46px; --yr-pad:5px;
}
html.m-feed body{padding-bottom:64px}
html.m-feed .topbar{--ctl-h:42px;padding:12px var(--m-gut);gap:6px;flex-wrap:nowrap}
html.m-feed .brand{gap:6px;flex-wrap:nowrap;flex:0 0 auto}
html.m-feed #brandTitle,html.m-feed #crumbs,html.m-feed #siteNav,html.m-feed .yb-jump,
html.m-feed .yb-split{display:none}
html.m-feed .backbtn,html.m-feed .totop{width:42px;height:42px;font-size:22px;border-radius:11px}
html.m-feed .controls{flex:1 1 auto;min-width:0;gap:5px;flex-wrap:nowrap;justify-content:space-between;margin-left:0}
html.m-feed .grain.media,html.m-feed .grain:has(#grainCollapse),
html.m-feed #editToggle,html.m-feed #editCancel,html.m-feed #editSave,
html.m-feed #selectToggle,html.m-feed #selectCopy,html.m-feed #selectClear{display:none !important}
html.m-feed .grain.cats{flex:0 1 auto;min-width:0;margin-right:0}
html.m-feed .grain.cats .cat-opt{font-size:12px;padding:0 5px;white-space:nowrap}
html.m-feed .cat-opt.color-opt{gap:3px}
html.m-feed .ctl{padding:0 4px 0 6px;gap:2px;flex:0 0 auto}
html.m-feed .ctl-lbl{display:inline;font-size:8px;letter-spacing:.05em}
html.m-feed .ctl .select{font-size:12px;padding:0;width:62px}
html.m-feed .searchbtn{width:42px;height:42px}
html.m-feed #searchWrap.open{position:absolute;left:var(--m-gut);right:var(--m-gut);top:12px;z-index:5}
html.m-feed #searchWrap.open .search{width:100%}
html.m-feed .totop{position:absolute;right:var(--m-gut);top:12px}
html.m-feed .yb-step{display:block;position:absolute;left:0;right:0;top:12px;height:42px;
  pointer-events:none;opacity:var(--yb-in)}
html.m-feed body.yb-shift .yb-step{pointer-events:none}
html.m-feed body.yb-shift .yb-step-btn:not(.off){pointer-events:auto}
html.m-feed .yb-step-btn{position:absolute;top:2px;width:46px;height:38px;padding:0}
html.m-feed .yb-step-btn.prev{right:calc(50% + 72px)}
html.m-feed .yb-step-btn.next{left:calc(50% + 72px)}
html.m-feed .yb-step-btn.off{visibility:hidden}
html.m-feed .yb-step-btn{background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);
  font:700 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer}
html.m-feed .yb-step-btn.ghost{opacity:.32;cursor:default}
html.m-feed .arc-year-chev{display:none}
html.m-feed .arc-year{margin:4px 0 0}
html.m-feed .arc-year-box{padding-left:var(--m-gut);padding-right:var(--m-gut)}
html.m-feed .feed{display:flex;flex-direction:column;padding-top:12px}
html.m-feed .fcard{position:relative;padding:8px var(--m-gut) 0;border-top:12px solid var(--m-band)}
html.m-feed .feed>.fcard:first-child{border-top:0;padding-top:0}
html.m-feed .fc-frame{position:relative;aspect-ratio:var(--fc-a,1);background:#000;
  border:1px solid var(--line);overflow:hidden}
html.m-feed .fc-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;cursor:grab}
html.m-feed .fc-track::-webkit-scrollbar{display:none}
html.m-feed .fc-track.dragging{scroll-snap-type:none;cursor:grabbing}
html.m-feed .fc-slide{flex:0 0 100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always}
html.m-feed .fc-slide img{width:100%;height:100%;object-fit:cover;display:block;
  user-select:none;-webkit-user-drag:none}
html.m-feed .fc-slide .vidmark{position:absolute;top:10px;left:10px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.45);pointer-events:none}
html.m-feed .fc-slide .vidmark svg{width:24px;height:24px;fill:#fff}
html.m-feed .fc-dots{position:absolute;left:0;right:0;top:-12px;height:20px;z-index:1;
  display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}
html.m-feed .feed>.fcard:first-child .fc-dots{height:12px}
html.m-feed .fc-dots i{width:7px;height:7px;border-radius:50%;box-sizing:border-box;
  border:1.2px solid rgba(255,255,255,.4);transition:background .15s,border-color .15s}
html.m-feed .fc-dots i.on{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.72)}
html.m-feed .fc-title{margin:0 2px;padding:8px 6px 9px;text-align:center;
  font-size:23px;font-weight:700;line-height:1.15;border-bottom:3px solid #fff;cursor:pointer}
html.m-feed .facet-rack{margin:0 4px 6px}
html.m-feed .facet-spine{flex-basis:16px;font-size:9px}
html.m-feed .facet-strip{gap:6px;padding:6px;scrollbar-width:none}
html.m-feed .facet-strip::-webkit-scrollbar{display:none}
html.m-feed .facet-tile{width:auto;flex:0 0 calc((100% - 24px) / 4.5)}
html.m-feed .fswatch{font-size:30px}
html.m-feed .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;
  height:calc(56px + env(safe-area-inset-bottom,0px));background:var(--m-bar);
  border-top:1px solid #2a2a2a}
html.m-feed .fswatch.words{font-size:11px !important;line-height:1.15;padding:0 3px}
html.m-feed .editdrawer{display:none}
.lbl-short{display:none}
html.m-feed .lbl-full{display:none}
html.m-feed .lbl-short{display:inline;text-transform:none}
html.m-feed .navarr{display:none !important}
html.m-feed .ctl .select{-webkit-appearance:none;appearance:none;width:auto;padding-right:14px;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ececf0' stroke-width='1.6'/%3E%3C/svg%3E") right 2px center/9px no-repeat}
html.m-feed,html.m-feed body{overflow-x:clip;background:var(--bg)}
html.m-feed{scrollbar-width:none}
html.m-feed::-webkit-scrollbar{display:none}
html.m-feed #searchWrap{opacity:var(--yb-out)}
html.m-feed body.yb-shift #searchWrap{pointer-events:none}
html.m-feed .detail.single .stage-media img,html.m-feed .detail.single .stage-media video{
  width:96vw;height:auto;max-height:var(--media-h)}
html.m-feed #showToggle{display:none !important}
html.m-feed .detail .stage{touch-action:pan-y;user-select:none}
html.m-feed .detail .stage img{-webkit-user-drag:none}
html.m-feed .endnote{white-space:normal;text-align:center;padding:0 12px;line-height:1.6;font-size:12px;letter-spacing:.05em}