:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#23352c;background:#f7f8f5;font-size:14px;--ink:#23352c;--muted:#68736c;--line:#dce1d9;--paper:#fff}*{box-sizing:border-box}body{margin:0}.wrap{width:min(960px,calc(100% - 48px));margin:auto}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #577b61;outline-offset:3px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:22px;letter-spacing:-.7px}.button{border:1px solid transparent;border-radius:5px;padding:10px 16px;font-weight:600}.dark{color:#fff;background:var(--ink)}.dark:hover{background:#385442}main{padding-top:24px}.mode-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#eaf0e5;border-radius:5px;font-size:12px}.text-link{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:12px}.text-link:hover{color:#4c6f53}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 24px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.7px}h1{font-size:28px}h2{font-size:22px}.subtitle{color:var(--muted);margin:6px 0 0}.view-switch{display:flex;gap:3px;padding:3px;background:#e9ede6;border-radius:6px}.view-switch button{border:0;border-radius:4px;background:none;font-size:12px;padding:9px 12px;color:var(--muted)}.view-switch button.active{background:var(--paper);color:var(--ink)}.filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.distance-tabs{display:flex;gap:7px}.distance-tabs button{min-width:80px;background:transparent;padding:9px 12px;border:1px solid var(--line);border-radius:4px;font-size:12px}.distance-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.person-filter select{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:9px 30px 9px 12px;max-width:220px;font-size:12px}.table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:5px;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:12px;font-weight:500;color:var(--muted);padding:14px 16px;background:#f0f3ed}td{padding:17px 16px;border-top:1px solid var(--line)}td:first-child{width:70px;color:var(--muted)}td:nth-child(3){font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}td:nth-child(4),td:nth-child(5){color:var(--muted);font-size:13px}.name-cell{font-weight:500}.delete-button{border:0;background:none;color:var(--muted);font-size:20px;padding:4px 8px}.delete-button:hover{color:#a13622}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:40px!important;padding:18px 0;color:var(--muted);font-size:12px}footer p{margin:0;line-height:1.6}.empty-state{text-align:center;padding:40px 20px}.empty-state h2{font-size:18px}.empty-state p{color:var(--muted);font-size:13px;margin:10px 0 20px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:28px;max-width:460px;width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#19271d99}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.close-button{background:none;border:0;font-size:26px;padding:0 4px;color:var(--muted)}form>label,.form-row>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500}input,form select{background:#fff;color:var(--ink);border:1px solid #cfd7cb;border-radius:4px;padding:11px;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #7f9e73;outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}fieldset{border:0;margin:20px 0 0;padding:0}legend{font-size:12px;font-weight:500;margin-bottom:10px}.time-fields{display:flex;gap:8px;align-items:flex-start}.time-fields label{flex:1;color:var(--muted);font-size:11px;text-align:center}.time-fields input{display:block;margin-bottom:6px;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}.time-fields>span{padding-top:12px;font-size:20px}.submit{width:100%;margin-top:24px}.form-error{font-size:12px;color:#a13622}.form-error:empty{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 20px;border-radius:5px;font-size:13px;max-width:calc(100% - 32px);z-index:10}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.site-header{padding:20px 0}.brand{font-size:20px}.site-header .button{font-size:12px;padding:9px 12px}main{padding-top:18px}.section-heading{align-items:flex-start;flex-direction:column;margin-top:24px;gap:18px}h1{font-size:25px}.view-switch{width:100%}.view-switch button{flex:1}.filters{align-items:stretch;flex-direction:column;gap:12px}.distance-tabs{gap:6px}.distance-tabs button{min-width:0;flex:1;padding:10px 7px}.person-filter select{max-width:100%}.mode-banner{font-size:11px;gap:12px}.mode-banner .text-link{font-size:11px}th,td{padding:13px 10px}td:first-child{width:48px}td:nth-child(3){font-size:17px}td:nth-child(4),td:nth-child(5){font-size:12px}.table-footer{font-size:11px;gap:10px}.table-footer .text-link{font-size:11px}.name-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis}footer{margin-top:28px!important;font-size:11px}dialog{padding:22px}}