*{box-sizing:border-box}body{background-color:#FDF8F5;color:#1E0F05;font-family:Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}.page-container{max-width:480px;margin:0 auto;min-height:100vh;background:#FDF8F5}.header{background:#6B3A22;color:#fff;padding:16px 20px 13px;position:sticky;top:0;z-index:50}.header-inner{gap:10px;margin-bottom:4px}.header-icon,.header-inner{display:flex;align-items:center}.header-icon{width:36px;height:36px;background:rgba(255,255,255,.18);border-radius:10px;justify-content:center;font-size:20px;flex-shrink:0}.header-title{font-size:20px;font-weight:900;letter-spacing:-.5px}.header-subtitle{font-size:13px;color:rgba(255,255,255,.65);padding-left:46px}.tab-bar{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-bottom:2px solid #f0e5dc;position:sticky;top:72px;z-index:40}.tab-bar::-webkit-scrollbar{display:none}.tab-item{flex:1;min-width:0;padding:12px 4px;font-size:13px;font-weight:500;color:#9E8070;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-bottom:-2px;transition:color .15s,border-color .15s;background:none;border:none;border-bottom:3px solid transparent;font-family:Noto Sans KR,sans-serif}.tab-item.active{color:#6B3A22;border-bottom-color:#6B3A22;font-weight:700}.location-bar{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#FAF3EE;border-bottom:1px solid #efe3d8}.location-dot{width:10px;height:10px;background:#6B3A22;border-radius:50%;flex-shrink:0}.location-address{flex:1;font-size:15px;font-weight:500;color:#3D1F0F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-btn{font-size:13px;color:#6B3A22;padding:5px 12px;font-weight:600;white-space:nowrap;font-family:Noto Sans KR,sans-serif}.location-btn,.location-refresh{background:#fff;border:1.5px solid #d4b8a8;border-radius:8px;cursor:pointer}.location-refresh{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.result-count{padding:12px 18px 6px;font-size:14px;color:#A08070;font-weight:500}.result-count strong{color:#6B3A22;font-weight:700}.cafe-card{background:#fff;border-radius:16px;border:1.5px solid #efe3d8;padding:18px 18px 14px;margin-bottom:10px}.cafe-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.cafe-name{font-size:18px;font-weight:800;color:#1E0F05;line-height:1.35;letter-spacing:-.3px}.cafe-distance{font-size:15px;font-weight:800;color:#6B3A22;flex-shrink:0;background:#FDF0E8;padding:4px 10px;border-radius:20px;white-space:nowrap}.cafe-address{font-size:14px;color:#5A4035;line-height:1.5;margin-bottom:3px}.cafe-category{font-size:13px;color:#9E8070;margin-bottom:12px;font-weight:500}.badge-wrap{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.badge-bakery{background:#FDE8EF;color:#B5446A;border:1.5px solid #f5b8cf;border-radius:20px}.badge-bakery,.badge-parking{font-size:13px;font-weight:700;padding:4px 11px}.badge-parking{background:#EFF6FF;color:#1D5AB8;border:1.5px solid #bfdbfe;border-radius:20px}.badge-atmosphere{background:#FFF8E7;color:#B45309;border:1.5px solid #fde68a;border-radius:20px}.badge-atmosphere,.badge-large{font-size:13px;font-weight:700;padding:4px 11px}.badge-large{background:#F3F0FF;color:#6030C0;border:1.5px solid #ddd6fe;border-radius:20px}.btn-group{display:flex;gap:7px}.btn-action{flex:1;padding:11px 0;border-radius:10px;font-size:15px;font-weight:700;text-align:center;cursor:pointer;border:none;font-family:Noto Sans KR,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;line-height:1}.btn-primary{background:#6B3A22;color:#fff}.btn-secondary{background:#F5EEE9;color:#6B3A22}.status-empty,.status-error,.status-loading{text-align:center;padding:60px 24px;font-size:16px;color:#9E8070}.status-error{color:#DC2626}.spinner{width:36px;height:36px;border:3px solid #efe3d8;border-top-color:#6b3a22;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(1turn)}}.ad-wrap{margin:4px 0 10px;min-height:70px;background:#F7F2EE;border-radius:12px;display:flex;align-items:center;justify-content:center}.content-page{padding:24px 18px 48px}.content-page h1{font-size:22px;font-weight:900;color:#6B3A22;margin-bottom:20px;letter-spacing:-.5px}.content-page h2{font-size:17px;font-weight:700;color:#1E0F05;margin:28px 0 10px}.content-page p{font-size:15px;color:#5A4035;line-height:1.75;margin-bottom:10px}.content-page ul{padding-left:20px;font-size:15px;color:#5A4035;line-height:1.85}