/* Layout switch + vote box (layout.js). Loaded by every page, whatever layout is on. */
body{padding-bottom:64px}
.ly-switch{position:fixed;right:16px;bottom:16px;z-index:150;display:flex;align-items:center;gap:2px;padding:4px;border-radius:99px;
  background:#0b0d12;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.4);font:600 13px/1 Inter,system-ui,sans-serif}
.ly-switch span{color:#c9ced8;padding:0 8px 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.ly-switch button{font:inherit;color:#e6e9ef;background:none;border:0;padding:9px 13px;border-radius:99px;cursor:pointer;min-height:36px}
.ly-switch button:hover{background:rgba(255,255,255,.1)}
.ly-switch button[aria-pressed=true]{background:#f7d046;color:#1a1200}
.ly-switch .ly-vote-btn{border-left:1px solid rgba(255,255,255,.2);border-radius:0 99px 99px 0;margin-left:2px}
.ly-switch button:focus-visible,.ly-vote button:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0b0d12}
@media (max-width:480px){.ly-switch span{display:none}.ly-switch{right:10px;bottom:10px}}
@media print{.ly-switch,.ly-vote{display:none}}

.ly-vote{position:fixed;right:16px;bottom:68px;z-index:151;width:min(360px,calc(100vw - 24px));padding:16px;border-radius:20px;background:#0b0d12;color:#f1f3f7;
  border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.55);font:500 14px/1.45 Inter,system-ui,sans-serif}
.ly-vote[hidden]{display:none}
.lv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:16px}
.lv-x{font:inherit;font-size:22px;line-height:1;color:#f1f3f7;background:none;border:0;border-radius:50%;width:34px;height:34px;cursor:pointer}
.lv-x:hover{background:rgba(255,255,255,.12)}
.lv-opt{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;margin-bottom:8px;padding:12px 14px 16px;text-align:left;font:inherit;color:#f1f3f7;
  background:#171b24;border:2px solid rgba(255,255,255,.22);border-radius:14px;cursor:pointer}
.lv-opt:hover:not(:disabled){border-color:#fff}
.lv-opt.mine{border-color:#f7d046;background:#221e0d}
.lv-opt:disabled{opacity:.7;cursor:progress}
.lv-t b{display:block;font-size:15px}.lv-t small,.lv-n small{display:block;font-size:12px;font-weight:500;color:#c9ced8}
.lv-n{font:700 20px/1 Inter,system-ui,sans-serif;text-align:right}
.lv-bar{position:absolute;left:0;bottom:0;height:5px;width:var(--p);background:#f7d046;transition:width .5s}
.lv-opt em{grid-column:1/-1;font-style:normal;font-size:12px;font-weight:700;color:#f7d046}
.lv-msg{margin:6px 0 0;font-size:13px;color:#c9ced8}
.lv-login{margin:8px 0 0;font-size:13.5px;color:#f1f3f7}
.lv-login button{font:inherit;font-weight:700;color:#f7d046;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
