:root{--brand:#5ea7a3;--brand-dark:#478b87;--brand-tint:#cbe3e1;--ink:#4a4a4a;--paper:#fff;--line:#e3e3e3;--font-body:system-ui, sans-serif;--font-heading:system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:#f6f8f8;margin:0}h1,h2{font-family:var(--font-heading);font-weight:600}button{font:inherit;border:1px solid var(--brand-dark);background:var(--paper);color:var(--brand-dark);cursor:pointer;border-radius:6px;padding:6px 12px}button.on,button[type=submit]{background:var(--brand);color:#fff;border-color:var(--brand)}.banner{color:#fff;text-align:center;letter-spacing:.02em;background:#69262b;padding:4px 8px;font-size:.85rem}.shell header{background:var(--paper);border-bottom:3px solid var(--brand);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.brand img{height:36px}.today{color:var(--brand-dark);margin-left:auto}.user{align-items:center;gap:10px;display:flex}nav{background:var(--brand-tint);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}main{padding:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;max-width:900px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.muted{color:#777}.login{flex-direction:column;align-items:center;min-height:100vh;display:flex}.login form{background:var(--paper);border:1px solid var(--line);border-radius:8px;gap:12px;width:min(360px,92vw);margin-top:10vh;padding:24px;display:grid}.login label{gap:4px;display:grid}.login input{font:inherit;border:1px solid var(--line);border-radius:6px;padding:8px}.error{color:#69262b;margin:0}.hold{text-align:center;background:var(--paper);border-top:6px solid var(--brand);border-radius:8px;max-width:560px;margin:15vh auto;padding:24px}.loading{padding:24px}.card.wide{max-width:1200px}button.link{color:var(--brand-dark);background:0 0;border:none;padding:0;text-decoration:underline}table.list{border-collapse:collapse;width:100%}table.list td{border-bottom:1px solid var(--line);padding:6px 8px}.chip,.marker-chip{border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.75rem;display:inline-block}.chip{background:var(--brand-tint);color:var(--brand-dark)}.marker-chip{color:#7a5a00;background:#fff3cd;border:1px solid #f0d58a}.form .grid{grid-template-columns:1fr;gap:6px 24px;margin:12px 0;display:grid}@media (width>=900px){.form .grid{grid-template-columns:1fr 1fr}}.form .lbl{color:var(--brand-dark);grid-column:1/-1;margin-top:8px;font-weight:600}.form .ctl{gap:2px;display:grid}.form .ctl label{color:#555;font-size:.85rem}.form .ctl input,.form .ctl select,.form .ctl textarea{font:inherit;border:1px solid var(--line);border-radius:6px;padding:5px 8px}.form .ctl.flag input,.form .ctl.flag select{color:#b00020;border-color:#b00020;font-weight:600}.form .ctl.marker{color:#8a6d00;font-size:.8rem}.basis{color:#777;font-size:.75rem}.reminders .reminder{background:#fdecea;border-left:4px solid #b00020;margin:4px 0;padding:6px 10px}.toasts .toast{background:#eef5f5;border-radius:4px;margin:2px 0;padding:4px 8px;font-size:.85rem}.toasts .toast.not-ported{background:#fff3cd}.markers{background:#fffbea;border:1px solid #f0d58a;max-height:240px;padding:8px 24px;font-size:.8rem;overflow:auto}.sticky{background:var(--paper);border-top:1px solid var(--line);padding:8px 0;position:sticky;bottom:0}.note-frame iframe{border:1px solid var(--line);background:#fff;width:100%;height:70vh}.form output.calc{background:#f3f7f7;border-radius:6px;padding:5px 8px;font-weight:600}.login-brand{text-align:center;justify-items:center;gap:6px;margin-top:8vh;display:grid}.login-brand img{max-width:80vw;max-height:72px}.login-name{font-family:var(--font-heading);color:var(--brand-dark);font-size:1.3rem;font-weight:600}.login-brand+form{margin-top:24px}.fb-button{background:var(--paper);border:2px solid var(--brand-dark);width:40px;height:40px;color:var(--brand-dark);z-index:50;border-radius:50%;padding:0;font-size:1.1rem;font-weight:700;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 6px #00000026}.fb-panel{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--brand);z-index:50;border-radius:8px;gap:8px;width:min(380px,100vw - 32px);max-height:80vh;padding:12px;display:grid;position:fixed;bottom:64px;right:16px;overflow:auto;box-shadow:0 4px 16px #0000002e}.fb-panel textarea{font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px 8px}.fb-tags{flex-wrap:wrap;gap:6px;display:flex}.fb-tags button{padding:3px 8px;font-size:.8rem}.fb-toast{color:#fff;z-index:50;background:#263;border-radius:6px;padding:6px 12px;position:fixed;bottom:20px;right:64px}.small{font-size:.8rem}a.button{border:1px solid var(--brand-dark);color:var(--brand-dark);border-radius:6px;padding:6px 12px;text-decoration:none}dl.ctx{grid-template-columns:1fr;gap:2px;font-size:.85rem;display:grid}dl.ctx div{gap:8px;display:flex}dl.ctx dt{color:#666;min-width:120px}.schedule .book{gap:4px;margin:12px 0;display:grid;overflow-x:auto}.book .times .t{color:#777;text-align:right;height:18px;padding-right:4px;font-size:.7rem}.book .times{padding-top:28px}.book .col{border-left:1px solid var(--line);position:relative}.book .col.closed{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 6px,#f0f0f0 6px 12px)}.book .colhead{white-space:nowrap;text-overflow:ellipsis;height:28px;font-size:.8rem;font-weight:600;overflow:hidden}.book .cells{position:relative}.book .cell{background:0 0;border:none;border-top:1px dotted #eee;border-radius:0;width:100%;height:18px;padding:0;display:block}.book .cell:hover,.book .cell:focus{background:var(--brand-tint)}.book .hold{color:#6a5300;text-align:left;background:repeating-linear-gradient(45deg,#fff8e1,#fff8e1 4px,#ffe9a8 4px 8px);border:1px dashed #c9a400;font-size:.7rem;position:absolute;left:2px;right:2px;overflow:hidden}.book .appt{border:1px solid var(--line);cursor:grab;background:#fff;border-left:5px solid #999;border-radius:4px;padding:1px 4px;font-size:.72rem;position:absolute;left:2px;right:2px;overflow:hidden}.book .appt .tag{background:#eef;border-radius:3px;margin-left:4px;padding:0 3px;font-size:.65rem}.dialog{background:var(--paper);border:1px solid var(--line);z-index:40;border-radius:8px;width:min(720px,94vw);max-height:80vh;padding:16px;position:fixed;top:10vh;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 6px 24px #0003}.dialog.wide{width:min(1000px,96vw)}.grid2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=800px){.grid2{grid-template-columns:1fr 1fr}}.alert{background:#fdecea;border-left:4px solid #b00020;padding:6px 10px}.mock-label{color:#7a5a00;background:#fff3cd;border:1px solid #f0d58a;border-radius:4px;padding:2px 8px;font-size:.8rem}.swatch{vertical-align:middle;border:1px solid #ccc;width:12px;height:12px;display:inline-block}.tabs{margin-top:12px}