/* หิวดึก — จัดตำแหน่งไอคอน (arrange.js) */
.dock-btn, .habit { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.habit { touch-action: none; }
body.arranging #dock, body.arranging #habits, body.arranging .dock-btn, body.arranging .habit { touch-action: none; }
body.arranging #dock { -webkit-mask-image: none; mask-image: none; }
body.arranging .dock-btn, body.arranging .habit { cursor: grab; animation: arrwig .32s ease-in-out infinite alternate; }
body.arranging .dock-btn:nth-child(2n), body.arranging .habit:nth-child(2n) { animation-delay: -.16s; animation-direction: alternate-reverse; }
body.arranging .dock-btn { background: #ffffff10; outline: 1px dashed #ffffff30; outline-offset: -3px; }
body.arranging .habit img { outline: 1px dashed #ffffff55; }
.arr-drag { z-index: 30 !important; cursor: grabbing !important; animation: none !important; scale: 1.15; filter: drop-shadow(0 10px 14px #000c); transition: scale .12s; }
body.arranging .dock-btn.arr-drag { background: #ffffff22; }
@keyframes arrwig { from { rotate: -2.2deg; } to { rotate: 2.2deg; } }
#arrpill { position: fixed; left: 50%; top: calc(8px + env(safe-area-inset-top, 0px)); transform: translate(-50%, -140%); z-index: 60; display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 24px);
  padding: 6px 6px 6px 14px; border-radius: 999px; background: rgba(16,18,44,.95); border: 1px solid #ffcf5a88; box-shadow: 0 6px 18px #000a; color: #fff3d6; font: 500 13px/1.2 Mitr, system-ui, sans-serif; transition: transform .22s ease; pointer-events: none; }
#arrpill.on { transform: translate(-50%, 0); pointer-events: auto; }
#arrpill span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#arrpill button { flex: 0 0 auto; border: 0; border-radius: 999px; padding: 7px 16px; font: 600 14px Mitr, system-ui, sans-serif; color: #3a1a00; background: linear-gradient(180deg, #ffd86b, #f0a03a); cursor: pointer; }
@media (max-width: 420px) { #arrpill { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { body.arranging .dock-btn, body.arranging .habit { animation: none; } }