/* eencinas.xyz — site.css
   Palette: VS Code Dark+ tokens (the colour registry defaults, read 27 Aug 2026) + the Claude Code webview's
   --app-claude-orange #d97757. Light+ values come from the same registry's light defaults. The layout is the
   only thing eyeballed. 27 Sep r4: --desc is descriptionForeground (#CCCCCC at 70 %), not disabledForeground
   #717171, which measured 3.4:1 on the editor ground; the light --desc / --term-dim are darkened to clear 4.5:1. */

:root{
  --editor-bg:#1E1E1E; --editor-fg:#CCCCCC; --strong:#FFFFFF;
  --fg:#CCCCCC; --desc:#CCCCCCB3; --desc2:#CCCCCCB3;
  --sidebar-bg:#252526; --activitybar-bg:#333333; --activitybar-fg:#FFFFFF;
  --tabs-bg:#252526; --tab-active-bg:#1E1E1E; --tab-inactive-bg:#2D2D2D;
  --titlebar-bg:#3C3C3C; --statusbar-bg:#007ACC; --statusbar-fg:#FFFFFF;
  --input-bg:#3C3C3C; --input-border:#7F7F7F66; --widget-border:#454545;
  --hover-bg:#2A2D2E; --badge-bg:#4D4D4D; --focus:#007FD4; --sel:#04395E;
  --link:#4DAAFC; --code-fg:#CE9178; --code-bg:#FFFFFF14; --rule:#2B2B2B;
  --json-key:#9CDCFE; --json-str:#CE9178; --json-num:#B5CEA8;
  --term-bg:#1E1E1E; --term-fg:#CCCCCC; --term-dim:#8B8B8B; --term-err:#F14C4C; --term-ok:#89D185;
  --orange:#d97757; --clay:#c6613f; --warn:#e5a54b; --red:#F14C4C;
  --scroll:#79797966; --border:#00000033; --dotc:#6E6E6E;
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe WPC","Segoe UI",system-ui,Roboto,"Helvetica Neue",sans-serif;
  --font-mono:"SF Mono",Menlo,Monaco,"Courier New",monospace;
  --term-h:220px; --left-w:260px; --right-w:360px;
}
:root[data-theme="light"]{
  --editor-bg:#FFFFFF; --editor-fg:#333333; --strong:#000000;
  --fg:#616161; --desc:#6b6b6b; --desc2:#616161B3;
  --sidebar-bg:#F3F3F3; --activitybar-bg:#2C2C2C; --activitybar-fg:#FFFFFF;
  --tabs-bg:#F3F3F3; --tab-active-bg:#FFFFFF; --tab-inactive-bg:#ECECEC;
  --titlebar-bg:#DDDDDD; --statusbar-bg:#007ACC; --statusbar-fg:#FFFFFF;
  --input-bg:#FFFFFF; --input-border:#CECECE; --widget-border:#C8C8C8;
  --hover-bg:#E8E8E8; --badge-bg:#C4C4C4; --focus:#0090F1; --sel:#E4E6F1;
  --link:#006AB1; --code-fg:#A31515; --code-bg:#0000000D; --rule:#E5E5E5;
  --json-key:#0451A5; --json-str:#A31515; --json-num:#098658;
  --term-bg:#FFFFFF; --term-fg:#333333; --term-dim:#6f6f6f; --term-err:#CD3131; --term-ok:#00BC00;
  --scroll:#64646466; --border:#0000001A; --dotc:#9A9A9A;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--editor-bg)}
body{font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:var(--font-mono);font-size:12px;background:var(--code-bg);padding:1px 5px;border-radius:4px;color:var(--code-fg)}
:focus-visible{outline:1px solid var(--focus);outline-offset:-1px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grow{flex:1}

/* the drift: a slow hue turn of the chrome; images turn back so they stay true */
html[data-drift="1"] .window{filter:hue-rotate(var(--drift,0deg))}
html[data-drift="1"] img{filter:hue-rotate(calc(-1 * var(--drift,0deg)))}

/* ---------- window ---------- */
.window{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;background:var(--editor-bg)}
.titlebar{flex:0 0 35px;background:var(--titlebar-bg);display:flex;align-items:center;padding:0 8px;font-size:12px;user-select:none;color:var(--fg)}
.traffic{display:flex;gap:8px;padding:0 6px}
.tl{width:12px;height:12px;border-radius:50%;display:block}
.r{background:#FF5F57}.y{background:#FEBC2E}.g{background:#28C840}
.tb-title{flex:1;text-align:center;opacity:.85}
.frame{flex:1;display:flex;min-height:0}

/* ---------- activity bar ---------- */
.activitybar{flex:0 0 48px;width:48px;background:var(--activitybar-bg);display:flex;flex-direction:column;align-items:center;padding-top:4px;gap:2px}
.act{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;opacity:.55;font-size:19px;color:var(--activitybar-fg);border-radius:0}
.act:hover{opacity:1}
.act[aria-pressed="true"]{opacity:1;box-shadow:inset 2px 0 0 var(--activitybar-fg)}
.act .badge{position:absolute;bottom:8px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--statusbar-bg);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}
.activitybar .spacer{flex:1}

/* ---------- panels ---------- */
.panel{display:none}
.panel.open{display:flex;flex-direction:column}
.sheet-close{display:none;width:28px;height:28px;font-size:18px;line-height:1;opacity:.7;border-radius:4px}
.sheet-close:hover{opacity:1;background:var(--hover-bg)}
.sheet-close.always{display:flex;align-items:center;justify-content:center}

/* side bar */
.sidebar{flex:0 0 var(--left-w);width:var(--left-w);background:var(--sidebar-bg);min-height:0;border-right:1px solid var(--border)}
.sb-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg);opacity:.85;flex:0 0 auto}
.sb-view{flex:1;overflow:auto;min-height:0;padding-bottom:24px}
.tree{padding-top:2px}
.row{display:flex;align-items:center;width:100%;text-align:left;height:22px;line-height:22px;padding:0 8px 0 calc(8px + var(--depth,0) * 12px);white-space:nowrap;overflow:hidden;color:var(--fg);font-size:13px;border-radius:0}
.row:hover{background:var(--hover-bg)}
.row[aria-selected="true"]{background:var(--sel)}
.row .tw{display:inline-block;width:16px;flex:0 0 16px;text-align:center;font-size:10px;opacity:.8}
.row .fi{display:inline-block;width:16px;flex:0 0 16px;text-align:center;font-size:11px;margin-right:4px;opacity:.9}
.row .fi.md{color:#519ABA}.row .fi.json{color:#CBCB41}.row .fi.txt{color:#9CDCFE}.row .fi.readme{color:var(--orange)}
.row .nm{overflow:hidden;text-overflow:ellipsis}
.row .k{margin-left:auto;padding-left:8px;color:var(--desc);font-size:10px;font-family:var(--font-mono)}
.sb-input{display:block;width:calc(100% - 24px);margin:4px 12px 8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--fg);padding:4px 6px;font-size:13px;border-radius:2px}
.sb-input:focus{outline:1px solid var(--focus);outline-offset:-1px}
.sb-results .row{display:block;height:auto;line-height:1.35;padding-top:4px;padding-bottom:4px;white-space:normal}
.sb-results .row .nm{display:block}
.sb-results .row .sn{display:block;color:var(--desc);font-size:11px}
.sb-results .none{padding:6px 20px;color:var(--desc)}
.remote{padding:4px 20px;font-size:12px;line-height:1.6}
.remote dt{color:var(--desc);text-transform:uppercase;font-size:10px;letter-spacing:.5px;margin-top:8px}
.remote dd{margin:0}

