:root{--bg:#0A0A0F;--ink:#F5F1EA;--accent:#C8FF4D;--mute:#8B8B9E;--line:rgba(245,241,234,.11);--line2:rgba(245,241,234,.2);--panel:#111118;--panel2:#171720;--danger:#ff6b4a;--ease:cubic-bezier(.22,1,.36,1);--serif:"Instrument Serif",Georgia,serif;--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box;color-scheme:dark;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scrollbar-color:#2a2a36 transparent;scrollbar-width:thin}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.06;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.safe-top{position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:80}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a2a36;border-radius:10px;border:2px solid var(--bg)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4,p{margin:0}.mute{color:var(--mute)}.serif{font-family:var(--serif);font-weight:400}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--line2);background:transparent;font-weight:500;font-size:15px;transition:background .25s var(--ease),border-color .25s,box-shadow .35s var(--ease),color .2s}
.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--accent);color:#0A0A0F;border-color:var(--accent)}.btn.primary:hover{box-shadow:0 0 0 7px rgba(200,255,77,.12)}
.btn.sm{padding:6px 13px;font-size:13px}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.btn.solid{background:var(--danger);border-color:var(--danger);color:#0A0A0F}
.btn[disabled]{opacity:.4;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--mute);background:transparent;transition:all .2s}
.chip:hover{color:var(--ink);border-color:var(--line2)}.chip[aria-pressed="true"]{background:var(--accent);color:#0A0A0F;border-color:var(--accent)}.chip.tiny{padding:2px 10px;font-size:12px}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line2)}.badge.acc{border-color:var(--accent);color:var(--accent)}.badge.bad{border-color:var(--danger);color:var(--danger)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*60ms)}.reveal.in{opacity:1;transform:none}
#view.enter,.public.enter{animation:vin .45s var(--ease)}@keyframes vin{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes sh{0%{background-position:100% 0}100%{background-position:-100% 0}}
.sk{background:linear-gradient(90deg,#13131b 30%,#1e1e28 50%,#13131b 70%);background-size:300% 100%;animation:sh 1.3s linear infinite;border-radius:10px}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100dvh}
.sidebar{position:sticky;top:env(safe-area-inset-top,0px);height:calc(100dvh - env(safe-area-inset-top,0px));border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:24px;overflow:auto}
.logo{font-family:var(--serif);font-size:25px;line-height:1;letter-spacing:-.01em}.logo i{color:var(--accent)}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:var(--mute);font-size:15px;transition:color .2s,background .2s}
.nav a:hover{color:var(--ink);background:rgba(245,241,234,.04)}.nav a[aria-current="page"]{color:var(--ink);background:rgba(245,241,234,.06);box-shadow:inset 2px 0 0 var(--accent)}
.rolebar{margin-top:auto;display:flex;flex-direction:column;gap:8px}.rolebar small{color:var(--mute);font-size:12px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;padding:7px 4px;border-radius:7px;font-size:13px;color:var(--mute)}.seg button[aria-pressed="true"]{background:var(--accent);color:#0A0A0F;font-weight:600}
.main{padding:40px 52px 100px;min-width:0}.topbar,.bottomnav{display:none}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.pagehead h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.02em}.pagehead p{color:var(--mute);margin-top:10px;max-width:56ch}
h2.sec{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.01em;margin:42px 0 16px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto}
.tabs a,.tabs button{padding:10px 16px;color:var(--mute);font-size:15px;border:0;border-bottom:2px solid transparent;background:transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover{color:var(--ink)}.tabs [aria-current="page"]{color:var(--ink);border-color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stat b{display:block;font-family:var(--serif);font-weight:400;font-size:46px;line-height:1}.stat span{display:block;margin-top:8px;color:var(--mute);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.catcard{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(90% 120% at 0% 0%,rgba(200,255,77,.07),transparent 60%),var(--panel);transition:border-color .3s,transform .5s var(--ease);min-height:230px}
.catcard:hover{border-color:var(--line2);transform:translateY(-3px)}.catcard h3{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1}
.catcard.lock{opacity:.6}.catcard.lock:hover{transform:none}
.mark{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#000;border:1px solid var(--line2);color:var(--accent)}.mark.sm{width:34px;height:34px;border-radius:9px}
.brandrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.brandrow .mark{width:40px;height:40px;border-radius:11px}.brandrow span{font-size:13px;color:var(--mute);line-height:1.3}
.catcard.future{border-style:dashed;background:none;opacity:.65;min-height:150px}.catcard.future:hover{transform:none;border-color:var(--line)}
.catswitch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.catswitch button{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:15px}
.catswitch button[aria-pressed="true"]{border-color:var(--accent);background:rgba(200,255,77,.07)}
.mod{margin-bottom:16px;overflow:hidden}.mod>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}
.mod h3{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1}.mod .bd{padding:6px 20px 14px}
.fold{margin-top:12px;border:1px solid var(--line);border-radius:10px}.fold>header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:rgba(245,241,234,.03);border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.fold>.bd{padding:0 14px}
.item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}
.item .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);color:var(--mute)}
.item h4{font-weight:500;font-size:16px}.item p{color:var(--mute);font-size:14px;margin-top:2px}
.rowact{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
a.item:hover h4{color:var(--accent)}
.prompt{margin:10px 0 0;background:#07070b;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font:13.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8ffa0;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--mute);font-size:14px;margin-bottom:18px}.crumbs button{background:transparent;border:0;color:var(--mute);padding:2px 4px;border-radius:5px}.crumbs button:hover{color:var(--accent)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}
.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;flex:1;min-width:min(100%,260px);color:var(--mute)}.search input{background:transparent;border:0;outline:0;color:var(--ink);font:inherit;width:100%}.search:focus-within{border-color:var(--accent)}
select,.input,.field input,.field textarea,.field select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--ink);font:inherit;outline:0;transition:border-color .2s}
select:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:14px;color:var(--mute)}.field input,.field textarea,.field select{width:100%}.field textarea{min-height:110px;resize:vertical}
.field input[type=file]{padding:9px}
.tbl{width:100%;border-collapse:collapse}.tbl th{font-weight:400;color:var(--mute);text-align:left;font-size:13px;padding:10px 8px;border-bottom:1px solid var(--line)}.tbl td{padding:13px 8px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:rgba(245,241,234,.025)}
.av{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:600;color:#0A0A0F;background:hsl(var(--h,70) 40% 70%);flex:none}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:var(--mute);font-size:14px}
.tg{width:48px;height:28px;border-radius:999px;background:#242430;border:1px solid var(--line2);position:relative;padding:0;transition:background .3s,border-color .3s;flex:none}
.tg i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s}
.tg[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}.tg[aria-checked="true"] i{transform:translateX(20px);background:#0A0A0F}
.permrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.permrow:last-child{border-bottom:0}.permrow p{color:var(--mute);font-size:13px}
.upbar{height:4px;background:rgba(245,241,234,.12);border-radius:4px;overflow:hidden;margin-top:10px}.upbar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.scrim{position:fixed;inset:0;z-index:70;background:rgba(5,5,8,.74);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;animation:vin .3s var(--ease)}
.modal{width:min(560px,100%);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:26px}.modal h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin-bottom:16px}
.btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
#toasts{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.toast{background:rgba(17,17,24,.95);backdrop-filter:blur(10px);border:1px solid var(--line2);border-radius:10px;padding:12px 16px;font-size:14px;max-width:340px;animation:tin .45s var(--ease)}.toast.out{opacity:0;transform:translateX(20px);transition:all .35s}.toast.ok{border-color:var(--accent)}
@keyframes tin{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--mute);text-align:center;border:1px dashed var(--line);border-radius:14px}.empty svg{color:var(--accent)}.empty .serif{font-size:26px;color:var(--ink);line-height:1.15}
.note{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:8px;padding:12px 16px;color:#c9c5bd;font-size:14px;margin-bottom:24px;background:rgba(200,255,77,.04)}
.stage{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#050508;border:1px solid var(--line)}
.stage .art{position:absolute;inset:0;background:radial-gradient(80% 100% at 20% 0%,rgba(200,255,77,.14),transparent 65%)}
.stage .cap{position:absolute;left:5%;bottom:24%;max-width:70%;font-family:var(--serif);font-size:clamp(22px,4vw,46px);line-height:1.05}
.stage .big{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0}.stage .big span{width:70px;height:70px;border-radius:50%;background:var(--accent);color:#0A0A0F;display:grid;place-items:center;transition:all .3s}.stage.on .big span{opacity:0;transform:scale(.8)}
.controls{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 10px;background:linear-gradient(transparent,rgba(5,5,8,.9));display:flex;align-items:center;gap:10px}
.cbtn{background:transparent;border:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.cbtn:hover{background:rgba(245,241,234,.1)}
input[type=range].seek{flex:1;-webkit-appearance:none;appearance:none;height:20px;background:transparent;margin:0}
input[type=range].seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--p,0%),rgba(245,241,234,.2) var(--p,0%))}
input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ink);margin-top:-5px;border:0}
input[type=range].seek::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--ink);border:0}
.time{font-size:13px;color:var(--mute);white-space:nowrap}
/* data model */
.models{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.tbm{padding:16px 18px}.tbm h4{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:8px}.tbm ul{list-style:none;margin:0;padding:0;font:13px/1.9 ui-monospace,Menlo,monospace;color:#c9c5bd}.tbm li b{color:var(--accent);font-weight:400}.tbm .nt{font:13px/1.5 var(--sans);color:var(--mute);margin-top:8px}
/* public */
.public{position:relative;min-height:100dvh;overflow:hidden}.pubnav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,64px)}
.hero{position:relative;padding:clamp(30px,9vh,100px) clamp(20px,5vw,64px) 70px;--mx:50%;--my:30%}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(245,241,234,.055),transparent 65%)}
.orb{position:absolute;left:38%;top:-18%;width:min(80vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(200,255,77,.16),rgba(200,255,77,.04) 55%,transparent);filter:blur(24px);animation:drift 22s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{from{transform:translate(-14%,6%) scale(.9)}to{transform:translate(12%,-4%) scale(1.08)}}
.hero h1{position:relative;z-index:2;font-family:var(--serif);font-weight:400;font-size:clamp(50px,10vw,140px);line-height:.95;letter-spacing:-.035em;max-width:13ch;min-height:2.9em}
.caret{display:inline-block;width:.06em;height:.8em;background:var(--accent);margin-left:.06em;vertical-align:-.04em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.hero p.lead{position:relative;z-index:2;max-width:46ch;font-size:19px;color:#c9c5bd;margin:30px 0 32px}.hero .ctas{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.authform{max-width:520px;margin:0 auto;padding:30px 20px 60px;position:relative;z-index:2}.authform h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,64px);line-height:1;margin-bottom:12px}
@media (max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
  .shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.main{padding:20px 18px 120px}
  .topbar{display:flex;position:sticky;top:env(safe-area-inset-top,0px);z-index:40;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;background:rgba(10,10,15,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .seg{width:230px}
  .bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(10,10,15,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;overflow-x:auto}
  .bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mute);padding:6px 10px;border-radius:10px;white-space:nowrap}.bottomnav a[aria-current="page"]{color:var(--accent)}
  #toasts{bottom:calc(80px + env(safe-area-inset-bottom,0px));left:16px;align-items:stretch}
}
@media (max-width:760px){
  .cats,.split{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat b{font-size:36px}
  .tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl tr{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--panel)}
  .tbl td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}.tbl td::before{content:attr(data-l);color:var(--mute);font-size:13px;text-align:left}
  .item{grid-template-columns:34px minmax(0,1fr)}.item .rowact{grid-column:1/-1;justify-content:flex-start}
  .stage .cap{max-width:85%}.hero h1{min-height:3.2em}
}

/* ---------- production additions (everything above is the approved preview CSS, unchanged) ---------- */
.stage video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.stage .vmsg{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--mute);background:rgba(5,5,8,.7);z-index:2}
.stage .vmsg[hidden]{display:none}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mute);flex:none}
.live[data-s="live"]{background:var(--accent);box-shadow:0 0 0 3px rgba(200,255,77,.15)}
.live[data-s="down"]{background:var(--danger)}
.livetxt{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--mute)}
.who{font-size:13px;color:var(--mute);overflow-wrap:anywhere}
.fielderr{color:var(--danger);font-size:14px;min-height:20px;margin:-6px 0 12px}
.fieldok{color:var(--accent);font-size:14px;min-height:20px;margin:-6px 0 12px}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--mute);text-decoration:underline;font-size:14px}
.linkbtn:hover{color:var(--ink)}
.splash{min-height:100dvh;display:grid;place-items:center;color:var(--mute)}
.upctl{margin-top:12px}
.upctl .mute{overflow-wrap:anywhere}
.item h4,.item p,.tbl td,.permrow div,.mod h3,.pagehead h1,.pagehead p{overflow-wrap:anywhere}
.modal .btns{position:sticky;bottom:-26px;margin:8px -26px -26px;padding:14px 26px;background:var(--panel);border-top:1px solid var(--line);z-index:2}
.modal{max-height:calc(100dvh - 36px);overscroll-behavior:contain}
.tg{touch-action:manipulation}
.tg::after{content:"";position:absolute;inset:-9px -6px}
.bottomnav a{min-height:48px;justify-content:center}
@media (max-width:980px){
  .topbar .who{display:none}
  .topbar .rowact{flex-wrap:nowrap}
  .btn.sm{min-height:40px;padding:8px 14px}
  .crumbs button{min-height:40px;padding:8px}
  .catswitch button{min-height:44px}
  .linkbtn{min-height:40px;padding:10px 4px}
  .tabs a,.tabs button{min-height:44px;display:inline-flex;align-items:center}
  .bottomnav{justify-content:flex-start;gap:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bottomnav::-webkit-scrollbar{display:none}
  .bottomnav a,.bottomnav button{flex:1 0 auto;min-width:68px}
  .bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--mute);background:none;border:0;padding:6px 10px;border-radius:10px;min-height:48px;white-space:nowrap}
  .toolbar select{flex:1 1 140px;min-height:44px}
  .search{min-height:44px;padding-top:0;padding-bottom:0}
  .search input{min-height:44px}
  .field input,.field textarea,.field select{min-height:44px}
}
@media (max-width:760px){
  .modal{padding:20px;--mp:20px}
  .modal .btns{bottom:-20px;margin:8px -20px -20px;padding:12px 20px}
  .modal .btns .btn{flex:1 1 auto;min-height:44px}
  .scrim{padding:12px}
  .tbl td[data-l=""]{justify-content:flex-end}
  .tbl td>span{min-width:0}
  .pager{justify-content:center}
  .pagehead{align-items:flex-start}
  .pagehead>.btn,.pagehead>.rowact{align-self:stretch}
  .item .rowact .btn{flex:0 1 auto}
  .permrow{align-items:flex-start}
}

/* footer */
.sitefoot{position:relative;z-index:3;margin-top:56px;padding:22px 12px 8px;border-top:1px solid var(--line);text-align:center;color:var(--mute);font-size:13px;line-height:1.7}.sitefoot p{margin:0}.public .sitefoot{margin:40px clamp(20px,5vw,64px) 0;padding-bottom:28px}
.sitefoot .nb{white-space:nowrap}

/* show / hide password toggle */
.pwwrap{position:relative}
.pwwrap input{padding-right:70px}
.pwtoggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;opacity:.75;font:inherit;font-size:13px;cursor:pointer;padding:6px 8px}
.pwtoggle:hover,.pwtoggle:focus-visible{opacity:1}

/* animated logo shown while the site loads (media/loader.mp4) */
.logoload{display:block;width:120px;height:120px;max-width:40vw;max-height:40vw;object-fit:contain;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}