.on-wrap{gap:18px;display:grid}.on-now,.on-plan{border:1px solid var(--lt-line);border-radius:var(--lt-radius);background:var(--lt-surface);gap:8px;padding:18px;display:grid}.on-now{border-left:6px solid var(--lt-muted)}.on-now.on-open{border-left-color:#2f7d4f}.on-now.on-unclear{border-left-color:#b7791f}.on-now.on-closed{border-left-color:var(--lt-accent)}.on-now p,.on-plan p{margin:0;line-height:1.5}.on-kicker,.on-small{color:var(--lt-muted);font-size:.86rem}.on-small a{color:var(--lt-link)}.on-big{font-size:1.6rem;font-weight:700}.on-plan h3{margin:0;font-size:1.15rem}.on-days{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.on-days button{border:1px solid var(--lt-line);background:var(--lt-bg);color:var(--lt-ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:7px 12px;font-size:.88rem}.on-days button.on{background:var(--lt-ink);color:var(--lt-bg);border-color:var(--lt-ink)}.on-time{gap:6px;display:grid}.on-time input{width:100%;accent-color:var(--lt-accent)}.on-rows{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.on-row-label{color:var(--lt-muted);font-size:.78rem}.on-bar{border-radius:6px;grid-template-columns:repeat(96,minmax(0,1fr));height:22px;display:grid;overflow:hidden}.on-bar i{cursor:pointer;min-width:0;display:block}.on-bar i.at{outline:2px solid var(--lt-ink);outline-offset:-2px}.on-c-open{background:#8cc7a1}.on-c-unclear{background:repeating-linear-gradient(45deg,#e8c27a 0 3px,#f6e7c4 3px 6px)}.on-c-closed{background:#c9c9c9}.on-l-dark,.on-l-night{background:#263040}.on-l-day{background:#f1e3b0}.on-l-golden{background:#e7a94c}.on-axis{color:var(--lt-muted);justify-content:space-between;font-size:.72rem;display:flex}.on-result{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0;display:grid}.on-result div{background:var(--lt-bg);border:1px solid var(--lt-line);border-radius:12px;padding:10px 12px}.on-result dt{font-weight:700}.on-result dd{margin:4px 0 0;font-size:.92rem;line-height:1.45}.on-result .on-open dt{color:#2f7d4f}.on-result .on-unclear dt{color:#8a5a12}.on-result .on-closed dt{color:var(--lt-accent)}.on-src{border-collapse:collapse;font-size:.88rem}.on-src th,.on-src td{text-align:left;padding:4px 12px 4px 0;font-weight:400}.on-src th{color:var(--lt-muted)}.on-access{gap:12px;margin:0 0 10px;padding-left:1.1rem;display:grid}.on-access p{margin:0;line-height:1.5}