*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;width:100%}body{margin:0;overscroll-behavior-x:none;overscroll-behavior-y:none;padding:0 0 var(--bottom-nav-total-height);-webkit-overflow-scrolling:touch;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);line-height:var(--line-height-normal)}@media(display-mode:standalone){:root{--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0);--safe-area-inset-left:env(safe-area-inset-left,0);--safe-area-inset-right:env(safe-area-inset-right,0)}body,html{overscroll-behavior-y:none}.page{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[contenteditable=true],input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@supports (-webkit-touch-callout:none){html{background:var(--color-bg-primary);height:-webkit-fill-available;padding-top:env(safe-area-inset-top,0)}body{min-height:100vh;min-height:-webkit-fill-available}#__nuxt{background:var(--color-bg-primary);min-height:100vh;min-height:100dvh}}@supports (height:100dvh){body,html{min-height:100dvh}}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f8f8f8;--color-gray-200:#f5f5f5;--color-gray-300:#f0f0f0;--color-gray-400:#e5e5e5;--color-gray-500:#e0e0e0;--color-gray-600:#d0d0d0;--color-gray-700:#999;--color-gray-800:#666;--color-gray-900:#333;--color-text-primary:#000;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-muted:#ccc;--color-bg-primary:#fff;--color-bg-secondary:#f8f8f8;--color-bg-tertiary:#f5f5f5;--color-border-primary:#e0e0e0;--color-border-secondary:#f0f0f0;--color-border-tertiary:#eee;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-success-border:#a5d6a7;--color-error:#d32f2f;--color-error-light:#c62828;--color-error-bg:#ffebee;--color-error-border:#ef9a9a;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-warning-border:#ffcc80;--color-info:#1565c0;--color-info-light:#1976d2;--color-info-bg:#e3f2fd;--color-info-border:#90caf9;--overlay-dark:rgba(0,0,0,.8);--overlay-medium:rgba(0,0,0,.5);--overlay-light:rgba(0,0,0,.3);--overlay-gradient-dark:linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent);--overlay-gradient-vertical:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.7));--overlay-white-light:hsla(0,0%,100%,.2);--overlay-white-medium:hsla(0,0%,100%,.3);--overlay-white-strong:hsla(0,0%,100%,.9);--overlay-white-glass:hsla(0,0%,100%,.98);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;--font-family-mono:"Courier New",monospace;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.7;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--bottom-nav-height:150px;--bottom-nav-safe-area:env(safe-area-inset-bottom,0px);--bottom-nav-total-height:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area));--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-base:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 4px 20px rgba(0,0,0,.3);--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.4s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:1000;--z-bottom-nav:1100;--z-modal-backdrop:10000;--z-modal:10001;--z-toast:10002}h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-base)}h2,h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}h4{color:var(--color-text-primary);font-size:var(--font-size-md)}h4,h5{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}h5{font-size:var(--font-size-base);letter-spacing:.5px;text-transform:uppercase}h5,p{color:var(--color-text-secondary)}p{font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}a{color:var(--color-text-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:active{opacity:.6}ul{list-style:none;padding-left:var(--space-lg)}ul li{margin-bottom:var(--space-sm);position:relative}ul li:before{color:var(--color-text-primary);content:"•";left:calc(var(--space-lg)*-1);position:absolute}.layout-default{background:var(--color-bg-primary);padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.layout-default,.page{min-height:100vh;min-height:100dvh;position:relative}.page{padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));width:100%}.map-page{padding:0}.content{margin:0 auto;max-width:600px}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-base)}.section{margin-bottom:var(--space-lg);padding:0}.hero-section{background:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-xl);padding:var(--space-2xl) var(--space-base);text-align:center}.tagline{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.intro{margin-bottom:var(--space-xl)}.intro p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-base)}.section-header h2{margin:0}.header{border-bottom:1px solid var(--color-border-tertiary);margin-bottom:var(--space-base);padding-bottom:var(--space-base)}.edit-header h1,.page-header h1{margin-bottom:var(--space-xs)}.edit-header p,.page-header p{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.detail-header{padding:var(--space-base) 0}.dashboard-header,.detail-header,.feed-header{align-items:center;display:flex;justify-content:space-between}.dashboard-header,.feed-header{z-index:var(--z-dropdown)}.btn,button{align-items:center;background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-base);color:var(--color-black);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;margin:var(--space-sm) 0;min-height:48px;padding:var(--space-base) var(--space-lg);touch-action:manipulation;transition:all var(--transition-fast)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn-secondary{background:var(--color-white);border-color:var(--color-gray-500);color:var(--color-black)}.btn-danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.btn-google{background:var(--color-white);border-color:var(--color-gray-500);color:var(--color-black)}.btn-apple{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn-small{font-size:var(--font-size-base);min-height:36px;padding:var(--space-sm) var(--space-base)}.btn-large{font-size:var(--font-size-lg);min-height:56px;padding:var(--space-lg) var(--space-xl)}.btn-full-width{width:100%}.back-btn{background:none;border:none;color:var(--color-black);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-sm) 0;touch-action:manipulation}.back-btn:active{opacity:.6}.follow-button{min-width:120px;transition:all var(--transition-fast)}.follow-button.following{opacity:.9}.status-badge.active{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.status-badge.found{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.status-badge.claimed{background:var(--color-gray-900);color:var(--color-white)}.activity-badge,.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-right:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.activity-badge.created{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.activity-badge.found{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.activity-badge.claimed{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.location-status{align-items:center;border-radius:var(--radius-base);display:flex;font-size:var(--font-size-base);gap:var(--space-sm);margin-bottom:var(--space-base);padding:var(--space-md)}.location-status.getting{background:var(--color-info-bg);color:var(--color-info)}.location-status.success{background:var(--color-success-bg);color:var(--color-success)}.location-status.error{background:var(--color-error-bg);color:var(--color-error)}.location-status small{margin-left:auto;opacity:.7}.hero{background:var(--color-gray-200);overflow:hidden}.hero,.hero-landing{aspect-ratio:4/3;border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-xl);text-align:center;width:100%}.hero-landing{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;min-height:100svh;overflow:visible;padding-bottom:env(safe-area-inset-bottom,20px);padding-top:env(safe-area-inset-top,20px)}.hero-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:var(--color-gray-200);color:var(--color-text-muted);display:flex;font-size:var(--font-size-2xl);height:100%;justify-content:center;width:100%}.location-image{background:var(--color-bg-secondary);border-radius:var(--radius-lg);height:240px;margin-bottom:var(--space-lg);overflow:hidden;width:100%}.location-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.app-card{background:var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;flex-direction:column;margin:var(--space-xl) 0;overflow:hidden;padding:var(--space-base);position:relative;touch-action:manipulation;transition:transform var(--transition-fast)}.app-card:active{transform:scale(.98)}.app-card .image{margin:calc(var(--space-base)*-1) calc(var(--space-base)*-1) var(--space-base) calc(var(--space-base)*-1)}.app-card .image img{box-sizing:border-box;display:block;height:auto;max-height:calc(100% - var(--space-xl));max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.feed-top{align-items:flex-start;display:flex;justify-content:space-between}.feed-bottom{gap:var(--space-md)}.feed-bottom,.feed-header{display:flex;flex-direction:column}.feed-header{gap:var(--space-xs)}.feed-title{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 2px 8px var(--overlay-light)}.feed-subtitle{color:#ffffffe6;font-size:var(--font-size-base);margin:0;text-shadow:0 1px 4px var(--overlay-light)}.location-card{background:var(--color-gray-200);border-radius:var(--radius-lg);flex:0 0 auto;height:180px;overflow:hidden;position:relative;text-decoration:none;transition:transform var(--transition-fast);width:280px}.location-card:active{transform:scale(.98)}.location-photo{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.location-overlay{align-items:flex-end;background:var(--overlay-gradient-dark);display:flex;inset:0;padding:var(--space-base);position:absolute}.location-info-overlay{width:100%}.location-name{color:var(--color-white);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-city{color:#ffffffe6;font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.location-type{color:#ffffffb3;font-size:var(--font-size-sm);margin:0;text-transform:capitalize}.artist-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex:0 0 auto;flex-direction:column;padding:var(--space-base);text-align:center;text-decoration:none;transition:all var(--transition-fast);width:140px}.artist-card:active{background:var(--color-gray-300);transform:scale(.98)}.artist-photo{background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-full);height:80px;margin-bottom:var(--space-md);-o-object-fit:cover;object-fit:cover;width:80px}.artist-info{width:100%}.artist-name{color:var(--color-black);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-stats{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.artist-link{font-weight:var(--font-weight-semibold);text-decoration:underline}.feature{background:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-lg)}.feature h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.feature p{color:var(--color-text-secondary);margin:0}.dashboard-stats,.profile-stats,.stats-section{display:grid;gap:var(--space-base);grid-template-columns:repeat(3,1fr);margin:var(--space-lg) auto}.stat,.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-base);text-align:center}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-icon{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.stat-value{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-bold)}.stat-label,.stat-value{font-size:var(--font-size-sm)}.stat-label{color:var(--color-text-tertiary);letter-spacing:.05em}.stat-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.stat-card p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-card--clickable{cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.stat-card--clickable:hover{background:var(--color-gray-300);transform:translateY(-2px)}.stats-grid{display:grid;gap:var(--space-base);grid-template-columns:repeat(2,1fr);margin-top:var(--space-base)}.stats-grid .stat{background:var(--color-bg-secondary)}.stat-number{color:var(--color-text-primary);display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.profile-header{margin-bottom:var(--space-xl)}.profile-cover{background:linear-gradient(135deg,var(--color-gray-200) 0,var(--color-gray-500) 100%);border-radius:var(--radius-base);height:120px;margin-bottom:-60px;width:100%}.profile-photo,.profile-photo-placeholder{background:var(--color-gray-200);border:4px solid var(--color-white);border-radius:var(--radius-full);display:block;height:100px;margin:0 auto var(--space-base);-o-object-fit:cover;object-fit:cover;width:100px}.profile-photo-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-base);justify-content:center}.profile-details,.profile-info{margin-top:60px;text-align:center}.location,.profile-location{color:var(--color-text-secondary)}.location,.profile-location,.profile-type{font-size:var(--font-size-base);margin:var(--space-xs) 0}.profile-type{color:var(--color-text-tertiary)}.bio,.profile-bio{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:var(--space-base) 0}.profile-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.profile-summary{align-items:center;display:flex;gap:var(--space-base)}.profile-summary img{background:var(--color-gray-200);border-radius:var(--radius-full);height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.profile-summary div{flex:1}.profile-summary h1{font-size:var(--font-size-xl);margin:0 0 var(--space-xs) 0}.profile-summary p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.dashboard-content,.profile-content{margin-top:var(--space-xl)}.photo-upload-section{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;gap:var(--space-xl);padding:var(--space-lg)}.current-photo{flex-shrink:0}.profile-photo-preview{background:var(--color-white);border:3px solid var(--color-black);border-radius:var(--radius-full);height:120px;-o-object-fit:cover;object-fit:cover;width:120px}.upload-controls{flex:1}.upload-controls .help-text{margin-bottom:0;margin-top:var(--space-sm)}.contact-form,.create-form,.edit-form,form{display:flex;flex-direction:column;gap:var(--space-base)}.form-section{margin-bottom:var(--space-xl)}.form-section h2{border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-base);padding-bottom:var(--space-sm)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-group,.input-wrapper,.section-description{margin-bottom:var(--space-base)}.form-group label,.input-wrapper label{color:var(--color-text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white);border:2px solid var(--color-border-primary);border-radius:var(--radius-base);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);min-height:48px;padding:var(--space-base);transition:border-color var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-black);outline:none}input:disabled{background:var(--color-gray-200);color:var(--color-text-tertiary);cursor:not-allowed}textarea{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:120px;resize:vertical}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right var(--space-base) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--space-2xl)}.help-text{color:var(--color-text-tertiary)}.error-message,.help-text{font-size:var(--font-size-sm);margin-top:var(--space-sm)}.error-message{align-items:center;color:var(--color-error);display:flex;gap:var(--space-xs)}.error-icon{height:16px;width:16px}.user-type-selection{margin:var(--space-xl) 0}.user-type-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.radio-group{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.radio-label{align-items:flex-start;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-base);transition:all var(--transition-fast)}.radio-label:hover{background:var(--color-bg-secondary);border-color:var(--color-black)}.radio-label.selected{background:var(--color-gray-100);border-color:var(--color-black)}.radio-label input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.radio-content{display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.radio-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.radio-label.selected .radio-title{color:var(--color-black)}.radio-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.file-input-wrapper{margin-bottom:var(--space-base)}.file-input-wrapper input[type=file]{cursor:pointer;padding:var(--space-sm)}.photo-preview{border-radius:var(--radius-base);margin-top:var(--space-base);overflow:hidden}.photo-preview img{display:block;height:auto;width:100%}.location-fields{display:grid;gap:var(--space-base);grid-template-columns:1fr 1fr}.actions,.cta-buttons,.form-actions{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.modal-actions{display:flex;gap:var(--space-md)}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-base);transition:all var(--transition-fast)}.btn-cancel{background:var(--color-gray-300);color:var(--color-text-secondary)}.btn-submit{background:var(--color-black);color:var(--color-white)}.btn-submit:disabled{cursor:not-allowed;opacity:.4}.drops-grid,.features-grid,.location-grid{display:grid;gap:var(--space-base)}.drops-grid,.location-grid{margin-top:var(--space-base)}.artists-grid{display:grid;gap:var(--space-base);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.horizontal-scroll{display:flex;gap:var(--space-base);overflow-x:auto;overflow-y:hidden;padding:0 0 var(--space-base) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.cities-list{border:2px solid var(--color-border-primary);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:0;overflow:hidden}.city-item{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-border-primary);cursor:pointer;display:flex;gap:var(--space-base);padding:var(--space-base);transition:background var(--transition-fast)}.city-item:last-child{border-bottom:none}.city-item:active{background:var(--color-bg-secondary)}.city-rank{align-items:center;background:var(--color-black);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.city-details{flex:1}.city-name{color:var(--color-black);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.city-stats{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.city-arrow{color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--font-size-xl)}.followers-list{display:flex;flex-direction:column;gap:0}.follower-item{align-items:center;border-radius:var(--radius-base);display:flex;gap:var(--space-base);padding:var(--space-base);text-decoration:none;transition:background var(--transition-fast)}.follower-item:hover{background:var(--color-bg-secondary)}.follower-photo{background:var(--color-gray-200);border:2px solid var(--color-black);border-radius:var(--radius-full);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.follower-info{flex:1}.follower-name{color:var(--color-black);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.follower-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;text-transform:capitalize}.filter-tabs,.filters{display:flex;gap:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}.filter-tab,.filters button{background:var(--color-white);border:2px solid var(--color-border-primary);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-base);touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}.filter-tab--active,.filter-tab.active,.filters button.active{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.filter-tab:active,.filters button:active{transform:scale(.95)}.filter-tab:hover{background:var(--color-gray-200)}.filter-tab--active:hover{background:var(--color-black)}.location-section{margin:var(--space-lg) 0}.location-card{background:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-base)}.location-detail{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--space-sm);margin-bottom:var(--space-sm)}.location-detail strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.location-link{color:var(--color-black);display:inline-block;font-weight:var(--font-weight-medium);margin-top:var(--space-md);text-decoration:underline}.location-info h1{margin-bottom:var(--space-xs)}.location-info p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.location-stats{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-base);gap:var(--space-base);margin-top:var(--space-md)}.follow-section{margin-top:var(--space-base)}.meta-info{background:var(--color-bg-secondary);border-radius:var(--radius-base);flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin:var(--space-lg) 0;padding:var(--space-base)}.meta-info,.stats-inline{align-items:center;display:flex}.stats-inline{gap:var(--space-base)}.stat-inline{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--space-xs)}.stat-icon{height:16px;width:16px}.code,.date{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:var(--space-xs) 0}.qr-code-container{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;flex-direction:column;margin-top:var(--space-base);padding:var(--space-lg)}#qr-code{margin-bottom:var(--space-base)}.qr-code-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.qr-label-container{margin:var(--space-lg) auto}.qr-label-preview{border:1px solid var(--color-gray-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);flex-direction:row;gap:var(--space-xl);padding:var(--space-lg)}.qr-label-preview,.qr-label-qr{align-items:center;background:var(--color-white);display:flex}.qr-label-qr{border:1px solid var(--color-gray-400);border-radius:var(--radius-base);flex-shrink:0;height:140px;justify-content:center;overflow:hidden;padding:var(--space-md);width:140px}.qr-canvas-wrapper{display:block;height:120px;overflow:hidden;width:120px}.qr-canvas-wrapper canvas{display:block!important;height:120px!important;max-height:120px!important;max-width:120px!important;-o-object-fit:contain;object-fit:contain;width:120px!important}.qr-label-text{display:flex;flex:1;flex-direction:column;gap:var(--space-md);min-width:0}.qr-label-website{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;word-break:break-word}.qr-label-tagline{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:1.4}.qr-label-code,.qr-label-tagline{font-size:var(--font-size-base);margin:0}.qr-label-code{color:var(--color-black);font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);line-height:1.3;word-break:break-all}.label-actions{margin:var(--space-xl) 0}.btn-download{background:var(--color-black);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-base) var(--space-lg);transition:all var(--transition-fast);width:100%}.btn-download:hover:not(:disabled){background:var(--color-gray-900)}.btn-download:disabled{cursor:not-allowed;opacity:.4}.print-instructions{background:var(--color-bg-tertiary);border:1px solid var(--color-gray-400);border-radius:var(--radius-lg);padding:var(--space-lg)}.print-instructions h4{align-items:center;color:var(--color-black);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0 0 var(--space-base) 0}.print-instructions h4:before{content:"📋";font-size:var(--font-size-xl)}.print-instructions ol{margin:0;padding-left:var(--space-lg)}.print-instructions ol>li{color:var(--color-gray-900);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.print-instructions ul{margin:var(--space-sm) 0 0 0;padding-left:var(--space-lg)}.print-instructions ul li{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.print-instructions strong{color:var(--color-black);font-weight:var(--font-weight-semibold)}.tip{background:var(--color-white);border-left:4px solid var(--color-black);border-radius:var(--radius-sm);color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-top:var(--space-base);padding:var(--space-md) var(--space-base)}.notification-settings{max-width:600px}.notification-toggle{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:var(--space-base);padding:var(--space-base)}.toggle-info{display:flex;flex-direction:column;gap:var(--space-xs)}.toggle-status{color:var(--color-text-secondary);font-size:var(--font-size-base)}.preference-group{margin-bottom:var(--space-lg)}.preference-group h5{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);text-transform:uppercase}.preference-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-base) 0}.preference-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-sm);transition:background var(--transition-fast)}.preference-item:hover{background:var(--color-bg-secondary)}.preference-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.preference-item span{flex:1;font-size:var(--font-size-base)}.auth-prompt,.empty-feed,.empty-state,.loading,.not-found{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--space-2xl) var(--space-base);text-align:center;width:100%}.loading{color:var(--color-text-secondary);font-size:var(--font-size-md)}.spinner{border:2px solid var(--color-gray-300);border-top-color:var(--color-black);display:inline-block}.loading-spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:var(--space-xs)}.btn-google .spinner,.btn-secondary .spinner{border-color:#0000004d;border-top-color:var(--color-black)}.auth-prompt p,.empty-feed p,.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.empty-icon{color:var(--color-black);margin:0 auto var(--space-lg)}.error,.error-message{color:var(--color-error);margin-bottom:var(--space-base)}.status-message{border-radius:var(--radius-base);font-size:var(--font-size-base);margin-bottom:var(--space-base);padding:var(--space-md) var(--space-base)}.status-message.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.status-message.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-light)}.status-message.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.status-message.info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.found-banner{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-base);margin:var(--space-lg) 0;padding:var(--space-lg);text-align:center}.found-banner h3{color:var(--color-info);margin-bottom:var(--space-sm)}.found-banner p{color:var(--color-info-light);margin:0}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-base);padding-bottom:calc(var(--space-base) + env(safe-area-inset-bottom,0px));padding-top:calc(var(--space-base) + env(safe-area-inset-top,0px))}.auth-container{background:var(--color-white);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-width:400px;padding:var(--space-xl);width:100%}.auth-container h1{margin-bottom:var(--space-sm);text-align:center}.auth-container>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl);text-align:center}.divider{color:var(--color-text-tertiary);margin:var(--space-lg) 0;position:relative;text-align:center}.divider:after,.divider:before{background:var(--color-border-primary);content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.switch-auth{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:var(--space-lg);text-align:center}.switch-auth a{color:var(--color-black);font-weight:var(--font-weight-semibold);text-decoration:underline}.cta-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl);text-align:center}.cta-section h2{margin-bottom:var(--space-base)}.cta-section p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.other-contact{margin:var(--space-2xl) 0}.contact-methods{display:grid;gap:var(--space-lg);margin-top:var(--space-lg)}.method{background:var(--color-bg-secondary);border-radius:var(--radius-base);padding:var(--space-lg);text-align:center}.method-icon{color:var(--color-black);height:48px;margin:0 auto var(--space-base);width:48px}.method-icon svg{height:100%;width:100%}.method h3{font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.method p{color:var(--color-text-secondary);margin:0}.method a{color:var(--color-black);text-decoration:underline}.faq-section{margin:var(--space-2xl) 0}.faq-list{margin-top:var(--space-lg)}.faq-item{border:1px solid var(--color-border-primary);border-radius:var(--radius-base);margin-bottom:var(--space-base);overflow:hidden}.faq-item summary{background:var(--color-bg-secondary);cursor:pointer;font-weight:var(--font-weight-semibold);list-style:none;padding:var(--space-base)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-size:var(--font-size-xl)}.faq-item[open] summary:after{content:"−"}.faq-item p{background:var(--color-white);margin:0;padding:var(--space-base)}.map-container{box-sizing:border-box;height:100vh;height:100dvh;margin:0;overflow:hidden;padding:0;position:fixed;z-index:var(--z-base)}#map,.map-container{inset:0;width:100%}#map{border:none;height:100%;overflow:visible}#map,.map-badges{position:absolute}.map-badges{display:flex;flex-direction:column;gap:var(--space-md);left:var(--space-base);top:var(--space-base);z-index:999}.provider-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--overlay-white-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-base)}.badge-icon{height:16px;width:16px}.floating-filters{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-md);position:absolute;right:var(--space-base);top:var(--space-base);z-index:999}.floating-filters select{background:var(--color-white);border:2px solid var(--color-border-primary);border-radius:var(--radius-base);color:var(--color-black);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-base);transition:border-color var(--transition-fast)}.floating-filters select:focus,.floating-filters select:hover{border-color:var(--color-black)}.floating-filters select:focus{outline:none}.location-btn{align-items:center;background:var(--color-white);border:2px solid var(--color-border-primary);border-radius:var(--radius-base);color:var(--color-black);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all var(--transition-fast);width:48px}.location-btn .icon{height:24px;width:24px}.location-btn:hover{border-color:var(--color-black)}.end-route-btn,.location-btn.active{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.end-route-btn:hover{background:var(--color-gray-900)}.proximity-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--overlay-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-white);left:50%;padding:var(--space-md) var(--space-xl);position:absolute;top:80px;transform:translate(-50%);z-index:9}.proximity-content{align-items:center;display:flex;gap:var(--space-md)}.proximity-pulse{animation:pulse 1.5s ease-in-out infinite;background:var(--color-white);border-radius:var(--radius-full);height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.proximity-info{display:flex;flex-direction:column;gap:2px}.proximity-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.proximity-distance{font-size:var(--font-size-sm);margin:0;opacity:.9}.map-popup{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--overlay-white-glass);border-radius:0;box-shadow:none;box-sizing:border-box;height:100vh;height:100dvh;inset:0;max-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:var(--space-base);padding-bottom:calc(var(--space-base) + env(safe-area-inset-bottom,0px));padding-top:calc(var(--space-base) + env(safe-area-inset-top,0px));position:fixed;width:100%;z-index:1200;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.popup-content{margin:0 auto;max-width:600px;padding-bottom:var(--space-xl)}.popup-image-link{display:block;margin-bottom:var(--space-base)}.map-popup{width:30%}.map-popup img{border-radius:var(--radius-base);display:block;height:200px;margin-bottom:var(--space-base);-o-object-fit:cover;object-fit:cover;width:100%}.close-popup{align-items:center;background:var(--color-white);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-black);cursor:pointer;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);height:32px;justify-content:center;line-height:1;position:fixed;right:var(--space-base);top:calc(var(--space-base) + env(safe-area-inset-top,0px));touch-action:manipulation;width:32px;z-index:1201}.close-popup:hover{background:var(--color-gray-200)}.title-section{margin-bottom:var(--space-base)}.title-section h3{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.filter-bar{display:flex;gap:var(--space-8);margin:0 auto;max-width:640px;overflow-x:auto;overflow-y:hidden;padding:0 var(--space-32) var(--space-16);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x}.filter-bar::-webkit-scrollbar{display:none}.filter-tab{align-items:center;background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;flex:0 0 auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-8);justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:var(--space-12) var(--space-20);touch-action:manipulation;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.filter-tab:hover{background:var(--color-surface-elevated)}.filter-tab--active{background:var(--color-primary);color:var(--color-white)}.subfilter-bar{display:flex;gap:var(--space-6);justify-content:center;margin:0 auto;max-width:640px;overflow-x:auto;overflow-y:hidden;padding:0 var(--space-32) var(--space-16);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x}.subfilter-bar::-webkit-scrollbar{display:none}.subfilter-tab{background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:-moz-fit-content;min-width:fit-content;padding:var(--space-8) var(--space-16);touch-action:manipulation;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.subfilter-tab--active,.subfilter-tab:hover{border-color:var(--color-primary);color:var(--color-text)}.subfilter-tab--active{background:var(--color-surface-elevated)}.icon{flex-shrink:0;height:18px;width:18px}.icon-sm{flex-shrink:0;height:16px;width:16px}.auth-prompt{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);min-height:calc(100dvh - 200px);padding:var(--space-64) var(--space-32);padding-bottom:calc(var(--space-64) + env(safe-area-inset-bottom,0px));padding-top:calc(var(--space-64) + env(safe-area-inset-top,0px))}.auth-content{max-width:400px;text-align:center}.auth-content h2{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-16) 0}.auth-content p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0 0 var(--space-32) 0}.loading-state{display:flex;justify-content:center;padding:var(--space-80) 0}.spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:32px;width:32px}.spinner--sm{height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{padding:var(--space-80) var(--space-32);padding-bottom:calc(var(--space-80) + env(safe-area-inset-bottom,0px));text-align:center}.empty-icon{color:var(--color-primary);height:64px;margin:0 auto var(--space-24);opacity:.2;width:64px}.empty-state h2{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-12) 0}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0 0 var(--space-32) 0}.feed-list{display:flex;flex-direction:column;gap:var(--space-48)}.drop-title{color:var(--color-white);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-6) 0;text-shadow:var(--text-shadow-strong)}.drop-artist{color:rgba(var(--color-white-rgb),.95);font-size:var(--font-size-base);margin:0;text-shadow:var(--text-shadow-medium)}.artist-link{border-bottom:1px solid rgba(var(--color-white-rgb),.4);color:var(--color-black);font-weight:var(--font-weight-medium);text-decoration:none;touch-action:manipulation;transition:border-color var(--duration-fast)}.artist-link:hover{border-bottom-color:var(--color-white)}.drop-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-12)}.status-tag{backdrop-filter:var(--backdrop-blur-medium);-webkit-backdrop-filter:var(--backdrop-blur-medium);background:rgba(var(--color-white-rgb),.25);border:1px solid rgba(var(--color-white-rgb),.4);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-6) var(--space-12);text-transform:uppercase}.status-tag--active{background:rgba(var(--color-white-rgb),.3)}.location-tag{align-items:center;color:var(--color-white);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-6);text-shadow:var(--text-shadow-medium)}.date-tag{font-size:var(--font-size-xs);opacity:.9}.drop-stats{backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);background:rgba(var(--color-black-rgb),.35);border-radius:var(--radius-full);gap:var(--space-20);padding:var(--space-12) var(--space-16)}.drop-stats,.stat-item{align-items:center;display:flex}.stat-item{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-6)}.stat-divider{background:rgba(var(--color-white-rgb),.25);height:16px;width:1px}.load-more{display:flex;justify-content:center;padding:var(--space-40) 0;padding-bottom:calc(var(--space-40) + env(safe-area-inset-bottom,0px))}.end-feed{padding:var(--space-48) 0;padding-bottom:calc(var(--space-48) + env(safe-area-inset-bottom,0px));text-align:center}.end-feed span{background:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-text);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-10) var(--space-20)}@media(max-width:480px){.filter-bar{padding:0 var(--space-16) var(--space-16)}.subfilter-bar{padding:0 var(--space-16) var(--space-12)}.filter-tab{font-size:var(--font-size-xs);gap:var(--space-6);padding:var(--space-10) var(--space-12)}}.modal-overlay{align-items:center;display:flex;justify-content:center;padding:var(--space-base);z-index:var(--z-modal-backdrop)}.modal-overlay,.panel-overlay{background:var(--overlay-medium);inset:0;position:fixed}.panel-overlay{cursor:pointer;display:none;z-index:1100}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-height:90vh;max-height:90dvh;max-width:500px;overflow-y:auto;position:relative;width:100%;-webkit-overflow-scrolling:touch;padding:var(--space-xl)}.modal-small{max-width:400px}.modal-large{max-width:700px}.modal-full{border-radius:0;height:100%;max-height:100vh;max-height:100dvh;max-width:none;width:100%}.modal-close{align-items:center;background:var(--color-gray-200);border:none;border-radius:var(--radius-full);color:var(--color-black);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:36px;justify-content:center;position:absolute;right:var(--space-base);top:var(--space-base);touch-action:manipulation;transition:background var(--transition-fast);width:36px;z-index:1}.modal-close:hover{background:var(--color-gray-500)}.close-btn{padding:var(--space-xs);transition:color var(--transition-fast)}.close-btn:hover{color:var(--color-black)}.modal-header{align-items:center;margin-bottom:var(--space-lg)}.modal-header h2{color:var(--color-black);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-body{flex:1;overflow-y:auto;padding:var(--space-base)}.modal-footer{border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg)}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-fast)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform var(--transition-fast)}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.95)}.toast-container{position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:var(--z-toast)}.toast{border-radius:var(--radius-base);box-shadow:var(--shadow-md);color:var(--color-white);font-weight:var(--font-weight-medium);max-width:400px;min-width:250px;padding:var(--space-base) var(--space-lg)}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.toast-info{background:var(--color-info)}.toast-enter-active,.toast-leave-active{transition:all var(--transition-base)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}.install-prompt{animation:slideUp var(--transition-base);bottom:var(--space-xl);left:var(--space-xl);position:fixed;right:var(--space-xl);z-index:var(--z-fixed)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:400px;padding:var(--space-xl);position:relative}.close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-xs) var(--space-md);position:absolute;right:var(--space-md);top:var(--space-md)}.install-content h3{color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.install-content p{color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.install-steps{margin:var(--space-lg) 0;padding-left:var(--space-xl);text-align:left}.install-steps li{color:var(--color-text-primary);margin:var(--space-md) 0}.share-icon{align-items:center;color:var(--color-black);display:inline-flex;margin-left:var(--space-xs)}.note{color:var(--color-warning);font-size:var(--font-size-base);margin-top:var(--space-lg)}.dont-show{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:block;font-size:var(--font-size-base);margin:var(--space-lg) auto 0;text-decoration:underline}.fab{align-items:center;background:var(--color-black);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-xl);top:var(--space-xl);transition:all var(--transition-base);width:56px;z-index:9999}.fab:active{transform:scale(.95)}.fab-icon{height:28px;width:28px}.fab-disabled{background:var(--color-gray-400);box-shadow:var(--shadow-base);color:var(--color-text-tertiary);cursor:not-allowed}.fab:before{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--overlay-light);border-radius:var(--radius-full);content:"";inset:-4px;pointer-events:none;position:absolute}.fab-disabled:before{display:none}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.bottom-nav{background:var(--color-black);border-top:1px solid var(--color-black);bottom:0;display:flex;justify-content:space-around;left:0;padding:var(--space-sm) 0;padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:var(--z-fixed)}.nav-link{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-xs);min-width:60px;padding:var(--space-sm);touch-action:manipulation;transition:color var(--transition-fast)}.nav-link.router-link-active{color:var(--color-white)}.nav-icon{background:currentColor;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:24px}.nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.qr-btn{width:100%}.text-center{text-align:center}.flex-center{align-items:center;display:flex}.flex-center,.justify-content-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-base)}.gap-lg{gap:var(--space-lg)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-base)}.mt-3{margin-top:var(--space-lg)}.mt-lg{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-base)}.mb-3{margin-bottom:var(--space-lg)}@media(max-width:768px){.photo-upload-section{flex-direction:column;text-align:center}.profile-photo-preview{height:100px;width:100px}.location-fields,.radio-group{grid-template-columns:1fr}.artist-card{padding:var(--space-md);width:120px}.artist-photo{height:64px;width:64px}.location-card{height:160px;width:240px}.location-image{height:200px}.city-item{padding:var(--space-base)}.city-rank{font-size:var(--font-size-sm);height:32px;width:32px}.dashboard-stats,.profile-stats,.stats-section{grid-template-columns:repeat(2,1fr)}.map-popup{width:90%}.panel-overlay{display:block}.floating-filters{gap:var(--space-sm);right:var(--space-md);top:var(--space-md)}.floating-filters select{font-size:var(--font-size-base);padding:var(--space-md) var(--space-base)}.location-btn{height:44px;width:44px}.map-popup img{height:180px}.map-badges{left:var(--space-md);top:var(--space-md)}.qr-label-preview{flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.qr-label-qr{margin:0 auto}.qr-label-text{align-items:center;text-align:center}.modal-content{border-radius:0;max-height:100vh;max-width:100%;padding:var(--space-lg)}.fab{right:calc(var(--space-xl) + env(safe-area-inset-right,0px));top:calc(var(--space-xl) + env(safe-area-inset-top,0px))}.install-prompt{left:auto;max-width:350px;right:var(--space-xl)}}@media(max-width:480px){.meta-info{align-items:flex-start;flex-direction:column}.map-popup{width:100%}.stats-inline{justify-content:flex-start;width:100%}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}.layout-default{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.map-popup{padding-bottom:calc(var(--space-base) + env(safe-area-inset-bottom))}.modal-content{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}}