*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;overflow-x:hidden;background:#1a1a1a;color:#e8e6e3;font-family:Georgia,serif;font-size:16px;line-height:1.5}main{max-width:40rem;margin:0 auto;padding:32px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}h1,h2{margin:0;font-weight:700}h1{color:#e07f4f;font-size:2.5rem}h2{color:#f4a27b;font-size:1.5rem}p{margin:4px 0 0;color:#b7b2ab}button,input,textarea,select{font:inherit;color:inherit}button{padding:8px 14px;border:2px solid #3a3a3a;border-radius:8px;background:#252525;color:#e07f4f;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.top{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #3a3a3a}.top h1{flex:1}.top-actions{display:flex;align-items:center;gap:8px}.top .search{flex:1 0 100%}.gear{display:grid;place-items:center}.gear svg{width:1.5em;height:1.5em}.settings-wrap{position:relative}.settings{position:absolute;z-index:2;top:calc(100% + 4px);right:0;display:grid;gap:8px;margin:0;min-width:max-content;padding:10px 12px;border:2px solid #3a3a3a;border-radius:8px;background:#252525;box-shadow:0 8px 20px #00000073}.settings label{display:flex;align-items:center;gap:8px;white-space:nowrap}.settings input{width:auto;padding:0;border:0;background:none;accent-color:#e07f4f}form{display:grid;gap:12px;margin-top:16px}form.supply-row{display:flex;gap:8px;align-items:center;margin:8px 0 0}label{display:grid;gap:6px;color:#b7b2ab}input,textarea,select{width:100%;padding:8px 12px;border:2px solid #3a3a3a;border-radius:8px;background:#252525;color:#e8e6e3}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}textarea{min-height:4.5rem;resize:vertical}.locations{display:grid;gap:28px;margin:28px 0 0;padding:0;list-style:none}.supplies,.suggestions{margin:12px 0 0;padding:0;list-style:none}.add-row{position:relative}.supply-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0}.supply-row>span:first-child{min-width:0;overflow-wrap:anywhere}.qty-controls{display:flex;flex-shrink:0;align-items:center;gap:8px}.qty-controls button{padding:2px 10px}.qty-value{min-width:1.5rem;color:#e8e6e3;text-align:center;white-space:nowrap}.qty-value.pending{color:#b7b2ab}form.supply-row input,form.supply-row select,form.supply-row button{height:2.75rem}form.supply-row input{width:auto;min-width:0;flex:1}form.supply-row input.qty{flex:0 0 4.5rem;width:4.5rem}form.supply-row select{flex:0 0 auto;width:auto}.location-top{display:flex;align-items:center;gap:8px}.add-supply,.remove{width:auto;padding:4px 0;border:0;border-radius:0;background:transparent;color:#e07f4f;text-align:left}.qty-controls button.remove{padding:2px 0}.remove svg{display:block;width:1.125em;height:1.125em}.remove-confirm{display:flex;align-items:center;gap:8px}.suggestions{position:absolute;z-index:1;top:100%;left:0;right:0;display:grid;gap:2px;max-height:11rem;overflow-y:auto;margin-top:4px;padding:4px;border:2px solid #3a3a3a;border-radius:8px;background:#252525;box-shadow:0 8px 20px #00000073}.suggestions button{width:100%;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#e07f4f;text-align:left}.suggestions button:hover,.suggestions [aria-selected=true] button{background:#313131}.error{color:#f0a8a0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:16px;background:#0000008c}.modal{width:min(100%,24rem);padding:20px;border:2px solid #3a3a3a;border-radius:8px;background:#252525;box-shadow:0 8px 20px #00000073}.modal form{margin-top:16px}.modal-actions{display:flex;gap:8px}.suggest-field{position:relative}@media(max-width:40rem){h1{font-size:2rem}main{padding-top:20px;padding-bottom:max(48px,env(safe-area-inset-bottom))}.top-actions>button,.gear,.modal-actions button,input,textarea,select{min-height:2.75rem}.qty-controls button{min-width:2.75rem;min-height:2.75rem}.qty-controls button.remove{display:grid;place-items:center}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:100%;overflow:auto;border-radius:16px 16px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions button{width:100%}}