/* ---------- main ---------- */
.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--editor-bg)}
.tabs{flex:0 0 35px;height:35px;background:var(--tabs-bg);display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;user-select:none;scrollbar-width:none}
.tabs::-webkit-scrollbar{height:0}
.tab{display:flex;align-items:center;gap:6px;padding:0 6px 0 12px;background:var(--tab-inactive-bg);color:var(--fg);opacity:.7;font-size:13px;white-space:nowrap;cursor:pointer;border-right:1px solid var(--tabs-bg);max-width:240px;flex:0 0 auto}
.tab.on{background:var(--tab-active-bg);opacity:1;color:var(--strong);box-shadow:inset 0 -1px 0 var(--orange)}
.tab .ico{font-size:12px;width:14px;text-align:center;flex:0 0 14px}
.tab .ico.readme{color:var(--orange)}.tab .ico.md{color:#519ABA}.tab .ico.json{color:#CBCB41}.tab .ico.txt{color:#9CDCFE}
.tab .lbl{overflow:hidden;text-overflow:ellipsis}
.tab .x{width:20px;height:20px;border-radius:4px;font-size:15px;line-height:1;opacity:0;display:flex;align-items:center;justify-content:center;flex:0 0 20px}
.tab:hover .x,.tab.on .x,.tab .x:focus-visible{opacity:.8}
.tab .x:hover{background:var(--hover-bg);opacity:1}

.editor{flex:1;overflow:auto;min-height:0;position:relative;scrollbar-color:var(--scroll) transparent}
/* one scrollbar for every scrolling pane (the sidebar, terminal and chat were showing the system's white one) */
.sb-view,.term-out,.chat{scrollbar-color:var(--scroll) transparent}
.editor::-webkit-scrollbar,.sb-view::-webkit-scrollbar,.term-out::-webkit-scrollbar,.chat::-webkit-scrollbar{width:14px;height:14px}
.editor::-webkit-scrollbar-thumb,.sb-view::-webkit-scrollbar-thumb,.term-out::-webkit-scrollbar-thumb,.chat::-webkit-scrollbar-thumb{background:var(--scroll);border:4px solid transparent;background-clip:padding-box;border-radius:7px}
.editor::-webkit-scrollbar-track,.sb-view::-webkit-scrollbar-track,.term-out::-webkit-scrollbar-track,.chat::-webkit-scrollbar-track,.editor::-webkit-scrollbar-corner,.sb-view::-webkit-scrollbar-corner{background:transparent}
.doc{display:none;padding:26px 22px 60px;color:var(--editor-fg)}
.doc.on{display:block}
.wrap{max-width:760px}
.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--desc);font-size:13px;padding:16px;text-align:center}
.empty[hidden]{display:none}
[hidden]{display:none!important}

