@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--primary:#ff7622;--primary-hover:#e65f10;--primary-bg:#ff76221a;--primary-border:#ff76224d;--bg-app:#fff;--bg-gray:#f7f8fa;--border-color:#ebecef;--text-primary:#1f2024;--text-secondary:#5f626b;--text-muted:#9ca3af;--danger:#ff3b30;--danger-bg:#fff0ee;--warning:#ff9500;--warning-bg:#fff5ec;--success:#34c759;--success-bg:#e8f9ee;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 30px #0000001f;--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*{box-sizing:inherit;margin:0;padding:0}body{color:#fff;background:radial-gradient(120% 120% at 50% 10%,#10121a 0%,#050608 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ebecef;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.device-container{-webkit-user-select:none;user-select:none;background:#1e1e24;border:12px solid #2e303c;border-radius:48px;flex-direction:column;width:390px;height:844px;animation:.8s cubic-bezier(.16,1,.3,1) both device-fade-in;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 40px #ff762226,inset 0 0 3px #fff3}@keyframes device-fade-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){body{background:#fff;align-items:stretch}.device-container{width:100vw;height:100vh;box-shadow:none;border:none;border-radius:0}.device-screen{border-radius:0!important}}.device-screen{background:var(--bg-app);width:100%;height:100%;color:var(--text-primary);border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.status-bar{justify-content:space-between;align-items:center;padding:8px 20px;display:flex;position:relative}.status-bar.dark-status{color:#fff}.status-time{font-weight:600}.dynamic-island{background:#000;border-radius:999px;width:100px;height:24px;position:absolute;left:50%;transform:translate(-50%)}.status-icons{align-items:center;gap:6px;display:flex}.screen-content{flex-direction:column;flex:1;padding-bottom:0;display:flex;position:relative;overflow-y:auto}.splash-screen{background:var(--primary);color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.splash-logo-container{margin-bottom:24px;animation:2.5s ease-in-out infinite logo-float}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-title{letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.splash-subtitle{opacity:.9;font-size:14px;font-weight:400;line-height:1.5}.splash-loading{gap:6px;display:flex;position:absolute;bottom:80px}.loading-dot{opacity:.3;background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s infinite dot-pulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.app-header{border-bottom:1px solid var(--border-color);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;display:flex}.header-right{justify-content:flex-end}.header-title{color:var(--text-primary);text-align:center;flex:1;font-size:18px;font-weight:700}.header-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.header-btn:hover{background-color:var(--bg-gray)}.logo-icon-small{width:24px;height:24px;margin-right:6px}.login-container{flex-direction:column;flex:1;padding:40px 24px 24px;display:flex}.login-header{margin-bottom:40px}.login-logo-wrapper{margin-bottom:16px}.login-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.form-group{margin-bottom:16px;position:relative}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-field{border:1.5px solid var(--border-color);background-color:var(--bg-gray);width:100%;height:52px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 16px 0 44px;font-size:15px;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #ff76221a}.input-field.error{border-color:var(--danger);box-shadow:0 0 0 3px #ff3b301a}.input-left-icon{color:var(--text-secondary);pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.input-right-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:14px}.error-message{color:var(--danger);align-items:center;gap:4px;margin-top:6px;font-size:12px;animation:.2s ease-out slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-options{justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:28px;font-size:13px;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-custom{border:1.5px solid var(--border-color);background-color:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.remember-me input{display:none}.remember-me input:checked+.checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.checkbox-custom svg{color:#fff;width:12px;height:12px;display:none}.remember-me input:checked+.checkbox-custom svg{display:block}.forgot-links{align-items:center;gap:10px;display:flex}.forgot-links a,.forgot-links span{color:var(--text-secondary);text-decoration:none}.forgot-links a:hover{color:var(--primary);text-decoration:underline}.forgot-links span{color:var(--border-color);cursor:default}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff762240}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.social-login-section{text-align:center;margin-top:auto;padding-top:32px}.divider-container{align-items:center;margin-bottom:24px;display:flex}.divider-line{background-color:var(--border-color);flex:1;height:1px}.divider-text{color:var(--text-muted);padding:0 16px;font-size:12px}.social-btn-container{justify-content:center;gap:16px;display:flex}.social-circle-btn{cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-circle-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-circle-btn.kakao{color:#191919;background-color:#fee500}.social-circle-btn.naver{color:#fff;background-color:#03c75a}.social-circle-btn.google{border:1px solid var(--border-color);color:var(--text-primary);background-color:#fff}.toast{color:#fff;box-shadow:var(--shadow-lg);z-index:1000;background-color:#1f2024;border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) both toast-slide-in;display:flex;position:absolute;top:60px;left:16px;right:16px}.toast.toast-success{border-left:4px solid var(--success)}.toast.toast-error{border-left:4px solid var(--danger)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.signup-container{flex-direction:column;flex:1;padding:24px;display:flex}.signup-header-text{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:24px;font-size:24px;font-weight:800}.terms-checkbox{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin:20px 0 24px;font-size:13px;line-height:1.4;display:flex}.terms-checkbox .checkbox-custom{flex-shrink:0;margin-top:2px}.terms-checkbox input{display:none}.terms-checkbox input:checked+.checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.terms-checkbox input:checked+.checkbox-custom svg{display:block}.feed-tabs{border-bottom:1.5px solid var(--border-color);z-index:9;background:#fff;display:flex;position:sticky;top:56px}.feed-tab{height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;font-size:15px;font-weight:600;transition:color .2s;position:relative}.feed-tab.active{color:var(--primary);font-weight:700}.feed-tab.active:after{content:"";background-color:var(--primary);height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.feed-list{background-color:var(--bg-gray);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.post-card{box-shadow:var(--shadow-sm);cursor:pointer;background-color:#fff;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.post-card:active{transform:scale(.98)}.post-card-img-wrapper{background-color:#eaeaea;width:100%;height:180px;position:relative}.post-card-img-placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex;position:relative}.hazard-stripes{opacity:.15;background:repeating-linear-gradient(45deg,#1f2024,#1f2024 15px,#fc0 15px 30px);position:absolute;inset:0}.post-badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.post-badge.level-high{background-color:var(--danger-bg);color:var(--danger)}.post-badge.level-medium{background-color:var(--warning-bg);color:var(--warning)}.post-badge.level-low{background-color:var(--primary-bg);color:var(--primary)}.post-card-content{padding:14px 16px}.post-card-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.4}.post-card-meta{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.post-card-meta-dot{background-color:var(--text-muted);border-radius:50%;width:3px;height:3px}.post-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.post-card-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.post-card-stats{color:var(--text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.stat-item{align-items:center;gap:4px;display:flex}.stat-item svg{color:var(--text-muted)}.detail-container{flex-direction:column;flex:1;display:flex}.detail-img-banner{background-color:#eaeaea;width:100%;height:240px;position:relative}.detail-content{border-bottom:8px solid var(--bg-gray);padding:20px 16px}.detail-badge-row{margin-bottom:12px}.detail-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.detail-info-row{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.detail-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.detail-stats-bar{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.action-share-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.comments-header{color:var(--text-primary);background-color:#fff;padding:16px 16px 8px;font-size:15px;font-weight:700}.comments-list{background-color:#fff;flex-direction:column;display:flex}.comment-item{border-bottom:1px solid var(--border-color);gap:12px;padding:16px;display:flex}.comment-avatar{background-color:var(--border-color);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.comment-body{flex:1}.comment-top-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.comment-user{color:var(--text-primary);font-size:13px;font-weight:600}.comment-time{color:var(--text-muted);font-size:11px}.comment-text{color:var(--text-secondary);font-size:13px;line-height:1.4}.comment-input-area{border-top:1px solid var(--border-color);background-color:#fff;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.comment-input{border:1px solid var(--border-color);background-color:var(--bg-gray);border-radius:20px;outline:none;flex:1;height:40px;padding:0 16px;font-size:13px}.comment-input:focus{border-color:var(--primary);background-color:#fff}.comment-submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;width:54px;height:40px;font-size:13px;font-weight:700;display:flex}.comment-submit-btn:disabled{background-color:var(--border-color);cursor:not-allowed}.report-container{background-color:#fff;flex:1;padding:20px 16px}.report-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.report-section{margin-bottom:20px}.upload-box{border:1.5px dashed var(--border-color);width:100%;height:140px;color:var(--text-secondary);cursor:pointer;background-color:var(--bg-gray);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;transition:all .2s;display:flex;overflow:hidden}.upload-box:hover{border-color:var(--primary);background-color:var(--primary-bg);color:var(--primary)}.upload-preview{width:100%;height:100%;position:relative}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-preview-overlay{color:#fff;opacity:0;background-color:#0006;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.upload-preview:hover .upload-preview-overlay{opacity:1}.report-input{border:1px solid var(--border-color);width:100%;height:48px;color:var(--text-primary);border-radius:10px;outline:none;padding:0 14px;font-size:14px}.report-input:focus{border-color:var(--primary)}.report-textarea{border:1px solid var(--border-color);resize:none;width:100%;height:140px;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.report-textarea:focus{border-color:var(--primary)}.report-location-wrapper{align-items:center;display:flex;position:relative}.report-location-wrapper .report-input{padding-right:40px}.report-location-icon{color:var(--text-secondary);position:absolute;right:14px}.level-radio-group{gap:20px;display:flex}.level-radio-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.level-radio-btn{border:1.5px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.level-radio-label input{display:none}.level-radio-label input:checked+.level-radio-btn{border-color:var(--primary)}.level-radio-dot{background-color:var(--primary);border-radius:50%;width:10px;height:10px;display:none}.level-radio-label input:checked+.level-radio-btn .level-radio-dot{display:block}.search-container{background-color:#fff;flex:1;padding:16px}.search-input-wrapper{align-items:center;margin-bottom:24px;display:flex;position:relative}.search-input-wrapper .search-input{border:1px solid var(--border-color);background-color:var(--bg-gray);border-radius:10px;outline:none;width:100%;height:48px;padding:0 16px 0 44px;font-size:14px}.search-input-wrapper .search-input:focus{border-color:var(--primary);background-color:#fff}.search-input-icon{color:var(--text-secondary);position:absolute;left:16px}.search-section{margin-bottom:24px}.search-section-title{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:700}.search-pills{flex-wrap:wrap;gap:8px;display:flex}.search-pill{background-color:var(--bg-gray);color:var(--text-secondary);cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.search-pill:hover{background-color:var(--primary-bg);color:var(--primary)}.grid-areas{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.area-btn{border:1px solid var(--border-color);height:64px;color:var(--text-primary);cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.area-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-bg)}.area-icon-small{color:var(--text-secondary);font-size:14px}.area-btn:hover .area-icon-small{color:var(--primary)}.search-more-row{justify-content:flex-end;margin-top:10px;display:flex}.search-more-link{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.search-more-link:hover{color:var(--primary)}.profile-container{background-color:var(--bg-gray);flex:1}.profile-card{box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:16px;margin-bottom:12px;padding:24px 16px;display:flex}.profile-avatar-large{background-color:var(--border-color);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.profile-details{flex:1}.profile-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.profile-email{color:var(--text-secondary);font-size:13px}.profile-menu{box-shadow:var(--shadow-sm);background-color:#fff}.profile-menu-item{border-bottom:1px solid var(--border-color);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.profile-menu-item:active{background-color:var(--bg-gray)}.profile-menu-item-left{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.profile-menu-item-left svg{color:var(--text-secondary)}.profile-menu-item-right{color:var(--text-muted)}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item.logout{border-top:1px solid var(--border-color);margin-top:12px}.bottom-nav{border-top:1px solid var(--border-color);z-index:10;background-color:#fff;justify-content:space-around;align-items:center;height:64px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10px;font-weight:600;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:22px;height:22px}.modal-overlay{z-index:1000;background-color:#0006;animation:.2s ease-out fade-in;position:absolute;inset:0}.bottom-sheet{z-index:1001;background-color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:16px 20px 32px;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -4px 16px #0000001a}.bottom-sheet-handle{background-color:var(--border-color);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.bottom-sheet-title{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:13px;font-weight:600}.bottom-sheet-content{flex-direction:column;gap:8px;display:flex}.bottom-sheet-item{background-color:var(--bg-gray);width:100%;height:52px;color:var(--text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.bottom-sheet-item:active{background-color:#e5e7eb}.bottom-sheet-item.danger{color:var(--danger);font-weight:700}.bottom-sheet-item.cancel{color:var(--text-secondary);background-color:#0000;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}