@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap";:root{--primary:#ff6f00;--primary-light:#fff0e5;--bg-color:#f8f9fa;--text-main:#212529;--text-sub:#868e96;--border:#e9ecef;--safe:#37b24d;--warning:#f59f00;--danger:#f03e3e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Pretendard,-apple-system,sans-serif}body{background-color:#e9ecef;justify-content:center;min-height:100vh;display:flex}#root{background-color:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.header{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.header h1{color:var(--primary);letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.search-bar{background:var(--bg-color);border-radius:8px;align-items:center;gap:8px;margin:16px 20px;padding:8px 12px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.content{background:var(--bg-color);flex:1;padding-bottom:70px}.section{background:#fff;margin-bottom:12px;padding:24px 20px}.section-title{color:var(--text-main);margin-bottom:16px;font-size:1.1rem;font-weight:700}.product-card{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.product-card:last-child{border-bottom:none}.product-image{background:var(--bg-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.product-info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.product-brand{color:var(--text-sub);font-size:.75rem}.product-name{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.status-badge{border-radius:4px;width:fit-content;margin-top:2px;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-block}.status-SAFE{color:var(--safe);background:#ebfbee}.status-WARNING{color:var(--warning);background:#fff9db}.status-DANGER{color:var(--danger);background:#fff5f5}.bottom-nav{border-top:1px solid var(--border);z-index:100;background:#fff;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:65px;display:flex;position:fixed;bottom:0}.nav-item{color:var(--text-sub);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.4rem}