: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;min-width:0;flex-wrap:wrap}.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)}.topbar nav .nav-btn{border:0;background:transparent;padding:6px 10px;border-radius:8px;color:var(--muted)}.topbar nav .nav-btn[aria-expanded=true],.topbar nav .nav-btn:hover{background:var(--soft);color:var(--ink)}.account-area{position:relative;display:flex;align-items:center;flex:none}.who{display:flex;align-items:center;gap:8px;color:var(--muted)}.who-mobile,.who-mobile-only{display:none}.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}.hamburger{width:36px;height:32px;padding:0}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:16px;margin:0 auto}.hamburger-icon i{display:block;height:1.5px;background:currentColor;border-radius:999px}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:188px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px;z-index:30}.menu-profile{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:4px}.menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:8px 10px;color:var(--danger)}.menu-item.neutral{color:var(--ink)}.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:center;flex-wrap:wrap}.page-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0;flex:1}.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)}.head-actions .inline-label{flex-direction:row;align-items:center;gap:8px}.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.icon{width:34px;padding-left:0;padding-right:0;font-size:18px;line-height:1}.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}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.login-form input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 10px;font:inherit;color:var(--ink)}.login-form .row-actions{margin-top:4px}.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-scroll.is-scroll-locked{overflow:hidden;overscroll-behavior:none;touch-action:none}.paint{min-width:760px;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;-webkit-touch-callout:none}.paint.is-painting{touch-action:none}.paint .cell{touch-action:inherit;-webkit-user-select:none;user-select: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-corner,.paint-time,.time-gutter,.week-head>:first-child{position:sticky;left:0;background:#fff;z-index:2}.paint-corner,.week-head>:first-child{z-index:4}.paint-time{font-size:11px;color:#a8a29e;text-align:right;padding-right:8px;box-shadow:1px 0 0 var(--line)}.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{box-shadow:1px 0 0 var(--line)}.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}.avail-tip{position:fixed;z-index:50;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px 10px;min-width:140px}.avail-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.avail-tip li{display:flex;align-items:center;gap:8px;font-size:13px}.avail-tip i{width:10px;height:10px;border-radius:999px;flex: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-open-btn{display:none}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1c191759;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(560px,100%);max-height:min(78vh,640px);overflow:auto;background:#fff;border-radius:16px 16px 0 0;padding:16px;box-shadow:var(--shadow)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0}.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{display:block}.suggest-people{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.suggest-person{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.suggest-name{flex:1;min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-local{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}.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:40}.modal.converter{width:min(920px,100%)}.converter-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.converter-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:14px}.converter-controls label{display:flex;flex-direction:column;gap:6px;margin-top:0;color:var(--muted);font-size:12px}.converter-controls .btn{margin-bottom:1px}.slider-wrap{margin-top:14px}.slider-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:4px}.slider-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border:0;border-radius:999px;background:linear-gradient(to right,#1c2a4a,#1c2a4a 20%,#d9a25c,#a9c7dc 34%,#a9c7dc 68%,#c87b4a,#1c2a4a 84%,#1c2a4a)}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #b5772e;cursor:pointer}.slider-wrap input[type=range]::-moz-range-track{height:8px;border:0;border-radius:999px;background:linear-gradient(to right,#1c2a4a,#1c2a4a 20%,#d9a25c,#a9c7dc 34%,#a9c7dc 68%,#c87b4a,#1c2a4a 84%,#1c2a4a)}.slider-wrap input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #b5772e;cursor:pointer}.converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.zone-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}.zone-card.anchor{border-color:var(--ink)}.zone-card strong{font-size:15px;letter-spacing:-.02em;padding-right:72px}.zone-name,.zone-meta{color:var(--muted);font-size:12px}.zone-time{font-size:28px;font-weight:620;letter-spacing:-.03em;line-height:1.1;margin:8px 0 4px}.zone-time span{font-size:13px;color:var(--muted);font-weight:500}.zone-card .badge{margin:8px 0;align-self:flex-start;display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}.anchor-tag{position:absolute;top:14px;right:12px;font-size:11px;color:var(--muted)}.zone-card.anchor .anchor-tag{color:var(--ink)}.mini-track{position:relative;display:block;height:8px;margin-top:8px;border-radius:999px;border:0;background:linear-gradient(to right,#1c2a4a,#1c2a4a 20%,#d9a25c,#a9c7dc 34%,#a9c7dc 68%,#c87b4a,#1c2a4a 84%,#1c2a4a)}.mini-marker{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #b5772e;transform:translate(-50%,-50%)}.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}.modal .checks label,.modal .check-line{flex-direction:row;align-items:center;gap:8px;margin-top:0;color:var(--ink);font-size:14px}.check-line{margin-top:12px}.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}.suggest-desktop{display:none}.suggest-open-btn{display:inline-flex}.cal-toolbar{justify-content:space-between}.topbar{height:48px;min-height:48px;padding:0 10px;gap:6px;flex-wrap:nowrap}.topbar nav{gap:0;flex-wrap:nowrap;overflow:hidden}.topbar nav a,.topbar nav .nav-btn{padding:6px;font-size:12px;white-space:nowrap}.who-desktop{display:none}.who-mobile{display:inline-flex}.who-mobile-only{display:flex}.menu-item.who-mobile-only{display:block}}