/* README, as the holding page had it */
.bubble{background:var(--input-bg);border:1px solid var(--widget-border);border-radius:6px;padding:10px 12px;margin-bottom:20px;color:var(--editor-fg)}
.rail{display:flex;gap:10px}
.dot{flex:0 0 12px;padding-top:7px}
.dot i{display:block;width:6px;height:6px;border-radius:50%;background:var(--dotc)}
.body{min-width:0;flex:1}
.think{color:var(--desc2);margin-bottom:16px;font-variant-numeric:tabular-nums}
.loom{color:var(--desc2);margin-bottom:16px;white-space:pre-wrap}
.doc h1{font-size:20px;font-weight:700;color:var(--strong);margin-bottom:12px;letter-spacing:-.1px}
.doc p{margin-bottom:12px;max-width:66ch}
.doc p.tag{line-height:1.85}
.doc .meta{color:var(--desc);font-family:var(--font-mono);font-size:12px;margin:-6px 0 16px}
.doc .note{color:var(--desc2);font-style:italic}
.doc .salvage{color:var(--warn);font-style:normal}
.doc .prov{color:var(--desc);font-family:var(--font-mono);font-size:11px;margin-top:18px;max-width:none}
.doc h2{font-size:15px;font-weight:600;color:var(--strong);margin:18px 0 8px}
.doc ul.list{list-style:none;margin:0 0 14px;max-width:70ch}
.doc ul.list li{padding:3px 0;border-bottom:1px solid var(--rule)}
.doc ul.list li:last-child{border-bottom:0}
.doc ul.list .v{color:var(--desc);font-size:12px}
.doc ul.list .d{color:var(--desc);font-family:var(--font-mono);font-size:11px;margin-right:8px}
.roles{list-style:none;margin:0 0 18px;max-width:70ch}
.roles li{display:flex;flex-wrap:wrap;gap:4px 10px;padding:4px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.roles li:last-child{border-bottom:0}
.roles .role{color:var(--strong);font-weight:600;flex:1 1 22em}
.ways{padding-top:2px;line-height:1.85}
.ways .sep{color:var(--desc2)}
.cur{display:inline-block;width:7px;height:15px;background:var(--fg);vertical-align:-3px;animation:b 1.06s steps(1) infinite;margin-left:2px}
@keyframes b{50%{opacity:0}}
.doc pre.code{font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--editor-fg);background:var(--code-bg);padding:12px 14px;border-radius:6px;max-width:760px}
.doc pre.code .k{color:var(--json-key)}.doc pre.code .s{color:var(--json-str)}.doc pre.code .n{color:var(--json-num)}
.doc pre.code a{color:var(--json-str);text-decoration:underline dotted}
.doc .links{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;font-size:12px}
.doc .tagline{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--desc);border:1px solid var(--rule);border-radius:3px;padding:1px 6px;margin-bottom:14px}

