.app-bar{z-index:5;padding:calc(var(--safe-top) + var(--space-1)) calc(var(--safe-right) + var(--gutter)) var(--space-1) calc(var(--safe-left) + var(--space-1));background:var(--surface);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line);position:sticky;top:0}.app-bar-pill{align-items:center;gap:var(--space-1);padding-right:var(--space-4);display:inline-flex}.app-bar[data-floating]{top:calc(var(--safe-top) + var(--gutter));left:calc(var(--safe-left) + var(--gutter));z-index:2;-webkit-backdrop-filter:none;background:0 0;border:0;padding:0;position:fixed}.app-bar[data-floating] .app-bar-pill{border-radius:var(--radius-pill);background:var(--surface);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);box-shadow:var(--shadow-float)}.drawer{border:0;border-right:1px solid var(--line);background:var(--surface-solid);width:min(23rem,88vw);max-width:none;height:100dvh;max-height:none;color:var(--text);box-shadow:var(--shadow-panel);margin:0;padding:0;position:fixed;inset:0 auto 0 0}.drawer[open]{animation:drawer-in var(--dur-med) var(--ease-out)}.drawer::backdrop{background:#02080c8c}@keyframes drawer-in{0%{translate:-100%}}.drawer-body{align-content:start;gap:var(--space-5);overscroll-behavior:contain;height:100%;padding:calc(var(--safe-top) + var(--space-3)) var(--space-3) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-3));display:grid;overflow-y:auto}.drawer-header{gap:var(--space-3);display:grid}.drawer-title{padding-left:var(--space-3);justify-content:space-between;align-items:center;display:flex}.drawer-title .wordmark{font-size:var(--text-2xl);margin:0}.drawer-nav{gap:2px;margin:0;padding:0;list-style:none;display:grid}.drawer-nav a{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-lg);align-items:center;font-weight:500;text-decoration:none;display:flex}.drawer-nav a:hover{background:var(--surface-hover)}.drawer-nav a[aria-current=page]{background:var(--selected);color:var(--selected-text)}.drawer-section h3{margin:0 0 var(--space-2);padding-left:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.drawer-section>.hint{padding-left:var(--space-3)}.location-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.location-list>li{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);display:grid}.location-open{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--tap);padding:0 var(--space-1);border-radius:var(--radius-sm);color:inherit;text-decoration:none;display:flex}.location-open:hover{background:var(--surface-hover)}.location-open .wind-reading{margin-left:auto}.location-name{gap:2px;min-width:0;display:grid}.location-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.location-tags{gap:var(--space-1);display:flex}.location-actions{gap:var(--space-2);display:flex}.location-actions button{color:var(--text-muted);font-size:var(--text-sm);border-color:#0000;flex:1;font-weight:500}.location-actions button:hover{color:var(--text)}.location-list .confirm p{margin:0 0 var(--space-2)}