.ui{background:var(--paper);border:1px solid var(--rule);border-radius:.75rem;overflow:hidden}.ui-chrome{background:var(--raised);border-bottom:1px solid var(--rule);color:var(--ink-faint);font-family:var(--mono);letter-spacing:.06em;text-align:center;padding:.45rem .75rem;font-size:.62rem}.ui-body{padding:1.1rem 1rem 1rem}.ui-mast{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.75rem;display:flex}.ui-name{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:600}.ui-name:after{background:var(--yellow);content:"";border-radius:.0625rem;width:2.9rem;height:.25rem;margin-top:-.25rem;display:block}.ui-tally{color:var(--ink-faint);font-family:var(--mono);margin:0;font-size:.64rem}.ui-tally b{color:var(--ink-soft);font-weight:500}.ui-ghost{border:1px solid var(--rule);color:var(--ink-soft);font-family:var(--sans);border-radius:.4rem;padding:.22rem .55rem;font-size:.7rem}.ui-field{background:var(--raised);border:1px solid var(--rule);color:var(--ink-faint);border-radius:.55rem;align-items:center;gap:.6rem;margin-top:1rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.ui-field svg{flex:none}.ui-controls{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.ui-toggle{border:1px solid var(--rule);border-radius:.4rem;display:flex;overflow:hidden}.ui-toggle i{color:var(--ink-soft);padding:.22rem .55rem;font-size:.7rem;font-style:normal}.ui-toggle i[data-on=true]{background:var(--ink);color:var(--paper)}.ui-inks{align-items:center;gap:.28rem;margin-left:.2rem;display:flex}.ui-dot{border-radius:50%;width:.85rem;height:.85rem;display:block}.ui-entry{padding:.75rem 0 .85rem 1.1rem;position:relative}.ui-entry:before{background:var(--tint);content:"";border-radius:0 .125rem .125rem 0;width:.1875rem;position:absolute;top:.75rem;bottom:.85rem;left:0}.ui-quote{font-family:var(--serif);margin:0;font-size:.95rem;line-height:1.45}.ui-why{border-left:2px solid var(--rule);color:var(--ink-soft);font-family:var(--serif);margin:.45rem 0 0;padding-left:.6rem;font-size:.85rem;font-style:italic;line-height:1.45}.ui-why:before{color:var(--ink-faint);content:"why";font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.56rem;font-style:normal;display:block}.ui-trail{color:var(--ink-faint);font-family:var(--mono);margin:.5rem 0 0;font-size:.62rem}.ui-summary{color:var(--ink-soft);margin:.75rem 0 0;font-size:.85rem}.ui-actions{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.ui-pal-label{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.6rem}.ui-pal-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.ui-pal-row:last-child{margin-bottom:0}.ui-pal-input{background:var(--raised);border:1px solid var(--rule);color:var(--ink);border-radius:.4rem;flex:1;min-width:0;padding:.32rem .5rem;font-size:.8rem}.ui-pal-input[data-empty=true]{color:var(--ink-faint)}.ui-field[data-typed=true]{border-color:var(--rule-strong);color:var(--ink)}.ui-ghost[data-on=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ui-hit{background:var(--wash);color:inherit;border-radius:.15rem;padding:0 .1rem}.ui-tags{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.ui-tags span{background:var(--sunk);color:var(--ink-soft);font-family:var(--mono);border-radius:.3rem;padding:.14rem .4rem;font-size:.58rem}.ui-later{border-top:1px solid var(--rule);padding:.8rem 0 .2rem}.ui-later-title{font-family:var(--serif);margin:0 0 .4rem;font-size:.95rem;font-weight:600;line-height:1.35}.ui-later .ui-why:before{content:"why later"}.ui-later .ui-trail b{color:var(--ink-soft);font-weight:500}
