:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}body{margin:0;min-height:100dvh;display:grid;place-items:start center;background:#f4f5f7;color:#16181d}@media(prefers-color-scheme:dark){body{background:#14161a;color:#eceef2}}#app{width:min(32rem,100% - 2rem);padding:2rem 0 4rem}.head h1{margin:0 0 .25rem;font-size:1.6rem}.sub{margin:0;opacity:.6;font-size:.9rem}.status{min-height:1.4rem;margin:.75rem 0 0;color:#b42318;font-size:.9rem}.sessions{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.5rem}.session{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgb(0 0 0 / .12);border-radius:.75rem;background:Canvas}.session.current{border-color:#2563eb73}.session .label{display:flex;flex-direction:column;gap:.15rem}.session .hint{font-size:.8rem;opacity:.6}.session button,.confirm button{font:inherit;padding:.45rem .8rem;border-radius:.5rem;border:1px solid rgb(0 0 0 / .18);background:transparent;color:inherit;cursor:pointer}.session button:disabled{opacity:.4;cursor:not-allowed}.confirm{position:fixed;inset:50% auto auto 50%;translate:-50% -50%;width:min(24rem,100% - 2rem);padding:1.25rem;border-radius:.9rem;background:Canvas;border:1px solid rgb(0 0 0 / .15);box-shadow:0 1rem 3rem #0003}.confirm .row{display:flex;justify-content:flex-end;gap:.5rem}.danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important}.hold{margin-top:1rem;font-size:.9rem;opacity:.7}