:root{--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--accent:#007aff;--accent-hover:#0056b3;--accent-light:rgba(0, 122, 255, 0.1);--border:rgba(0, 0, 0, 0.1);--border-focus:rgba(0, 122, 255, 0.5);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 30px rgba(0, 0, 0, 0.12);--success:#34c759;--error:#ff3b30;--warning:#ff9500;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--map-tiles:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'}[data-theme=dark]{--bg-primary:#000000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--accent:#0a84ff;--accent-hover:#409cff;--accent-light:rgba(10, 132, 255, 0.15);--border:rgba(255, 255, 255, 0.1);--border-focus:rgba(10, 132, 255, 0.5);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 30px rgba(0, 0, 0, 0.5)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{display:grid;grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md);max-width:1600px;margin:0 auto;width:100%}@media (min-width:1024px){.main-content{grid-template-columns:1.5fr 1fr;gap:var(--space-lg);padding:var(--space-lg);align-items:start}}@media (min-width:1400px){.main-content{grid-template-columns:2fr 1fr}}.map-wrapper{position:relative;min-height:400px;margin:0;padding:0;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.map{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:var(--bg-tertiary)}.locate-btn{position:absolute;bottom:12px;right:16px;z-index:1000}.map-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:1000}.custom-marker{position:relative}.marker-pin{width:40px;height:40px;background:var(--accent);border-radius:50% 50% 50% 0;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-40px 0 0 -20px;box-shadow:0 4px 12px rgba(0,122,255,.4);animation:bounce .3s ease-out}.marker-pin::after{content:'';width:20px;height:20px;margin:10px 0 0 10px;background:#fff;position:absolute;border-radius:50%}@keyframes bounce{0%{transform:rotate(-45deg) translateY(-20px);opacity:0}60%{transform:rotate(-45deg) translateY(5px)}100%{transform:rotate(-45deg) translateY(0);opacity:1}}.locate-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.locate-btn:hover{background-color:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.02)}.locate-btn:active{transform:scale(.98)}.locate-btn svg{width:18px;height:18px}.locate-btn.loading svg{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.map-hint{padding:var(--space-xs) var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);box-shadow:var(--shadow-sm);pointer-events:none;opacity:.9}.control-center{display:flex;flex-direction:column;gap:var(--space-sm)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.card-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}.card-label svg{width:16px;height:16px}.search-wrapper{position:relative}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:40px;background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:0;border-color:var(--accent);background-color:var(--bg-secondary);box-shadow:0 0 0 4px var(--accent-light)}.search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.search-clear svg{width:16px;height:16px}.search-results{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;display:none}.search-results.active{display:block}.search-result-item{padding:var(--space-md);cursor:pointer;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item.active,.search-result-item:hover{background-color:var(--accent-light)}.search-result-item strong{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.search-result-item span{font-size:var(--font-size-sm);color:var(--text-secondary)}.search-no-results{padding:var(--space-lg);text-align:center;color:var(--text-tertiary)}.coordinates-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs);flex-wrap:wrap;gap:var(--space-xs)}.format-toggle{display:flex;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:3px}.format-btn{padding:var(--space-xs) var(--space-md);border:none;background:0 0;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--radius-sm) - 2px);transition:all var(--transition-fast)}.format-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.format-btn:hover:not(.active){color:var(--text-primary)}.coordinate-inputs{display:flex;flex-direction:column;gap:var(--space-sm)}.input-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:2px}.input-wrapper{display:flex;gap:var(--space-sm)}.coord-input{flex:1;padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;transition:all var(--transition-fast)}.coord-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.coord-input:focus{outline:0;border-color:var(--accent);background-color:var(--bg-secondary);box-shadow:0 0 0 4px var(--accent-light)}.dms-display{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.dms-row{display:flex;align-items:center;gap:var(--space-sm)}.dms-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:35px}.dms-value{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:'SF Mono',Monaco,Inconsolata,monospace}.copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);min-width:40px;height:40px}.copy-btn:hover{background-color:var(--accent-light);color:var(--accent)}.copy-btn:active{transform:scale(.95)}.copy-btn svg{width:18px;height:18px}.copy-btn .check-icon{display:none;color:var(--success)}.copy-btn.copied .copy-icon{display:none}.copy-btn.copied .check-icon{display:block}.copy-btn.copied{background-color:rgba(52,199,89,.15);color:var(--success)}.copy-btn.small{min-width:32px;height:32px;padding:var(--space-xs)}.copy-btn.small svg{width:14px;height:14px}.copy-btn.wide{width:100%;height:auto;padding:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.address-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.address-header svg{width:18px;height:18px;color:var(--accent)}.address-header h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.address-content{min-height:32px}.address-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.address-text.placeholder{color:var(--text-tertiary);font-style:italic}.address-loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--accent-light);color:var(--accent);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn svg{width:18px;height:18px}.action-btn.copied{background-color:rgba(52,199,89,.15);color:var(--success)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translateX(-50%) translateY(100px);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:10000}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}.toast-icon{width:18px;height:18px;color:var(--success)}.leaflet-container{font-family:var(--font-family);width:100%!important;height:100%!important}.leaflet-container.map-dark-filter .leaflet-tile-pane{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.leaflet-control-zoom{border:none!important;box-shadow:var(--shadow-md)!important}.leaflet-control-zoom a{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;transition:background-color var(--transition-fast)!important}.leaflet-control-zoom a:hover{background-color:var(--bg-tertiary)!important}.leaflet-control-zoom-in{border-radius:var(--radius-sm) var(--radius-sm) 0 0!important}.leaflet-control-zoom-out{border-radius:0 0 var(--radius-sm) var(--radius-sm)!important}.leaflet-control-attribution{background-color:var(--bg-secondary)!important;color:var(--text-tertiary)!important;padding:2px 8px!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--accent)!important}.leaflet-popup-content-wrapper{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:0!important}.leaflet-popup-content{margin:var(--space-md)!important;font-family:var(--font-family)!important}.leaflet-popup-tip{background-color:var(--bg-secondary)!important}.leaflet-popup-close-button{color:var(--text-tertiary)!important}@media (max-width:768px){.header{padding:var(--space-sm) var(--space-md)}.logo h1{font-size:var(--font-size-md)}.map-wrapper{min-height:300px}.card{padding:var(--space-md);border-radius:var(--radius-md)}.coord-input{font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-md)}.locate-btn span{display:none}.locate-btn{padding:var(--space-sm);width:44px;height:44px;justify-content:center}.map-hint{font-size:10px}.actions-grid{grid-template-columns:repeat(2,1fr)}.action-btn{padding:var(--space-sm)}.action-btn span{font-size:var(--font-size-xs)}}@media (max-width:480px){.main-content{padding:var(--space-sm);gap:var(--space-sm)}.coordinates-header{flex-direction:column;align-items:flex-start}.format-toggle{width:100%}.format-btn{flex:1;text-align:center}}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}