.header{justify-content:space-between;padding:0 1.25rem;height:56px;background:var(--surface-raised);border-bottom:1px solid var(--border);gap:1rem;z-index:20}.header,.header-left{display:flex;align-items:center}.header-left{gap:.75rem;flex-shrink:0}.mobile-menu{display:none;padding:.5rem}.wordmark{display:flex;align-items:baseline;gap:.375rem;flex-shrink:0}.brand{font-family:Fraunces,serif;font-weight:500;font-size:1.25rem;letter-spacing:-.02em;color:var(--green-700)}.tag{font-size:.625rem;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}.header-center{flex:1 1;max-width:520px}.search-container{position:relative}.search-form{display:flex;align-items:center;gap:.5rem}.predictions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto}.prediction-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background-color .15s ease}.prediction-item:last-child{border-bottom:none}.prediction-item.selected,.prediction-item:hover{background:var(--green-50)}.prediction-icon{color:var(--ink-faint);flex-shrink:0;margin-top:.125rem}.prediction-content{flex:1 1;min-width:0}.prediction-main{font-size:.875rem;font-weight:500;color:var(--ink);margin-bottom:.125rem}.prediction-main,.prediction-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-secondary{font-size:.75rem;color:var(--ink-muted);line-height:1.3}.search-input{flex:1 1;height:36px;font-size:.8125rem}.search-button{height:36px;padding:0 1rem;font-size:.75rem;white-space:nowrap}.header-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.settings-button{padding:.5rem}@media (max-width:768px){.header{padding:0 1rem;gap:.5rem}.mobile-menu{display:flex}.wordmark .tag{display:none}.header-center{max-width:none}.search-input{font-size:.875rem}.area-display .number{font-size:1rem;min-width:48px}}@media (max-width:640px){.wordmark .brand{font-size:1.125rem}.search-button span{display:none}}