/* rice.css: the "rice" skin. /g/ desktop thread, not r/unixporn: flat, 1px lines, gaps, bitmap chrome, no blur, no radius.
   Chrome is RVLS Thorn at 13px (or 26/52, whole multiples only); terminal + conky rows are JetBrains Mono (monospace, box glyphs). */
html[data-skin="rice"] {
  --r-bg:#0b0b0c; --r-fg:#cfc9bb; --r-dim:#6b6760; --r-line:#2a2a2c; --r-acc:#c8102e;
  --chrome:var(--r-bg); --hi:var(--r-line); --lo:#000; --mid:#141416; --paper:#101012; --ink:var(--r-fg); --fx:var(--r-acc);
  --thorn:"RVLS Thorn", var(--f-read); --bar:0px;
}
html[data-skin="rice"] #os { background-color:#3a3a3e; background-blend-mode:multiply; font:13px var(--thorn); color:var(--r-fg); }
html[data-skin="rice"] #os :is(.bevel, .sunk) { background:var(--r-bg); border:1px solid var(--r-line); }
html[data-skin="rice"] :focus-visible { outline:1px solid var(--r-acc); outline-offset:1px; }

/* windows: hairline frame, accent frame when focused, 18px title row */
html[data-skin="rice"] .win { border:1px solid var(--r-line) !important; }
html[data-skin="rice"] .win.active { border-color:var(--r-acc) !important; }
html[data-skin="rice"] .win .tb { height:18px; gap:6px; padding:0 2px 0 6px; background:var(--r-bg); color:var(--r-dim); box-shadow:inset 0 -1px 0 var(--r-line); }
html[data-skin="rice"] .win.active .tb { background:var(--r-bg); color:var(--r-fg); box-shadow:inset 0 -1px 0 var(--acc, var(--r-acc)); }
html[data-skin="rice"] .win .tb img { width:13px; height:13px; filter:invert(.8); }
html[data-skin="rice"] .win .tb .t { font:13px var(--thorn); text-transform:lowercase; }
html[data-skin="rice"] .win .tb .rate { font:13px var(--thorn); border:0; background:none; color:var(--r-dim); }
html[data-skin="rice"] .win .ctl { width:16px; height:16px; border:0 !important; background:none !important; color:var(--r-dim); }
html[data-skin="rice"] .win .ctl svg { width:10px; height:10px; }
html[data-skin="rice"] .win .ctl:hover { color:var(--r-acc); }
html[data-skin="rice"] .win .body { margin:0; border:0 !important; background:var(--paper); color:var(--r-fg); font:13px/1.6 var(--f-read); }
html[data-skin="rice"] .win.max { inset:23px 0 0 0 !important; }
html[data-skin="rice"] .win .grip { background:linear-gradient(135deg, transparent 60%, var(--r-dim) 60% 66%, transparent 66% 78%, var(--r-dim) 78% 84%, transparent 84%); }
html[data-skin="rice"] .paper { background:transparent; color:var(--r-fg); }
html[data-skin="rice"] .paper h1 { font:26px/1.1 var(--thorn); text-transform:lowercase; color:#f2efe6; }
html[data-skin="rice"] .paper :is(h2, h3) { font:13px var(--thorn); text-transform:lowercase; color:var(--r-acc); }
html[data-skin="rice"] .paper a, html[data-skin="rice"] .crumb { color:var(--r-acc); }
html[data-skin="rice"] .tags { color:var(--r-dim); font:13px var(--f-read); }
html[data-skin="rice"] .docsigil, html[data-skin="rice"] .paper img[src*="/sigils/"] { filter:invert(.86); }
html[data-skin="rice"] .loading, html[data-skin="rice"] .pre-t { color:var(--r-dim); font:13px var(--thorn); }
html[data-skin="rice"] .tabs { background:var(--r-bg); border-bottom:1px solid var(--r-line); }
html[data-skin="rice"] .tabs button { font:13px var(--thorn); border:1px solid var(--r-line); border-bottom:0; border-radius:0; background:var(--r-bg); color:var(--r-dim); }
html[data-skin="rice"] .tabs button[aria-selected="true"] { color:var(--r-fg); box-shadow:inset 0 2px 0 var(--r-acc); }
html[data-skin="rice"] .display button { background:var(--r-bg); color:var(--r-fg); border:1px solid var(--r-line); font:13px var(--thorn); }
html[data-skin="rice"] .display button[aria-pressed="true"] { border-color:var(--r-acc); }

/* desktop icons: monochrome, bitmap labels, no plates */
html[data-skin="rice"] .icons { top:36px; }
html[data-skin="rice"] .icon .glyph img { filter:invert(.82); }
html[data-skin="rice"] .icon .lbl { font:13px var(--thorn); background:none; color:var(--r-fg); }
html[data-skin="rice"] .icon:is(.sel, :focus-visible) .lbl { background:var(--r-acc); color:#fff; }

/* the floating taskbar/start menu give way to the bar (desktop only; phone keeps its own chrome) */
html[data-skin="rice"][data-mode="desktop"] :is(.taskbar, .startmenu) { display:none !important; }
html:not([data-skin="rice"]) :is(#rice-bar, #rice-conky, #rice-dmenu),
html:not([data-mode="desktop"]) :is(#rice-bar, #rice-conky, #rice-dmenu) { display:none !important; }

/* ---------- lemonbar ---------- */
#rice-bar { position:absolute; inset:0 0 auto 0; height:22px; z-index:9000; display:flex; align-items:stretch; background:var(--r-bg);
  border-bottom:1px solid var(--r-line); font:13px var(--thorn); color:var(--r-fg); text-transform:lowercase; }
#rice-bar button { font:inherit; background:none; border:0; color:inherit; padding:0 8px; }
.rb-tags { display:flex; }
.rb-tag { min-width:22px; color:var(--r-dim) !important; position:relative; }
.rb-tag.occ { color:var(--r-fg) !important; }
.rb-tag.occ::after { content:""; position:absolute; left:4px; top:4px; width:3px; height:3px; background:currentColor; }
.rb-tag.on { background:var(--r-acc) !important; color:#fff !important; }
.rb-tag.hid { opacity:.45; }
.rb-tag:disabled { cursor:default; }
.rb-lay { color:var(--r-dim) !important; }
.rb-ttl { flex:1; align-self:center; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-left:1px solid var(--r-line); }
.rb-right { display:flex; align-items:center; gap:2px; padding-right:8px; }
.rb-btn:hover, .rb-tag.occ:hover { color:var(--r-acc) !important; }
.rb-sep { color:var(--r-acc); padding:0 4px; }
.rb-up { color:var(--r-dim); padding:0 4px; }

/* ---------- conky ---------- */
#rice-conky { position:absolute; right:28px; top:46px; z-index:1; pointer-events:none; color:var(--r-fg); text-shadow:1px 1px 0 #000; }
.ck-clock { font:52px/1 var(--thorn); color:#f2efe6; letter-spacing:2px; }
.ck-date { font:13px var(--thorn); color:var(--r-acc); margin:4px 0 6px; }
.ck-rows { margin:0; font:12px/1.55 var(--f-read); color:var(--r-fg); }

/* ---------- dmenu ---------- */
#rice-dmenu { position:absolute; inset:0 0 auto 0; height:23px; z-index:9600; display:flex; align-items:stretch; background:var(--r-bg);
  border-bottom:1px solid var(--r-acc); font:13px var(--thorn); text-transform:lowercase; }
#rice-dmenu[hidden] { display:none; }
.dm-ps { background:var(--r-acc); color:#fff; padding:0 8px; display:flex; align-items:center; }
#rice-dmenu input { width:170px; background:none; border:0; outline:0; color:var(--r-fg); font:13px var(--f-read); padding:0 8px; caret-color:var(--r-acc); }
.dm-list { display:flex; overflow:hidden; }
.dm-item { font:inherit; background:none; border:0; color:var(--r-dim); padding:0 8px; }
.dm-item.on { background:var(--r-acc); color:#fff; }

/* ---------- term app (any skin: a terminal is always dark) ---------- */
.win .body.term { background:#0b0b0c; color:#cfc9bb; font:13px/1.45 var(--f-read); padding:8px 10px; cursor:text; }
.term-out { margin:0; font:inherit; white-space:pre-wrap; }
.term-art { color:#c8102e; }
.term-k { color:#c8102e; font-weight:700; }
.term-echo { color:#9a948a; }
.term-err { color:#ff5a6e; }
.term-row { display:flex; }
.term-ps { color:#c8102e; white-space:pre; }
.term-in { flex:1; background:none; border:0; outline:0; color:#f2efe6; font:inherit; padding:0; caret-color:#c8102e; }
.term-sw { letter-spacing:-1px; }
.sw0 { color:#0b0b0c; } .sw1 { color:#7a0f1e; } .sw2 { color:#c8102e; } .sw3 { color:#6b6760; }
.sw4 { color:#9a948a; } .sw5 { color:#cfc9bb; } .sw6 { color:#3a3a3e; } .sw7 { color:#f2efe6; }
html[data-skin="rice"] :is(.icon[data-app="term"] .glyph img, .win .tb img[src$="term.svg"]) { filter:none; }