.x-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.x-seg{display:flex;flex-wrap:wrap;gap:4px}
.x-seg button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:5px 12px;font:inherit;font-size:.78rem;cursor:pointer}
.x-seg button.x-on{background:var(--o);border-color:var(--o);color:var(--deep)}
.x-week{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:10px 0 18px}
.x-day{background:var(--bg2);border-radius:12px;padding:8px;min-width:0}
.x-day h4{margin:0 0 6px;font-size:.85rem;color:var(--head)}
.x-day.x-now{outline:2px solid var(--o)}
.x-ses{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--o);border-radius:9px;padding:7px 8px;margin-bottom:6px;font-size:.8rem;overflow-wrap:anywhere}
.x-ses p{margin:2px 0;color:var(--head);font-weight:600}
.x-ses small{color:var(--muted);display:block}
.x-ses small.x-med{color:var(--o)}
.x-ses.x-done{border-left-color:var(--muted);opacity:.8}
.x-ses.x-cxl,.x-ses.x-rain,.x-ses.x-late{border-left-color:var(--line);opacity:.6}
.x-ses.x-cxl p,.x-ses.x-rain p,.x-ses.x-late p{text-decoration:line-through}
.x-sh{display:flex;justify-content:space-between;gap:6px;align-items:baseline;flex-wrap:wrap}
.x-sh em{font-style:normal;font-size:.7rem;color:var(--o);font-weight:600}
.x-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-ses .x-acts .btn{padding:4px 9px;font-size:.72rem}
.x-card{background:var(--bg2);border-radius:14px;padding:14px;margin-bottom:14px;min-width:0}
.x-card h4{margin:0 0 8px;color:var(--head);font-size:.95rem}
.x-card h4 small{color:var(--muted);font-weight:400;font-size:.75rem}
.x-form{display:grid;gap:8px}
.x-card input,.x-card select,.x-card textarea{width:100%;box-sizing:border-box;font:inherit;font-size:.85rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);margin-bottom:6px}
.x-form input,.x-form select{margin-bottom:0}
.x-card input[type=range]{padding:0;border:0;background:none;accent-color:var(--o);margin:0}
.x-card input[type=checkbox]{width:auto;margin:0;accent-color:var(--o)}
.x-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center}
.x-info{font-size:.8rem;margin:0;padding:8px 10px;border-radius:8px;background:var(--card);border:1px dashed var(--line);overflow-wrap:anywhere}
.x-phone{max-width:290px;margin:0 auto 14px;border:2px solid var(--line);border-radius:24px;padding:14px 12px;background:var(--bg2);overflow-wrap:anywhere}
.x-ph-h{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:8px;font-weight:600}
.x-to{font-size:.72rem;color:var(--muted);margin:6px 0 4px}
.x-sms{background:var(--card);color:var(--text);border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:.8rem;line-height:1.45;margin-bottom:6px}
.x-sms u{color:var(--o)}
.x-list{list-style:none;padding:0;margin:0 0 10px}
.x-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.x-list li span{color:var(--muted);font-size:.78rem;min-width:0}
.x-list li b{color:var(--head)}
.x-list .btn{padding:4px 10px;font-size:.74rem}
.x-med{color:var(--o);font-style:normal;font-size:.72rem}
.x-bar{height:7px;background:var(--line);border-radius:9px;overflow:hidden;margin:3px 0}
.x-bar i{display:block;height:100%;background:var(--o);border-radius:9px;transition:width .4s}
.x-pk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.x-pk b{color:var(--head);font-size:.88rem}
.x-pk small{display:block;color:var(--muted);font-size:.74rem}
.x-pk.x-low .x-pk-b small{color:var(--o);font-weight:600}
.x-pk .btn{padding:5px 10px;font-size:.75rem}
.x-big{font-size:2.4rem;font-weight:700;color:var(--o);line-height:1;text-align:center;margin-top:6px}
.x-c{text-align:center;color:var(--muted);margin:2px 0 6px}
.x-phone .btn{width:100%;margin-top:6px}
.x-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.x-ba div{background:var(--card);border-radius:10px;padding:9px;font-size:.78rem;color:var(--text)}
.x-ba b{display:block;color:var(--head)}
.x-sk{display:grid;grid-template-columns:78px minmax(0,1fr) 24px;gap:8px;align-items:center;font-size:.82rem;margin-bottom:4px}
.x-sk output{font-weight:700;color:var(--o);text-align:right}
.x-chart{width:100%;height:auto;display:block;margin:6px 0}
.x-chart line{stroke:var(--line)}
.x-srow{display:grid;grid-template-columns:66px minmax(0,1fr) 44px;gap:6px;align-items:center;font-size:.74rem;margin:3px 0}
.x-srow em{font-style:normal;color:var(--o);font-weight:600;text-align:right}
.x-chip{border:1px solid var(--o);background:none;color:var(--o);border-radius:99px;padding:3px 10px;margin:2px 4px 2px 0;font:inherit;font-size:.75rem;cursor:pointer}
.x-clip{display:flex;gap:8px;align-items:center;font-size:.74rem;color:var(--muted);margin-top:4px}
.x-clip i{width:54px;height:34px;flex:none;border-radius:6px;background:var(--line);display:grid;place-items:center;font-style:normal;color:var(--o)}
.x-grp{margin-bottom:10px}
.x-grp b{color:var(--head);font-size:.85rem}
.x-grp small{color:var(--muted);font-size:.75rem}
.x-chk{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--text)}
.x-drill{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:7px 9px;margin-bottom:5px;font:inherit;font-size:.78rem;cursor:pointer}
.x-drill.x-on{border-color:var(--o)}
.x-drill b{color:var(--o)}
.x-drill em{font-style:normal}
@media (max-width:560px){.x-week{grid-template-columns:repeat(2,minmax(0,1fr))}.x-pk{grid-template-columns:minmax(0,1fr) auto}.x-pk-b{grid-column:1/-1;order:3}.x-r2,.x-ba{grid-template-columns:minmax(0,1fr)}}