/* HELPer tactile layer. No dimensions, DOM order or data behavior are changed. */
:root{--depth-light:var(--volume-light,#ffffff22);--depth-edge:var(--volume-edge,#0005);--depth-shadow:var(--volume-shadow,#0004);--depth-radius:var(--volume-radius,18px);--depth-focus:var(--volume-accent,var(--accent,var(--gold,#eacb6c)));--depth-ease:cubic-bezier(.2,.7,.2,1)}
:root:is([data-tema="daylight"],[data-tema="den"]){--depth-light:#fff;--depth-edge:#46586c30;--depth-shadow:#273d5026}
:root[data-tema="nightvision"]{--depth-light:#e4aa9517;--depth-edge:#0008;--depth-shadow:#0006}
:root body :is(article,dialog,.karta,.plitka,.item,.welcome,.empty,.bc-case,.okno-karta,.vhod-karta,.guide-section,.guide-preview,.reuse-plan,.away-plan,.guests-plan,.meter-card,.size-card,.place-card,.od-card,.tm-card,.meal-card,.promise-card,.rest-card,.trip-card,.video-card,.social-card,.record-card){
 border-radius:var(--depth-radius);
 box-shadow:inset 1px 1px 0 var(--depth-light),inset -1px -1px 0 var(--depth-edge),0 5px 0 -2px var(--depth-edge),0 18px 32px -20px var(--depth-shadow);
}
:root[data-oblik][data-tema] body :is(button,.knopka,[role="button"],input[type="submit"],input[type="button"]):not(:where(#helper-companion *,#helper-companion,#board *,canvas)){
 background-image:linear-gradient(160deg,var(--depth-light),transparent 48%,#0000000a);
 box-shadow:inset 0 1px 0 var(--depth-light),inset 0 -1px 0 var(--depth-edge),0 3px 0 var(--depth-edge),0 9px 14px -10px var(--depth-shadow);
 transition:box-shadow 160ms var(--depth-ease),translate 160ms var(--depth-ease),filter 160ms var(--depth-ease);
}
:root[data-oblik][data-tema] body :is(button,.knopka,[role="button"],input[type="submit"],input[type="button"]):not(:where(#helper-companion *,#board *)):not(:disabled):active{
 translate:0 2px;box-shadow:inset 0 2px 4px var(--depth-edge),0 1px 0 var(--depth-edge);transform:none;
}
:root[data-oblik][data-tema] body :is(button,.knopka):disabled{translate:none;transform:none;box-shadow:inset 0 1px 3px var(--depth-edge)}
:root body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="color"]),textarea,select){
 box-shadow:inset 0 2px 5px var(--depth-edge),inset 0 -1px 0 var(--depth-light),0 1px 0 var(--depth-light);
 transition:box-shadow 180ms var(--depth-ease),border-color 180ms var(--depth-ease);
}
:root body :is(input,textarea,select):focus-visible{
 outline:2px solid var(--depth-focus);outline-offset:3px;
 box-shadow:inset 0 1px 3px var(--depth-edge),0 0 0 5px color-mix(in srgb,var(--depth-focus) 12%,transparent);
}
:root body :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--depth-focus);filter:drop-shadow(0 1px 1px var(--depth-edge))}
:root body :is(td,th){box-shadow:inset 0 1px 0 var(--depth-light),inset 0 -1px 0 var(--depth-edge)}
:root[data-oblik][data-tema] body :is(.nav-item.active,.zakladka.vybrana,[role="tab"][aria-selected="true"]){
 box-shadow:inset 0 1px 0 var(--depth-light),inset 0 -3px 0 var(--depth-focus),0 5px 12px -8px var(--depth-shadow);
}
:root body dialog[open]{animation:depth-dialog 200ms var(--depth-ease)}
:root body dialog::backdrop{backdrop-filter:blur(3px)}
@keyframes depth-dialog{from{opacity:.35;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes depth-in{from{opacity:0}to{opacity:1}}
@keyframes depth-out{to{opacity:0}}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:depth-out 140ms ease-out both}
 ::view-transition-new(root){animation:depth-in 220ms ease-out both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :root:not([data-motion="off"]) body :is(button,.knopka,[role="button"]):not(:where(#helper-companion *,#board *)):not(:disabled):hover{translate:0 -1px}
 :root:not([data-motion="off"]) body :is(button,.knopka,[role="button"]):not(:where(#helper-companion *,#board *)):not(:disabled):active{translate:0 2px}
}
:root[data-motion="off"]{view-transition-name:none}
:root[data-motion="off"] body :is(button,.knopka,[role="button"],input,textarea,select,dialog){animation:none!important;transition:none!important;translate:none!important;transform:none!important}
:root[data-motion="off"]::view-transition-old(root),:root[data-motion="off"]::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){
 :root{view-transition-name:none}
 :root body :is(button,.knopka,[role="button"],input,textarea,select,dialog){animation:none!important;transition:none!important;translate:none!important;transform:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
}
@media(forced-colors:active){
 :root body :is(button,.knopka,input,textarea,select,article,dialog,td,th){box-shadow:none!important;background-image:none!important;filter:none!important}
}
@media print{*{box-shadow:none!important;animation:none!important;transition:none!important}}