/* image strip + lightbox */
.strip{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 6px;max-width:760px}
.thumb{display:block;height:110px;padding:0;border-radius:2px;overflow:hidden;background:var(--code-bg);flex:0 0 auto}
.thumb img{display:block;height:110px;width:auto;max-width:220px;object-fit:cover;filter:saturate(.9)}
.thumb:hover img,.thumb:focus-visible img{filter:saturate(1)}
.thumb:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.lightbox{position:fixed;inset:0;z-index:100;background:#000000EB;display:flex;align-items:center;justify-content:center;padding:16px}
.lightbox[hidden]{display:none}
.lb-fig{max-width:min(92vw,1600px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:8px}
.lb-fig img{max-width:92vw;max-height:82vh;width:auto;height:auto;display:block;box-shadow:0 10px 40px #000}
.lb-fig figcaption{font-family:var(--font-mono);font-size:11px;color:#CCCCCC;text-align:center}
.lb-close{position:absolute;top:10px;right:14px;font-size:28px;color:#fff;width:40px;height:40px;opacity:.8}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:36px;color:#fff;width:44px;height:64px;opacity:.7}
.lb-nav:hover,.lb-close:hover{opacity:1}
.lb-prev{left:6px}.lb-next{right:6px}

/* 2 Oct 2026 — the work, shown. README grid: one cover per project. Project pages: the images at the size
   VS Code previews an image file, in order, each one a door to the lightbox. Explorer hover: a peek. */
.work{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px 10px;margin:18px 0 26px;max-width:760px}
.work .cell{display:block;color:var(--editor-fg);text-decoration:none;border-radius:3px;outline-offset:3px}
.work .cell img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:var(--code-bg);filter:saturate(.85) brightness(.94);transition:filter .25s ease,transform .25s ease}
.work .cell:hover img,.work .cell:focus-visible img{filter:none;transform:translateY(-2px)}
.work .cell:focus-visible{outline:2px solid var(--orange)}
.work .cap{display:flex;justify-content:space-between;gap:6px;margin-top:6px;font-size:12px;line-height:1.3}
.work .cap .t{color:var(--strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work .cap .yr{color:var(--desc);font-family:var(--font-mono);font-size:11px;flex:0 0 auto}
.gallery{display:flex;flex-direction:column;gap:18px;margin-top:8px;max-width:1100px}
.shot{display:block;padding:0;border-radius:3px;overflow:hidden;background:var(--code-bg);cursor:zoom-in;align-self:flex-start;max-width:100%}
.shot img{display:block;max-width:100%;width:auto;height:auto;max-height:82vh}
.shot:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.peek{position:fixed;z-index:90;width:240px;background:var(--sidebar-bg);border:1px solid var(--widget-border);border-radius:4px;box-shadow:0 8px 24px #00000066;padding:6px;pointer-events:none}
.peek[hidden]{display:none}
.peek img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.peek span{display:block;font-size:11px;font-family:var(--font-mono);color:var(--desc);padding:5px 2px 1px}

/* ---------- terminal (bottom panel) ---------- */
.terminal{flex:0 0 var(--term-h);height:var(--term-h);background:var(--term-bg);border-top:1px solid var(--border);position:relative;min-height:0;font-family:var(--font-mono);font-size:12px;color:var(--term-fg)}
.term-resize{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:ns-resize;z-index:2}
.term-head{flex:0 0 35px;display:flex;align-items:center;gap:12px;padding:0 12px;font-family:var(--font-ui);font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--fg);user-select:none}
.term-tab{padding:9px 0;box-shadow:inset 0 -1px 0 var(--fg);opacity:.95}
.term-shell{text-transform:none;letter-spacing:0;color:var(--desc)}
.term-out{flex:1;overflow:auto;min-height:0;padding:4px 14px 2px;white-space:pre-wrap;word-break:break-word;line-height:1.45}
.term-out .tline{margin:0 0 1px}
.term-out .cmd{color:var(--term-fg)}
.term-out .cmd .p{color:var(--term-ok)}
.term-out .dim{color:var(--term-dim)}
.term-out .err{color:var(--term-err)}
.term-out .bot .bang{color:var(--term-dim)}
.term-line{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:2px 14px 8px}
.term-line .prompt{color:var(--term-ok);white-space:nowrap}
.term-in{flex:1;background:transparent;border:0;outline:0;color:var(--term-fg);font-family:var(--font-mono);font-size:12px;padding:2px 0;caret-color:var(--term-fg);min-width:0}
.term-in:focus-visible{outline:none}

/* ---------- replicat (right panel) ---------- */
.replicat{flex:0 0 var(--right-w);width:var(--right-w);background:var(--sidebar-bg);border-left:1px solid var(--border);min-height:0}
.rep-head{position:relative;padding:10px 40px 8px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
.rep-title{font-size:13px;font-weight:600;color:var(--strong)}
.rep-title::before{content:"◍ ";color:var(--orange)}
.rep-sub{font-size:11px;color:var(--desc);line-height:1.4}
.rep-head .sheet-close{position:absolute;right:8px;top:8px}
.chat{flex:1;overflow:auto;min-height:0;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:100%;white-space:pre-wrap;word-break:break-word;line-height:1.5}
.msg.user{background:var(--input-bg);border:1px solid var(--widget-border);border-radius:6px;padding:8px 10px;color:var(--editor-fg)}
.msg.bot{display:flex;gap:10px;color:var(--editor-fg)}
.msg.bot::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--dotc);margin-top:7px}
.msg.bot .txt{flex:1;min-width:0}
.msg.bot .bang{color:var(--desc);font-family:var(--font-mono);font-size:12px}
.msg.sys{color:var(--desc);font-size:12px}
.msg.err{color:var(--red);font-size:12px}
.msg .wait{display:inline-block;width:7px;height:13px;background:var(--fg);vertical-align:-2px;animation:b 1.06s steps(1) infinite}
.composer{flex:0 0 auto;margin:8px 12px 12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);overflow:hidden}
.composer:focus-within{border-color:var(--orange)}
.composer .field{width:100%;background:transparent;border:0;outline:0;color:var(--editor-fg);font-size:13px;line-height:1.5;padding:10px 12px 6px;resize:none;min-height:40px;max-height:140px;display:block}
.composer .field::placeholder{color:var(--fg);opacity:.75}
.composer .bar{display:flex;align-items:center;gap:8px;padding:4px 8px 6px 12px;font-size:11px;color:var(--fg)}
.composer .hint{opacity:.85}
.composer .send{width:28px;height:28px;border-radius:6px;background:var(--clay);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.composer .send:disabled{opacity:.5;cursor:default}

/* ---------- status bar ---------- */
.statusbar{flex:0 0 22px;height:22px;background:var(--statusbar-bg);color:var(--statusbar-fg);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;user-select:none;overflow:hidden}
.sb-left,.sb-right{display:flex;align-items:center;gap:0;min-width:0}
.statusbar span{margin-right:14px;white-space:nowrap}
.sb-right span:last-of-type{margin-right:10px}
.sb-toggle{height:22px;padding:0 6px;color:var(--statusbar-fg);white-space:nowrap;border-radius:0;font-size:12px}
.sb-toggle:hover{background:#FFFFFF1F}
.sb-toggle[aria-pressed="true"]{background:#FFFFFF33}
#clk{font-variant-numeric:tabular-nums}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .cur,.msg .wait{animation:none}
  *{scroll-behavior:auto!important}
}

/* ---------- narrow: sheets + bottom activity row ---------- */
@media (max-width:719px){
  .frame{flex-direction:column}
  .main{order:1}
  .activitybar{order:2;flex:0 0 48px;width:100%;flex-direction:row;justify-content:space-around;padding:0}
  .activitybar .spacer{display:none}
  .act[aria-pressed="true"]{box-shadow:inset 0 2px 0 var(--activitybar-fg)}
  .panel.open{position:fixed;top:0;left:0;right:0;bottom:70px;z-index:50;width:auto;height:auto;flex:none;border:0;border-bottom:1px solid var(--border)}
  .activitybar{position:relative;z-index:60}
  .statusbar{position:relative;z-index:60}
  .sidebar.open{background:var(--sidebar-bg)}
  .sheet-close{display:flex;align-items:center;justify-content:center}
  .sb-head{padding:12px 12px 8px 16px;font-size:12px}
  .term-resize{display:none}
  .term-head{flex:0 0 44px}
  .rep-head{padding-top:14px}
  .doc{padding:18px 16px 60px}
  .thumb,.thumb img{height:88px}
  .work{grid-template-columns:repeat(2,1fr);gap:12px 8px}
  .gallery{gap:10px}
  .shot{align-self:stretch}.shot img{width:100%;max-height:none}
  .tb-title{font-size:12px}
  .statusbar{padding:0 6px}
  .statusbar span{margin-right:10px}
  .sb-warn,#st-state{display:none}
  .sb-toggle .t{display:none}
  .sb-toggle{padding:0 5px}
  .lb-nav{width:36px;height:56px;font-size:30px}
  .empty{font-size:12px}
  .row:not(.sb-results .row){height:34px;line-height:34px;font-size:14px}   /* 13 Oct: thumb-sized explorer rows on phones */
  .row .k{font-size:11px}
  .sb-results .row{padding-top:8px;padding-bottom:8px}
}