/* Only the personal-house view loads these presentation enhancements. */
@keyframes hth-menu-enter{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hth-panel-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hth-menu-card{animation:hth-menu-enter .42s both;animation-delay:var(--hth-delay,0ms);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;position:relative;isolation:isolate;min-height:150px}
.hth-menu-card .icon{transition:transform .25s ease}
.hth-menu-card .card-arrow{transition:transform .25s ease}
.hth-menu-card:active{transform:scale(.97)!important}
.hth-menu-card:focus-visible,.hth-arrival button:focus-visible{outline:3px solid var(--accent,#76543d);outline-offset:4px}
@media(hover:hover){.hth-menu-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #493a301a!important;border-color:var(--accent,#76543d)!important}.hth-menu-card:hover .icon{transform:translateY(-3px) rotate(-4deg)}.hth-menu-card:hover .card-arrow{transform:translate(3px,-3px)}}
#modal[open]{animation:hth-panel-enter .24s ease}
.hth-arrival [hidden]{display:none!important}
.hth-arrival-header{padding:20px;border:1px solid #ddd4c7;border-radius:18px;background:#fffaf3}
.hth-arrival-title{font-size:22px;line-height:1.35;margin:0!important;color:inherit}
.hth-arrival-status{font-size:15px;font-weight:650;margin:10px 0 12px}
.hth-arrival-progress{display:block;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;appearance:none;background:#e9e1d6;accent-color:var(--accent,#76543d)}
.hth-arrival-progress::-webkit-progress-bar{background:#e9e1d6;border-radius:10px}.hth-arrival-progress::-webkit-progress-value{background:var(--accent,#76543d);border-radius:10px;transition:width .22s ease}.hth-arrival-progress::-moz-progress-bar{background:var(--accent,#76543d);border-radius:10px}
.hth-step-indicators{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hth-step-indicator{width:46px;height:46px;padding:0!important;border-radius:50%!important;border:1px solid #c8b9a7!important;background:#fff!important;color:#493a30!important;font-size:16px;font-weight:750;transition:transform .2s ease,background .2s ease}
.hth-step-indicator[aria-current=step]{background:var(--accent,#76543d)!important;border-color:var(--accent,#76543d)!important;color:white!important;transform:scale(1.06)}
.hth-active-step{animation:hth-panel-enter .24s ease}
.hth-arrival .arrival-step{margin:16px 0!important}
.hth-arrival .arrival-step p{font-size:16px;line-height:1.65}
.hth-arrival .arrival-step>img{max-height:min(48dvh,440px)}
.hth-arrival .arrival-step h3:focus{outline:none}
.hth-arrival-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.hth-arrival-controls button{min-height:52px;padding:12px 16px!important;font-size:16px;font-weight:700;line-height:1.35}
.hth-arrival-controls button:disabled{opacity:.45;cursor:default}
.hth-arrival-next{color:white!important}
.hth-arrival-toggle{display:block;width:100%;min-height:48px;padding:12px!important;font-size:15px;line-height:1.4;margin-top:12px}
.hth-gallery-hint{font-size:14px;line-height:1.5;color:inherit;opacity:.8;margin-bottom:10px}
@media(max-width:700px){.hth-swipe-gallery{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:84%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;gap:12px!important;padding:3px 3px 14px!important;scrollbar-width:thin}.hth-swipe-gallery>.house-photo{scroll-snap-align:start;margin:0}.hth-arrival-header{padding:16px}.hth-arrival-title{font-size:21px}.hth-arrival-controls{position:sticky;bottom:-2px;background:var(--paper,#f7f5ef);padding:12px 0 3px;z-index:1}}
@media(prefers-reduced-motion:reduce){.hth-menu-card,#modal[open],.hth-active-step{animation:none!important}.hth-menu-card,.hth-menu-card .icon,.hth-menu-card .card-arrow,.hth-step-indicator,.hth-arrival-progress::-webkit-progress-value{transition:none!important}.hth-swipe-gallery{scroll-behavior:auto}}

/* Tactile menu cards and a smooth section opening. */
@keyframes hth-dialog-welcome{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#grid .hth-menu-card{border:1px solid #d8cbb9!important;box-shadow:0 6px 0 #dacdb766,0 12px 24px #493a300c!important;min-height:168px;border-radius:24px!important;overflow:hidden}
#grid .hth-menu-card .icon{width:62px;height:62px;border-radius:20px;background:#ffffffad;display:grid;place-items:center;margin-bottom:18px!important;box-shadow:0 4px 12px #493a300a}
#grid .hth-menu-card .icon svg{width:43px;height:43px}
#grid .hth-menu-card .card-arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffffb0;color:#76513b;top:16px;right:16px}
#grid .hth-menu-card:active{transform:translateY(4px) scale(.98)!important;box-shadow:0 1px 0 #dacdb766!important}
#modal[open]{animation:hth-dialog-welcome .38s cubic-bezier(.2,.8,.2,1)}
@media(max-width:700px){#grid .hth-menu-card{min-height:166px;padding:19px!important}#grid .hth-menu-card .icon{width:53px;height:53px;border-radius:17px}#grid .hth-menu-card .icon svg{width:37px;height:37px}}

/* One continuous house-photo gallery, also scrollable on larger screens. */
.hth-unified-gallery.hth-swipe-gallery{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:min(84%,480px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:12px!important;padding:3px 3px 14px!important;scrollbar-width:thin}
.hth-unified-gallery>.house-photo{scroll-snap-align:start;margin:0}