.mini{border:1px solid var(--line);background:var(--paper-raised);width:300px;box-shadow:var(--shadow-lg);color:var(--ink);text-align:left;border-radius:12px;overflow:hidden}.mini-bar{border-bottom:1px solid var(--line);background:var(--paper-sunk);align-items:center;gap:8px;padding:7px 10px;display:flex}.mini-dots{gap:4px;display:inline-flex}.mini-dots i{background:var(--stone-7);border-radius:99px;width:7px;height:7px}.mini-addr{border:1px solid var(--line);background:var(--paper-raised);font:400 10px/15px var(--font-mono);color:var(--ink-muted);white-space:nowrap;border-radius:99px;padding:1px 7px}.mini-state{margin-left:auto;display:inline-grid}.mini-state svg{grid-area:1/1;width:14px;height:14px;transition:opacity .4s ease-out}.mini-state .sun{color:var(--sun)}.mini-state .moon{color:var(--cobalt);opacity:0}.mini-body{padding:12px 14px 14px}.mini-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.mini-t{font:600 14px/19px var(--font-sans);letter-spacing:-.01em;margin:0}.mini-s{color:var(--ink-muted);margin:1px 0 0;font-size:11px;line-height:14px}.mini-faces{flex:none;display:inline-flex}.mini-faces span{border:2px solid var(--paper-raised);width:20px;height:20px;font:600 9px/1 var(--font-sans);color:var(--paper);background:var(--stone-12);border-radius:99px;place-items:center;margin-left:-5px;display:grid}.mini-faces span:nth-child(2){background:var(--cobalt)}.mini-faces span:nth-child(3){background:var(--pine)}.mini-faces span:nth-child(4){background:var(--sun)}.mini-rows{margin:0;padding:0;font-size:11.5px;line-height:16px;list-style:none}.mini-rows li{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 4px;transition:background-color .3s ease-out;display:grid}.mini-rows li span,.mini-rows li em{color:var(--ink-muted);font-style:normal}.mini-rows li b{font-weight:500}.mini-rows li.on{background:var(--sun-soft)}.mini-rows li.on b{font-weight:600}.mini-rows li.add span{color:var(--cobalt-ink)}.mini-rows .meter{background:linear-gradient(90deg, var(--ink) var(--v), var(--stone-5) var(--v));border-radius:9px;height:5px}.mini-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:46px;margin:6px 0 8px;display:flex}.mini-bars span{height:var(--v);background:var(--stone-6);border-radius:3px 3px 0 0;flex:1}.mini-bars span.now{background:var(--ink)}.mini-doc i{background:var(--stone-5);border-radius:4px;height:7px;margin-top:8px;display:block}.mini-doc p{font:600 12px/16px var(--font-sans);margin:12px 0 0}.w6{width:60%}.w7{width:70%}.w8{width:82%}.w9{width:94%}.mini-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mini-grid span{aspect-ratio:1;background:var(--stone-5);border-radius:3px}.mini-grid span.on{background:var(--pine)}.mini-cols{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini-cols p{font:500 10px/14px var(--font-sans);color:var(--ink-muted);margin:0 0 4px}.mini-cols i{border:1px solid var(--line);background:var(--paper-sunk);border-radius:4px;height:16px;margin-top:4px;display:block}.mini-cols i.hot{border-color:var(--tomato-line);background:var(--tomato-soft)}.mini-poll{margin:0;padding:0;font-size:11.5px;list-style:none}.mini-poll li{border-radius:5px;justify-content:space-between;margin-top:5px;padding:5px 8px;display:flex;position:relative;overflow:hidden}.mini-poll li span{width:var(--v);background:var(--cobalt-soft);position:absolute;inset:0 auto 0 0}.mini-poll b,.mini-poll em{font-style:normal;font-weight:500;position:relative}.mini-poll em{color:var(--ink-muted)}.mini[data-asleep]{filter:grayscale();opacity:.55}.mini[data-asleep] .mini-state .sun{opacity:0}.mini[data-asleep] .mini-state .moon{opacity:1}.floor{transform-style:preserve-3d;gap:22px;display:grid}.floor .mini{width:236px;height:170px;box-shadow:var(--shadow-sm);transition:filter .6s ease-out,opacity .6s ease-out,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.floor .mini-bar{border-radius:12px 12px 0 0}.floor .mini-body{height:138px;overflow:hidden}.floor .mini:not([data-asleep]){transform:translateZ(34px);box-shadow:0 30px 40px -12px #1c191747}.night .floor .mini[data-asleep]{filter:grayscale()brightness(.7);opacity:.4}.night .floor .mini:not([data-asleep]){box-shadow:0 0 0 1px var(--sun-line), 0 0 60px -6px color-mix(in oklab, var(--sun) 55%, transparent), 0 30px 40px -12px #0009}
