/* Liquid Glass: a clear film over a shared, stationary atmosphere. */
:root{--bg:#07152b;--surface:rgba(28,49,79,.14);--surface2:rgba(189,216,255,.085);--line:rgba(191,220,255,.32);--text:#f7faff;--muted:#c9dbf5;--glass-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.19)}
body{background:#08152c;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 82% 8%,#2a648b55,transparent 48%),radial-gradient(ellipse at 5% 72%,#4b4e8855,transparent 55%),linear-gradient(145deg,#07182c,#122945 53%,#101e35);pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;background:url('../studios/previews/signature-casino.png') 85% 40%/min(72vw,1100px) auto no-repeat;opacity:.12;filter:blur(7px);pointer-events:none}
.shell{padding:14px;gap:14px;min-height:100dvh;grid-template-columns:238px minmax(0,1fr)}
.sidebar,.topbar,.panel,.auth,dialog,.catalog article,.empty,.summary,#notice,.table-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--glass-shadow);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}
.sidebar{top:14px;height:calc(100dvh - 28px);border-radius:24px;padding:25px 13px 16px;overflow:hidden}
.sidebar nav{overflow-y:auto;min-height:0;padding-inline:3px;scrollbar-gutter:stable}.sidebar nav a{border-radius:12px;color:#dbe9fd;margin-block:3px;min-height:44px}.sidebar nav a[aria-current]{background:rgba(255,211,121,.12);border-color:rgba(255,221,157,.58);box-shadow:inset 0 1px 0 #fff2;color:#ffe2a1}.sidebar nav a:hover{background:rgba(215,236,255,.09)}
.sidebar footer{border-top-color:#cbe5ff2b}.sidebar footer button{background:#d3e7ff0b}.brand-mark{background:rgba(255,218,148,.06);box-shadow:inset 0 1px 0 #fff4;transform:none;border-radius:12px}
.workspace{min-width:0}.topbar{border-radius:22px;min-height:76px;padding:17px 26px;position:sticky;top:14px;z-index:21}.topbar a{font-size:12px}main#main{padding:30px 14px 28px}.page-head{margin-bottom:24px}.page-head h1{font-weight:650;letter-spacing:-.035em}.page-head p{color:#c9dbf5;max-width:70ch}
.panel,.auth{border-radius:22px;padding:25px}.panel{background:rgba(162,198,247,.035)}.panel h2{font-weight:600}.grid{gap:20px}.table-wrap{border-radius:18px;background:rgba(20,40,65,.19);overflow:auto}.table-wrap table{background:transparent}.table-wrap th{background:rgba(178,213,255,.065);color:#f0f6ff}.table-wrap td,.table-wrap th{border-bottom-color:rgba(195,222,255,.15)}.table-wrap tr:hover td{background:#bddfff06}.summary{border-radius:20px;border-color:var(--line)}.summary>div{border-color:rgba(195,222,255,.15)}.summary strong{font-variant-numeric:tabular-nums}.summary span{color:#cbdcf6}
input,textarea,select{background:rgba(4,18,37,.48);border-color:rgba(187,215,249,.38);border-radius:12px;color:#f7faff;box-shadow:inset 0 1px 5px #0002}input::placeholder,textarea::placeholder{color:#b6cae4}select option{background:#132b46;color:#f7faff}button{background:rgba(194,220,255,.08);border-color:rgba(193,221,255,.35);border-radius:12px;box-shadow:inset 0 1px 0 #fff2;transition:background-color .16s ease-out,border-color .16s ease-out}button:hover:not(:disabled){background:rgba(208,231,255,.16);border-color:#c6e3ff80}button.primary{background:#f8d58c;color:#302207;border-color:#ffe7b4;box-shadow:inset 0 1px 0 #fff9,0 5px 15px #0002}button.primary:hover:not(:disabled){background:#ffe4ad}button.danger{color:#ffd0d8;background:#b9415b13;border-color:#ffb8c04d}.badge{background:rgba(7,23,42,.34)}.notice-inline{background:rgba(255,216,141,.055);border-color:rgba(255,219,152,.43);color:#ffe2a3}
.catalog article{border-radius:18px;background:rgba(183,213,255,.025);backdrop-filter:none;-webkit-backdrop-filter:none}.catalog .picture{background:rgba(4,14,25,.35)}.log article,.service-row{border-bottom-color:#c9e3ff24}.empty{background:rgba(168,204,255,.025);border-style:dashed}.auth{background:rgba(15,35,62,.5);max-width:520px}.secret,.recovery code{background:#03162b77;border:1px solid #c5dfff38;border-radius:12px}dialog{background:rgba(13,32,54,.77);border-radius:25px;box-shadow:0 32px 100px #0007,inset 0 1px 0 #fff3}dialog::backdrop{background:#030c20a3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#notice{background:rgba(31,55,84,.8);border-radius:16px}
.publication-links{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.publication-links a,.preview-link{min-height:44px;display:inline-flex;align-items:center;padding:9px 15px;border:1px solid #c8e3ff4a;border-radius:12px;background:#d5eaff0a;font-size:12px}.publication-help{margin-top:22px;padding-top:18px;border-top:1px solid #c7e2ff2b}.publication-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#ffe2a3}.publication-help li{padding-block:5px}.publication-help p{font-size:12px;color:var(--muted)}.publication-grid progress{width:100%;accent-color:#ffd16b;margin-top:16px}.file-digest{font-size:10px;display:block;max-width:190px;overflow-wrap:anywhere}.publication-links a:hover,.preview-link:hover{background:#d5eaff16}.panel input[type=file]{max-width:100%;padding:12px;font-size:12px}input::file-selector-button{border:1px solid #c8e3ff4a;border-radius:8px;padding:8px;margin-right:10px;background:#c8e3ff15;color:#f7faff}
.grid>*,.panel,.publication-grid .wide{min-width:0}.publication-grid .table-wrap{max-width:100%}.panel input[type=file]{width:100%;min-width:0}
*{scrollbar-width:thin;scrollbar-color:#b8d6f55c transparent}:focus-visible{outline:3px solid #ffe2a3;outline-offset:3px}
@media(max-width:1050px){.shell{grid-template-columns:210px minmax(0,1fr)}main#main{padding:26px 8px}.topbar{padding-inline:20px}}
@media(max-width:760px){.shell{padding:9px;display:block}.topbar{top:9px;border-radius:19px;padding:10px 14px}.sidebar{position:fixed;top:134px;left:9px;bottom:9px;width:min(290px,calc(100vw - 32px));height:calc(100dvh - 143px);border-radius:20px;background:rgba(14,34,59,.64);z-index:24;box-shadow:18px 18px 70px #0007,inset 0 1px 0 #fff3}.shell.menu-open .sidebar{display:flex}main#main{padding:25px 5px}.panel{padding:20px;border-radius:19px}.page-head h1{font-size:25px}.table-wrap{margin:0}.publication-links{gap:9px}.publication-links a{flex:1;justify-content:center;text-align:center}.auth{margin:20px auto}.catalog{gap:12px}.catalog .copy{padding:13px}.topbar .panel-identity small{color:#d3e4fb}}
@supports not (backdrop-filter:blur(1px)){.sidebar,.topbar,.panel,.auth,dialog,.catalog article,.summary,.table-wrap,#notice{background:#132942}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.panel,.auth,dialog,.catalog article,.summary,.table-wrap,#notice{background:#132942;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Clear glass: the atmosphere remains visible through the material. */
@media(prefers-reduced-transparency:no-preference){
 :root{--surface:transparent;--line:#e5f3ff63;--glass-shadow:0 18px 46px #0004,inset 0 1px 1px #ffffff9c,inset 1px 0 1px #ffffff38,inset 0 -1px 1px #a7d8ff60}
 body:after{background-position:70% 50%;background-size:cover;opacity:.54;filter:brightness(.56) saturate(.85)}
 .sidebar,.topbar,.panel,.auth,dialog,.catalog article,.empty,.summary,#notice,.table-wrap{background:transparent;backdrop-filter:blur(15px) saturate(150%) contrast(1.06);-webkit-backdrop-filter:blur(15px) saturate(150%) contrast(1.06)}
 .panel,.auth{position:relative;isolation:isolate}.panel:before,.auth:before,.topbar:before,.sidebar:before,dialog:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#ffffff18,transparent 23%,transparent 65%,#d2eeff0d);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 2px 7px #ffffff12}
 .sidebar{isolation:isolate}.table-wrap th{background:#ffffff06}input,textarea,select{background:#03132630;box-shadow:inset 0 1px 5px #0003;border-color:#e0eeff70}button{background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff70}button.primary{background:#f3ca6b22;color:#ffe4a7;border-color:#ffe3a585;box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 1px #ffe7aa38,0 6px 18px #0003}button.primary:hover:not(:disabled){background:#f3ca6b38;color:#fff1cd}dialog::backdrop{background:#020b1dd4;backdrop-filter:blur(9px)}#notice{background:#0a203944}.catalog article{backdrop-filter:none}.catalog .picture{background:#04121c26}.version-description{max-width:300px;white-space:pre-wrap;font-size:12px;line-height:1.5;color:var(--muted)}
}
/* Controls are shaped glass objects, with a clear centre and a polished rim. */
@media(prefers-reduced-transparency:no-preference){
 button,.publication-links a,.preview-link{position:relative;isolation:isolate;background:transparent;border-radius:999px;border-color:#e6f5ff80;box-shadow:0 6px 18px #0003,inset 0 1px 1px #fff9,inset 1px 0 1px #ffffff2b,inset 0 -2px 2px #91c6ed40;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);text-shadow:0 1px 2px #0006;min-height:44px;padding-inline:18px;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}
 button:before,.publication-links a:before,.preview-link:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(155deg,#ffffff26,transparent 30%,transparent 75%,#b5e3ff12);box-shadow:inset 0 0 0 1px #ffffff12}
 button:after,.publication-links a:after,.preview-link:after{content:'';position:absolute;inset:3px;border-radius:inherit;pointer-events:none;border-top:1px solid #ffffff30;border-bottom:1px solid #9bcceb20;z-index:-1}
 button.primary,button.primary:hover:not(:disabled){background:transparent;color:#ffe6ae;border-color:#ffedc0b3;box-shadow:0 7px 20px #0004,inset 0 1px 2px #fffac8b3,inset 0 -2px 3px #eabf6652}
 button:hover:not(:disabled),.publication-links a:hover,.preview-link:hover{background:transparent;border-color:#f3faffb3;box-shadow:0 8px 23px #0005,inset 0 1px 2px #ffffffb3,inset 0 -2px 3px #bcddff55;transform:translateY(-1px)}
 button:active:not(:disabled),.publication-links a:active,.preview-link:active{transform:translateY(0) scale(.985);box-shadow:0 2px 7px #0003,inset 0 1px 4px #0003,inset 0 -1px 1px #ffffff50}
 button.danger,button.danger:hover:not(:disabled){background:transparent;color:#ffd7e0;border-color:#ffbfd18c}.sidebar footer button{background:transparent}.sidebar nav a,.sidebar nav a:hover,.sidebar nav a[aria-current]{background:transparent;border-radius:17px}.sidebar nav a[aria-current]{box-shadow:0 4px 15px #0003,inset 0 1px 1px #ffffff6b,inset 0 -1px 1px #d4b5725c}
 input,textarea,select{background:transparent;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-color:#e0eeff70;box-shadow:inset 0 1px 3px #0003,inset 0 -1px 1px #ffffff30}.check input{accent-color:#ffe1a0}input::file-selector-button{border-radius:999px;background:transparent;border-color:#e6f5ff80;box-shadow:inset 0 1px 1px #ffffff90,inset 0 -1px 2px #a4d5ff40;color:#f7faff}
}
@media(prefers-reduced-motion:reduce){button,.publication-links a,.preview-link{transition:none}button:hover:not(:disabled),button:active:not(:disabled),.publication-links a:hover,.preview-link:hover{transform:none}}
.traffic-section{margin:26px 0}.traffic-section h2{font-size:18px;margin-bottom:16px}.traffic-readout{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0 0 12px}.traffic-readout>div{min-width:130px}.traffic-readout dt{font-size:13px;color:var(--muted)}.traffic-readout dd{font-size:30px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:6px 0 0}.traffic-section .muted{font-size:12px}.traffic-total{margin-top:18px;line-height:1.7}.traffic-total strong{white-space:nowrap}
@media(max-width:430px){.traffic-readout{gap:18px 25px}.traffic-readout>div{min-width:120px}.traffic-readout dd{font-size:28px}}