:root{--c-brand: #E8354A;--c-brand-dark: #C42A3D;--c-brand-light: #FF6B7E;--c-brand-subtle: #FFF1F3;--c-bg: #F5F6F8;--c-surface: #FFFFFF;--c-surface-2:#F0F2F5;--c-text-1: #0D1117;--c-text-2: #4B5264;--c-text-3: #9BA3B5;--c-text-inv: #FFFFFF;--c-border: #E4E7EF;--c-border-2: #CBD0DC;--c-success: #0FB67F;--c-warning: #F5A623;--c-error: #E8354A;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--sh-sm: 0 1px 3px rgba(10,14,26,.06), 0 1px 2px rgba(10,14,26,.04);--sh-md: 0 4px 16px rgba(10,14,26,.08), 0 1px 4px rgba(10,14,26,.04);--sh-lg: 0 8px 32px rgba(10,14,26,.12), 0 2px 8px rgba(10,14,26,.04);--sh-xl: 0 20px 60px rgba(10,14,26,.16);--sh-brand: 0 4px 16px rgba(232,53,74,.35);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .35s cubic-bezier(.4,0,.2,1);--nav-h: 60px;--nav-bottom-h: 64px;--nav-mobile-top: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--text-base);color:var(--c-text-1);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}#root{display:flex;flex-direction:column;min-height:100dvh}.page-content{flex:1;padding-top:var(--nav-h)}@media (max-width: 767px){html{height:100%}body{height:100%;overflow-y:hidden}#root{height:100%;min-height:unset;overflow:hidden}.app-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.page-content{padding-top:calc(var(--nav-mobile-top) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom,0px))}input:not([type=hidden]),select,textarea{font-size:16px!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:11px 22px;border:none;border-radius:var(--r-full);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--c-brand);color:var(--c-text-inv)}.btn-primary:hover:not(:disabled){background:var(--c-brand-dark);box-shadow:var(--sh-brand)}.btn-secondary{background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-border);color:var(--c-text-1)}.btn-ghost{background:transparent;color:var(--c-text-2)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2)}.btn-sm{padding:7px 14px;font-size:var(--text-sm)}.btn-lg{padding:15px 32px;font-size:var(--text-md)}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--r-full);flex-shrink:0}.input{width:100%;padding:12px 16px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-base);color:var(--c-text-1);background:var(--c-surface);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input::placeholder{color:var(--c-text-3)}.input:focus{border-color:var(--c-brand);box-shadow:0 0 0 3px #e8354a1f}.input:invalid:not(:placeholder-shown){border-color:var(--c-error)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);box-shadow:var(--sh-sm);overflow:hidden;transition:box-shadow var(--t-base),transform var(--t-base)}.card-hover:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600}.badge-brand{background:var(--c-brand-subtle);color:var(--c-brand);border:1px solid #fcc}.badge-gold{background:#fef9ef;color:#b86800;border:1px solid #F5D98B}.badge-green{background:#edfaf4;color:#09845a;border:1px solid #9FDFCA}.badge-gray{background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border)}.tag{display:inline-block;padding:3px 10px;background:#eef2ff;color:#4f46e5;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:500}.divider{height:1px;background:var(--c-border);margin:var(--sp-4) 0}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500}.alert-error{background:#fff1f1;color:#b91c1c;border:1px solid #FECACA}.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--c-text-2)}.leaflet-popup-content-wrapper{border-radius:var(--r-md)!important;box-shadow:var(--sh-lg)!important;border:1px solid var(--c-border)!important;padding:0!important;overflow:hidden}.leaflet-popup-content{margin:0!important;width:auto!important}.leaflet-popup-tip-container{display:none}.leaflet-popup-close-button{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fr-root{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-sm)}.fr-title{font-size:var(--text-sm);font-weight:700;color:var(--c-text-1);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.fr-count{background:var(--c-brand);color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:var(--r-full);line-height:16px}.fr-list{display:flex;flex-direction:column;gap:var(--sp-3)}.fr-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.fr-user{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;flex:1;min-width:0}.fr-avatar{width:38px;height:38px;border-radius:50%;background:var(--c-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0}.fr-info{min-width:0}.fr-name{font-size:var(--text-sm);font-weight:700;color:var(--c-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-meta{font-size:var(--text-xs);color:var(--c-text-3)}.fr-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.fr-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast)}.fr-btn:disabled{opacity:.5;cursor:not-allowed}.fr-accept{background:#edfaf4;border-color:var(--c-success);color:var(--c-success)}.fr-accept:not(:disabled):hover{background:var(--c-success);color:#fff}.fr-decline{background:var(--c-surface-2);border-color:var(--c-border);color:var(--c-text-3)}.fr-decline:not(:disabled):hover{background:#fff1f3;border-color:var(--c-error);color:var(--c-error)}.fr-dot{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--c-brand);color:#fff;font-size:9px;font-weight:800;border-radius:var(--r-full);line-height:1}.nb-wrap{position:relative}.nb-bell{position:relative;width:36px;height:36px;border-radius:50%;background:none;border:none;cursor:pointer;color:var(--c-text-2);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.nb-bell:hover{background:var(--c-bg-2);color:var(--c-text-1)}.nb-bell-urgent{color:var(--c-error, #e83558);animation:nb-pulse 2s ease-in-out infinite}@keyframes nb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.nb-badge-urgent{background:var(--c-error, #e83558);box-shadow:0 0 0 2px var(--c-surface)}.nb-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--c-error, #e83558);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.nb-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--sh-lg, 0 8px 24px rgba(0,0,0,.18));display:flex;flex-direction:column;overflow:hidden;z-index:200}.nb-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);flex-shrink:0}.nb-heading{font-size:var(--text-sm);font-weight:700;color:var(--c-text-1)}.nb-mark-read{font-size:var(--text-xs);color:var(--c-brand);background:none;border:none;cursor:pointer;padding:0}.nb-mark-read:hover{text-decoration:underline}.nb-list{overflow-y:auto;flex:1}.nb-empty{padding:var(--sp-6) var(--sp-4);text-align:center;font-size:var(--text-sm);color:var(--c-text-3)}.nb-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;border-bottom:1px solid var(--c-border);transition:background .12s}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:var(--c-bg-2)}.nb-item-unread{background:var(--c-brand-subtle)}.nb-item-unread:hover{background:var(--c-brand-subtle);filter:brightness(.95)}.nb-item-high{border-left:3px solid var(--c-error, #e83558);padding-left:calc(var(--sp-4) - 3px)}.nb-priority-dot{width:7px;height:7px;border-radius:50%;background:var(--c-error, #e83558);flex-shrink:0;align-self:flex-start;margin-top:5px}.nb-icon{font-size:18px;flex-shrink:0;margin-top:1px}.nb-body{flex:1;min-width:0}.nb-text{font-size:var(--text-sm);color:var(--c-text-1);line-height:1.4}.nb-time{font-size:var(--text-xs);color:var(--c-text-3);margin-top:3px}@media (max-width: 767px){.nb-dropdown{position:fixed;top:calc(var(--nav-mobile-top) + env(safe-area-inset-top,0px));left:0;right:0;width:100%;max-height:65vh;border-radius:0;border-left:none;border-right:none;border-top:none;z-index:1199}}.nav-top{position:fixed;top:0;left:0;right:0;height:58px;background:#07080a;display:flex;align-items:center;justify-content:center;padding:0 20px;z-index:1200}.nav-side-left,.nav-side-right{flex:1;display:flex;align-items:center}.nav-side-right{justify-content:flex-end;gap:10px}.nav-side-left{gap:10px}.nav-top-link{color:#d5d9df;border:1px solid transparent;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .12s ease,color .12s ease,border-color .12s ease}.nav-top-link:hover{color:#fff;background:#151820;border-color:#242833}.nav-top-link.active{color:#fff;background:#161920;border-color:#2a2f3a}.nav-center{display:flex;align-items:center;justify-content:center}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .12s ease}.nav-logo:hover{opacity:.88}.nav-logo-icon{width:40px;height:46px;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;line-height:1}.nav-logo-brand{font-size:16px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.nav-logo-calis{color:#fff}.nav-logo-live{color:#e8354a}.nav-logo-tagline{font-size:8.5px;font-weight:700;letter-spacing:.13em;color:#5a6072;margin-top:4px}.nav-admin-pill{background:#16181c;color:#f1f3f5;border:1px solid #24272d;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700;line-height:1;transition:background .12s ease,border-color .12s ease}.nav-admin-pill:hover{background:#1b1e24;border-color:#2d323b}.nav-top-ghost-btn{background:transparent;color:#cfd4db;border:1px solid #2a2f3a;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;line-height:1;display:inline-flex;align-items:center;transition:color .12s ease,border-color .12s ease,background .12s ease}.nav-top-ghost-btn:hover{color:#fff;border-color:#3a414f;background:#151922}.nav-profile-wrap{position:relative;display:inline-flex;align-items:center}.nav-top .nav-profile-wrap .fr-dot{position:absolute;top:-5px;right:-5px;pointer-events:none}.nav-bottom .nav-profile-wrap .fr-dot{position:absolute;top:2px;right:2px;pointer-events:none}.nav-bottom .nav-profile-wrap>a{display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-bottom{display:none;position:fixed;bottom:0;left:0;right:0;height:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--c-surface);border-top:1px solid var(--c-border);z-index:500}.nav-bottom-inner{display:flex;align-items:center;justify-content:space-around;height:var(--nav-bottom-h);padding:0 var(--sp-2)}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);color:var(--c-text-3);cursor:pointer;transition:color var(--t-fast),background var(--t-fast);background:none;border:none;min-width:60px;text-decoration:none}.nav-tab:hover{color:var(--c-text-2)}.nav-tab:active{background:var(--c-surface-2)}.nav-tab.active{color:var(--c-brand)}.nav-tab svg{flex-shrink:0}.nav-tab-label{font-size:10px;font-weight:600;letter-spacing:.3px}.nav-mobile-header{display:none}@media (max-width: 767px){.nav-top{display:none}.nav-bottom{display:block}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:calc(var(--nav-mobile-top) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:12px;padding-right:8px;background:#07080a;z-index:1200;border-bottom:1px solid #1a1d24}.nav-mobile-spacer{width:36px;flex-shrink:0}.nav-mobile-actions{display:flex;align-items:center;width:36px;justify-content:flex-end;flex-shrink:0}.nav-mobile-header .nav-logo-icon{width:32px;height:37px}.nav-mobile-header .nav-logo-brand{font-size:14px}.nav-mobile-header .nav-logo-tagline{font-size:7.5px;letter-spacing:.11em}.nav-mobile-header .nav-logo{gap:8px}}.urgency-banner{position:fixed;top:var(--nav-h, 60px);left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);background:#e835581a;border-bottom:1px solid rgba(232,53,88,.35);padding:var(--sp-2) var(--sp-5);cursor:pointer;transition:background .15s}.urgency-banner:hover{background:#e8355829}@media (max-width: 767px){.urgency-banner{top:calc(var(--nav-mobile-top) + env(safe-area-inset-top,0px))}}.urgency-text{font-size:var(--text-sm);font-weight:600;color:var(--c-error, #e83558);flex:1;min-width:0}.urgency-cta{font-size:var(--text-xs);font-weight:700;color:var(--c-error, #e83558);white-space:nowrap;opacity:.8}.spots-counter{position:fixed;top:calc(var(--nav-h) + 14px);right:14px;z-index:800;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;background:#ffffffed;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 2px 10px #00000024,0 0 0 1px #0000000f;font-size:13px;font-weight:500;color:var(--c-text-1);pointer-events:none;-webkit-user-select:none;user-select:none}.spots-counter strong{font-weight:800}@media (max-width: 767px){.spots-counter{top:calc(var(--nav-mobile-top) + env(safe-area-inset-top,0px) + 14px)}}.spots-counter-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex-shrink:0;animation:spot-pulse 2.4s ease-in-out infinite}@keyframes spot-pulse{0%{box-shadow:0 0 #16a34a8c}60%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.map-skeleton{height:100%;min-height:400px;background:#e8ece8;background-image:linear-gradient(90deg,#e8ece8,#d8e4d8,#e8ece8);background-size:200% 100%;animation:map-shimmer 1.8s linear infinite}@keyframes map-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-layout{height:calc(100dvh - var(--nav-h));position:relative}@media (max-width: 767px){.home-layout{height:calc(100dvh - var(--nav-mobile-top) - env(safe-area-inset-top,0px) - var(--nav-bottom-h) - env(safe-area-inset-bottom,0px))}}.spot-panel{position:fixed;bottom:0;left:0;right:0;z-index:1500;background:var(--c-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-xl);max-height:72dvh;overflow-y:auto;animation:slideUp .28s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain}@media (min-width: 768px){.spot-panel{left:50%;transform:translate(-50%);width:460px;bottom:var(--sp-6);border-radius:var(--r-xl);max-height:80vh}}@media (max-width: 767px){.spot-panel{bottom:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom,0px))}}.spot-panel-handle{width:36px;height:4px;border-radius:var(--r-full);background:var(--c-border-2);margin:var(--sp-3) auto var(--sp-1)}.spot-panel-photo{width:100%;height:200px;object-fit:cover;display:block}.spot-panel-photo-placeholder{width:100%;height:160px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,#f0f2f5,#e4e7ef)}.spot-panel-body{padding:var(--sp-5) var(--sp-5) var(--sp-4)}.spot-panel-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.spot-panel-name{font-size:var(--text-xl);font-weight:700;color:var(--c-text-1);line-height:1.3;flex:1}.spot-panel-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--c-surface-2);color:var(--c-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:background var(--t-fast)}.spot-panel-close:hover{background:var(--c-border)}.spot-panel-addr{font-size:var(--text-sm);color:var(--c-text-3);margin-bottom:var(--sp-5)}.spot-panel-votes{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.panel-vote-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--r-full);border:1.5px solid var(--c-border);background:var(--c-surface);cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--c-text-2);transition:all var(--t-fast);flex:1;justify-content:center}.panel-vote-btn:hover{border-color:var(--c-text-2);color:var(--c-text-1)}.panel-vote-btn.up{border-color:#4caf50;background:#edfaf4;color:#09845a}.panel-vote-btn.down{border-color:#f44336;background:#fff1f1;color:#b91c1c}.panel-vote-progress{height:4px;background:var(--c-surface-2);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-2)}.panel-vote-bar{height:100%;background:linear-gradient(90deg,var(--c-brand),var(--c-brand-light));border-radius:var(--r-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.panel-vote-status{font-size:var(--text-xs);color:var(--c-text-3);margin-bottom:var(--sp-5)}.panel-vote-status strong{color:var(--c-success)}.spot-panel-actions{display:flex;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.spot-panel-actions .btn{flex:1;border-radius:var(--r-md)}.spot-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:transparent}.home-toast{position:fixed;bottom:calc(var(--sp-4) + var(--nav-bottom-h));left:50%;transform:translate(-50%);z-index:3000;background:#0d1117;color:#fff;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600;box-shadow:var(--sh-lg);animation:slideUp .25s ease;white-space:nowrap}@media (min-width: 768px){.home-toast{bottom:var(--sp-8)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d111780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease;padding:var(--sp-4)}.modal-card{background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--sh-xl);width:100%;max-width:460px;max-height:90dvh;overflow-y:auto;animation:scaleIn var(--t-slow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4);border-bottom:1px solid var(--c-border)}.modal-title{font-size:var(--text-xl);font-weight:700;color:var(--c-text-1)}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--c-surface-2);color:var(--c-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background var(--t-fast)}.modal-close:hover{background:var(--c-border)}.modal-body{padding:var(--sp-5) var(--sp-6)}.modal-coords{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;background:var(--c-surface-2);border-radius:var(--r-full);font-size:var(--text-sm);color:var(--c-text-2);margin-bottom:var(--sp-5);font-weight:500}.modal-form{display:flex;flex-direction:column;gap:var(--sp-4)}.modal-photo-upload{border:2px dashed var(--c-border);border-radius:var(--r-md);padding:var(--sp-5);text-align:center;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.modal-photo-upload:hover{border-color:var(--c-brand);background:var(--c-brand-subtle)}.modal-photo-label{font-size:var(--text-sm);color:var(--c-text-3);margin-top:var(--sp-2);display:block}.modal-photo-preview{width:100%;height:160px;object-fit:cover;border-radius:var(--r-md)}.modal-footer{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6) var(--sp-6)}.modal-footer .btn{flex:1}@media (max-width: 767px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%;max-height:88dvh;animation:slideUp var(--t-slow)}}