:root{color-scheme:light;--bg: #ffffff;--ink: #1c1917;--muted: #78716c;--line: #e7e5e4;--soft: #fafaf9;--accent: #1d4ed8;--danger: #b91c1c;--shadow: 0 12px 40px rgba(28, 25, 23, .08);--font: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.app{height:100%;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;gap:20px;height:56px;padding:0 16px;border-bottom:1px solid var(--line);flex:none}.brand{font-weight:650;font-size:15px;text-decoration:none;letter-spacing:-.02em}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{text-decoration:none;padding:6px 10px;border-radius:8px;color:var(--muted)}.topbar nav a.active{background:var(--soft);color:var(--ink)}.who{display:flex;align-items:center;gap:8px;color:var(--muted)}.account-menu{position:relative}.split-btn{display:inline-flex}.split-btn .split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-btn .split-arrow{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;padding-left:7px;padding-right:7px}.chevron{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:168px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px;z-index:30}.menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:8px 10px;color:var(--danger)}.menu-item:hover{background:var(--soft)}.menu-error{margin:4px 8px 6px;font-size:12px}.avatar{width:28px;height:28px;border-radius:999px;object-fit:cover;display:inline-grid;place-items:center;background:#e7e5e4;font-size:12px;font-weight:600;color:var(--ink);flex:none}.page,.calendar-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px;gap:12px}.page-head,.cal-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.page-head h1,.suggest h2,.login-card h1,.modal h2{margin:0;font-size:20px;font-weight:620;letter-spacing:-.03em}.page-head p,.lede,.hint{margin:4px 0 0;color:var(--muted)}.head-actions,.week-nav,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.head-actions label,.field-row label,.modal label,.public-card label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.select,input[type=text],input[type=date],input[type=time],.modal input[type=text],.modal input:not([type=checkbox]){border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.danger{color:var(--danger)}.btn.tiny{padding:4px 8px;font-size:12px}.btn.wide{width:100%}.btn:disabled{opacity:.55;cursor:default}.fullpage{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.login-card h1{font-size:28px}.dev-logins{display:flex;flex-direction:column;gap:8px;margin-top:16px}.error{color:var(--danger);margin:8px 0 0}.error.banner{margin:0}.paint-scroll,.week-scroll{overflow:auto;min-height:0}.paint-scroll{flex:1;border:1px solid var(--line);border-radius:12px}.paint{min-width:760px;-webkit-user-select:none;user-select:none;touch-action:none}.paint-head-row,.paint-row{display:grid;grid-template-columns:64px repeat(7,minmax(88px,1fr))}.paint-head-row{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line)}.paint-day,.paint-corner{text-align:center;font-size:12px;font-weight:600;padding:8px 0;color:#57534e}.paint-time{font-size:11px;color:#a8a29e;text-align:right;padding-right:8px}.cell,.slot{border:0;border-top:1px solid #f5f5f4;border-left:1px solid #f5f5f4;background:#fff;padding:0;position:relative}.cell.hour,.slot.hour{border-top-color:#e7e5e4}.cell[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffff59}.strips{display:flex;height:100%}.strips span{flex:1}.slot em{position:absolute;right:3px;top:1px;font-style:normal;font-size:10px;font-weight:650;background:#ffffffe0;border-radius:999px;padding:0 4px}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;margin:0;padding:0}.legend label,.checks label,.check-line,.people li{display:flex;align-items:center;gap:8px}.legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.legend em,.checks em{color:var(--muted);font-style:normal;font-size:12px}.calendar-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.week-scroll{border:1px solid var(--line);border-radius:12px}.week-frame{min-width:760px}.week-head,.week-body{display:grid;grid-template-columns:64px repeat(7,minmax(0,1fr))}.week-head{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid var(--line)}.day-head{display:flex;flex-direction:column;align-items:center;padding:8px 0 10px}.day-head span{font-size:12px;color:var(--muted)}.day-head strong{font-size:16px;font-weight:620}.day-head.is-today strong{color:var(--accent)}.time-gutter{position:relative}.time-label{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:#a8a29e}.day-col{position:relative;border-left:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,#f5f5f4 23px,#f5f5f4 24px,transparent 24px,transparent 47px,#e7e5e4 47px,#e7e5e4 48px)}.day-col.is-today{background-color:#fafaf9}.avail-block{position:absolute;left:0;right:0;opacity:.35;pointer-events:none}.event-card{position:absolute;z-index:1;overflow:hidden;text-align:left;background:#fff;border:1px solid #e7e5e4;border-left:3px solid var(--accent);border-radius:6px;padding:2px 6px;box-shadow:0 1px 2px #1c19170f}.event-card strong,.event-card span{display:block;font-size:12px;line-height:1.3}.event-card span{color:var(--muted)}.suggest{border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto}.suggest-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.suggest-list button{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.suggest-list strong,.suggest-list span{display:block}.suggest-list span{color:var(--muted);font-size:12px;margin-top:2px}.avatar-row{display:flex;gap:4px;margin-top:6px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191759;display:grid;place-items:center;padding:16px;z-index:20}.modal{width:min(480px,100%);background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);max-height:min(90vh,760px);overflow:auto}.field-row{display:flex;gap:8px;margin-top:12px}.field-row label{flex:1}.modal label{margin-top:12px}.modal input[type=text],.modal input[type=date],.modal input[type=time]{width:100%}fieldset{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:8px 12px 12px}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.check-line{flex-direction:row;align-items:center;color:var(--ink);font-size:14px}.row-actions.end{justify-content:flex-end;margin-top:16px}.when{font-size:16px;margin:8px 0 0}.when span,.people{color:var(--muted)}.people{list-style:none;padding:0;margin:12px 0}.link-box{word-break:break-all;background:var(--soft);border-radius:8px;padding:8px}.public-card .row-actions{margin-top:16px}@media(max-width:900px){.calendar-layout{grid-template-columns:1fr}.topbar{height:auto;padding:10px 12px;flex-wrap:wrap}.who span{display:none}}