#home_view{color:#fff}.shopping-list-container{display:flex;flex-direction:column;height:100vh;background-color:#27172a}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#27172a;color:#fff}.header>div{display:flex;gap:1rem}.header h1{margin:0;font-size:1.4rem;font-weight:600}.map-btn{padding:8px 16px;background-color:#3c2c3e;color:#fff;border-radius:20px;font-size:14px;text-decoration:none;transition:all .2s;border:1px solid rgba(255,255,255,.2)}.map-btn:hover{background-color:#ffffff40;transform:translateY(-1px)}.list-section{flex:1;overflow-y:auto;padding:15px;background:#514354}.list-section::-webkit-scrollbar{width:8px}.list-section::-webkit-scrollbar-track{background:#27172a}.list-section::-webkit-scrollbar-thumb{background:#685b6a;border-radius:4px}.list-section::-webkit-scrollbar-thumb:hover{background:#7d0096}.item{display:flex;align-items:center;background:#685b6a;border:1px solid #3c2c3e;border-radius:12px;transition:all .2s}.item:hover{background:#3c2c3e;border-color:#514354}.item.collected{opacity:.5}.item.collected .item-name{text-decoration:line-through}.item-content{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.item-content input[type=checkbox]{width:22px;height:22px;accent-color:#47d5a6;cursor:pointer}.item-extra{width:25%;padding:8px 10px;border-radius:8px;border:1px solid #685b6a;background:#3c2c3e;color:#fff;font-size:14px}.item-name{flex:1;font-size:15px;color:#fff;font-weight:500}.item-actions{display:flex;align-items:center;padding-right:8px}html,body{font-size:10px}html,body,#app{margin:0;padding:0;height:100dvh}body{background-color:#27172a;color:#fff;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}h1{text-align:center}#app{display:flex;flex-direction:column}.auth-banner{background:linear-gradient(90deg,#0000001f,#0000000f);padding:1rem;display:flex;flex-direction:column;align-items:center}.auth-form{display:flex;gap:.75rem;align-items:center}.auth-input{padding:.6rem .8rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-size:1.4rem}.auth-button{padding:.6rem .9rem;border-radius:6px;background-color:#7d0096;color:#fff;border:none;font-size:1.4rem;cursor:pointer}.auth-note{margin-top:.5rem;font-size:1.1rem;color:#ffffffbf}