:root{font-family:system-ui,sans-serif;color:#ecf3ff;background:#0b1422;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:20px 22px;border-bottom:1px solid #30435f;display:flex;justify-content:space-between;align-items:center;background:#101c30}header strong{font-size:24px}header span{color:#55dfae}header small{color:#afc1da}main{max-width:760px;margin:0 auto;padding:20px}h1{font-size:25px;margin:0 0 12px}h2{font-size:21px}p{line-height:1.5}small,.muted{color:#afc1da}.panel,.event{background:#142238;border:1px solid #30435f;border-radius:12px;padding:18px}.panel{max-width:470px;margin:20px auto}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}button,input,textarea{font:inherit}button{background:#203650;border:1px solid #45607f;border-radius:8px;color:inherit;padding:11px 14px;min-height:44px;cursor:pointer}button.primary{background:#21846c;border-color:#39b795}button:disabled{opacity:.55;cursor:wait}label{display:block;margin:14px 0;font-size:14px}input,textarea{display:block;width:100%;margin-top:7px;background:#0c1828;color:inherit;border:1px solid #45607f;border-radius:8px;padding:12px;min-height:44px}label.grow{flex:1;margin:0}.event{display:block;text-align:left;width:100%;margin:10px 0}.event strong{display:block;margin:6px 0;font-size:17px;overflow-wrap:anywhere}.event time{color:#55dfae;font-weight:600}.day{margin-top:24px}dialog{color:inherit;background:#142238;border:1px solid #45607f;border-radius:14px;width:calc(100vw - 24px);max-width:600px;max-height:92dvh;padding:20px}dialog::backdrop{background:#03080ebd}dialog h2{margin-top:0}dl{margin:20px 0}dt{font-size:13px;color:#afc1da;margin-top:18px}dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#ffb4b4;white-space:pre-wrap}#message{position:fixed;bottom:15px;left:15px;right:15px;margin:auto;max-width:700px;background:#203650;padding:12px;border-radius:8px;pointer-events:none}#message:empty{display:none}.user{display:flex;justify-content:space-between;gap:12px;align-items:center}.dates{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end}.dates label{margin:0}form .toolbar{position:sticky;bottom:-20px;background:#142238;padding:12px 0;margin-bottom:-10px}#formError{color:#ffb4b4}@media(min-width:600px){.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}}

select{display:block;width:100%;margin-top:7px;background:#0c1828;color:inherit;border:1px solid #45607f;border-radius:8px;padding:12px;min-height:44px;font:inherit}fieldset{border:1px solid #30435f;border-radius:8px;padding:12px}fieldset[hidden]{display:none}

.work-line{border:1px solid #30435f;border-radius:10px;padding:14px;margin:12px 0}.work-line strong,.work-line small{display:block}.work-line small{margin-top:6px}nav.toolbar button{flex:1}.work-line button{padding:8px 12px}
