@media (width<=820px){.vault{--vault-gutter:clamp(14px, 4vw, 26px)}.vault .vault-top{height:auto;min-height:56px;padding-inline:var(--vault-gutter)}.vault .vault-back{flex:none;min-height:44px}.vault .vault-top>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vault .vault-hero{place-items:stretch stretch;min-height:0}.vault .vault-perspective{opacity:.42}.vault .vault-hero-content{width:100%;padding:28px var(--vault-gutter) 30px;text-align:start}.vault .vault-hero h1{margin:0 0 18px;font-size:2rem;line-height:1.18}.vault .vault-search{gap:10px;min-width:0;padding:3px 13px}.vault .vault-search svg{flex:none}.vault .vault-search input{min-width:0;font-size:16px}.vault .vault-hero-content>span{margin-top:10px}.vault .vault-upload,.vault .vault-section{padding:20px var(--vault-gutter);min-width:0}.vault .vault-upload{padding-block:13px}.vault .vault-upload-actions{min-width:0}.vault .vault-section-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.vault .vault-section-head>div:first-child{min-width:0}.vault .vault-section-head h2{overflow-wrap:anywhere;min-width:0;font-size:1.32rem;line-height:1.25}.vault .vault-section-head button{white-space:normal;min-height:44px}.vault .vault-browser .vault-section-head{grid-template-columns:minmax(0,1fr)}.vault .vault-nav{gap:6px;min-width:0}.vault .vault-nav button{flex:0 auto}.vault .vault-strip-shell{margin-inline:calc(-1 * var(--vault-gutter));min-width:0}.vault .vault-categories,.vault .vault-subfolders{padding-inline:var(--vault-gutter);scroll-padding-inline:var(--vault-gutter);-webkit-overflow-scrolling:touch}.vault .vault-categories .vault-cover-wrap{flex-basis:min(52vw,200px)}.vault .vault-cover-wrap{min-width:0;padding-bottom:50px}.vault .vault-favorites-wrap{padding-bottom:0}.vault .vault-cover-caption{min-width:0;padding-inline-end:10px}.vault .vault-cover-caption strong{overflow-wrap:anywhere}.vault .vault-caption-gear{bottom:1px;inset-inline-end:1px}.vault .vault-child-card .vault-cover{height:178px}.vault .vault-folder-actions{padding-block:0 14px}.vault .vault-filters{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.vault .vault-filters label,.vault .vault-filters select{min-width:0;max-width:100%}.vault .vault-filters>span{white-space:nowrap}.vault .vault-sounds{gap:8px;margin-block:14px}.vault .vault-sound{border:1px solid var(--vault-line);background:var(--vault-panel);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:5px 6px;min-width:0;min-height:94px;padding:10px 8px;display:grid}.vault .vault-sound .vault-play{grid-area:1/1;width:44px;height:44px}.vault .vault-sound-main{flex:none;grid-area:1/2;min-width:0}.vault .vault-sound-main strong{font-size:.94rem}.vault .vault-sound-main small{font-size:.73rem}.vault .vault-sound>.vault-time{grid-area:2/2;place-self:center start}.vault .vault-sound>button[aria-label*=מועדפים]{grid-area:1/3/3;align-self:center;width:44px;height:44px}.vault .vault-menu-wrap{grid-area:1/4/3;align-self:center}.vault .vault-menu-wrap>button{width:44px;height:44px}.vault .vault-sound-wave{order:initial;flex:none;grid-area:3/1/auto/-1;min-width:0;max-width:none;padding:0}.vault .vault-sound-wave:not(:has(.vault-wave)){display:none}.vault .vault-menu{inset:auto 10px calc(var(--role-dock-clearance,0px) + env(safe-area-inset-bottom) + 10px);z-index:120;width:auto;max-height:min(55dvh,420px);box-shadow:0 0 0 100vmax color-mix(in oklab, var(--vault-bg) 72%, transparent), 0 16px 40px var(--vault-bg);border-radius:8px;padding:8px;position:fixed;overflow-y:auto}.vault[data-playing=true] .vault-menu{bottom:calc(var(--role-dock-clearance,0px) + env(safe-area-inset-bottom) + 100px)}.vault .vault-menu button{min-height:48px}.vault .vault-dialog-back{padding:max(8px, env(safe-area-inset-top)) 10px calc(var(--role-dock-clearance,0px) + max(8px, env(safe-area-inset-bottom)));grid-template-rows:minmax(0,1fr);min-height:0}.vault .vault-dialog{overscroll-behavior:contain;border-radius:8px;width:min(100%,600px);min-height:0;max-height:100%;overflow-y:auto}.vault .vault-dialog label,.vault .vault-dialog select,.vault .vault-dialog input{min-width:0;max-width:100%}.vault .vault-dialog>.vault-section-head{grid-template-columns:minmax(0,1fr) 44px;display:grid}.vault .vault-dialog>.vault-section-head button{grid-area:1/2}.vault .vault-upload-review{display:block}.vault .vault-upload-review>*+*{margin-block-start:12px}.vault .vault-upload-review .vault-upload-title{z-index:2;background:var(--vault-panel);padding:10px 0;position:sticky;top:-1.3rem}.vault .vault-upload-review .vault-upload-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vault .vault-upload-review .vault-upload-actions button{white-space:normal;min-width:0;min-height:44px}.vault .vault-upload-review .vault-upload-actions:has(button:only-child){grid-template-columns:minmax(0,1fr)}.vault .vault-upload-review .vault-target{padding:8px}.vault .vault-cover-picker,.vault .vault-cover-filters,.vault .vault-cover-preview{min-width:0}.vault .vault-cover-preview span{overflow-wrap:anywhere;min-width:0}.vault .vault-settings-back{padding-inline:8px}.vault .vault-settings-body{min-width:0}.vault .vault-settings-body .vault-cover-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(29dvh,240px)}.vault .vault-settings-footer{padding:10px}.vault .vault-settings-footer button{flex:1;min-width:0}.vault .vault-transport{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));grid-template-columns:44px minmax(0,1fr) auto;gap:3px 8px;min-height:84px;display:grid}.vault .vault-transport strong{min-width:0;max-width:none}.vault .vault-transport span{white-space:nowrap;font-size:.75rem}.vault .vault-transport input{grid-column:1/-1;width:100%;min-width:0;margin:0}.vault[data-playing=true]{padding-bottom:calc(10rem + var(--role-dock-clearance,0px) + env(safe-area-inset-bottom))}}@media (width<=390px){.vault .vault-sound{grid-template-columns:44px minmax(0,1fr) 44px 44px;column-gap:2px;padding-inline:5px}.vault .vault-section-head h2{font-size:1.2rem}.vault .vault-cover-preview img,.vault .vault-cover-preview .vault-photo-tile{width:110px;height:78px}.vault .vault-transport{grid-template-columns:44px minmax(0,1fr)}.vault .vault-transport span{grid-area:2/2}}@media (prefers-reduced-motion:reduce){.vault .vault-cover,.vault .vault-cover[data-active=true]{transition:none}}.vault{--vault-violet:oklch(62% .13 305)}.vault .vault-hero{border-bottom:1px solid color-mix(in oklab,var(--vault-gold) 36%,var(--vault-line))}.vault .vault-perspective i{border-color:color-mix(in oklab,var(--vault-violet) 55%,var(--vault-gold))}.vault .vault-search{border-color:color-mix(in oklab,var(--vault-gold) 38%,var(--vault-line));box-shadow:inset 0 1px color-mix(in oklab,var(--vault-text) 18%,transparent),0 12px 28px color-mix(in oklab,var(--vault-bg) 55%,transparent);transition:border-color .2s,box-shadow .2s}.vault .vault-search:focus-within{border-color:var(--vault-gold);box-shadow:0 0 0 3px color-mix(in oklab,var(--vault-violet) 27%,transparent)}.vault .vault-cover-wrap:before{background:linear-gradient(90deg,var(--vault-panel),color-mix(in oklab,var(--vault-violet) 35%,var(--vault-gold)));border-color:color-mix(in oklab,var(--vault-gold) 48%,var(--vault-line))}.vault .vault-cover{isolation:isolate;border:1px solid color-mix(in oklab,var(--vault-gold) 31%,var(--vault-line));background:linear-gradient(145deg,color-mix(in oklab,var(--vault-violet) 12%,var(--vault-panel)),var(--vault-bg));box-shadow:inset 0 1px color-mix(in oklab,var(--vault-text) 23%,transparent),0 13px 25px -15px var(--vault-bg),0 6px 0 -3px color-mix(in oklab,var(--vault-gold) 28%,var(--vault-bg))}.vault .vault-cover .vault-art{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--vault-text) 26%,transparent),inset 0 0 20px color-mix(in oklab,var(--vault-bg) 40%,transparent);border-radius:3px 3px 0 0;inset:8px 7px 68px}.vault .vault-cover .vault-favorites-art{inset:8px 7px 68px}.vault .vault-cover-caption{background:var(--vault-bg)}.vault .vault-cover[data-active=true]{border-color:var(--vault-gold);outline:2px solid var(--vault-gold);box-shadow:inset 0 1px color-mix(in oklab,var(--vault-text) 25%,transparent),0 12px 29px -13px var(--vault-violet)}.vault .vault-cover:active{transform:translateY(1px)scale(.98)}@media (hover:hover){.vault .vault-cover:hover{box-shadow:0 18px 30px -14px color-mix(in oklab,var(--vault-gold) 42%,transparent),0 7px 0 -3px var(--vault-violet);transform:translateY(-5px)rotate(-.5deg)}}.vault .vault-drag-copy .vault-cover,.vault .vault-drag-copy .vault-cover[data-active=true]{transition:none}.vault .vault-sound{border:1px solid color-mix(in oklab,var(--vault-gold) 19%,var(--vault-line));background:linear-gradient(140deg,color-mix(in oklab,var(--vault-violet) 7%,var(--vault-panel)),var(--vault-panel));box-shadow:inset 0 1px color-mix(in oklab,var(--vault-text) 12%,transparent),0 7px 18px -14px var(--vault-bg);border-radius:6px;margin-block:.3rem;padding:.65rem;transition:border-color .2s,box-shadow .2s,transform .2s}.vault .vault-sound:has(.vault-wave){border-color:var(--vault-gold);box-shadow:inset 3px 0 var(--vault-gold),0 9px 25px -16px var(--vault-gold)}.vault :is(.vault-play,.vault-strip-arrow,.vault-caption-gear,.vault-menu button,.vault-nav button,.vault-upload button,.vault-settings-footer button){transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}.vault :is(.vault-play,.vault-strip-arrow,.vault-caption-gear,.vault-menu button,.vault-nav button,.vault-upload button,.vault-settings-footer button):active{transform:translateY(2px)scale(.96)}.vault .vault-menu,.vault .vault-dialog{border:1px solid color-mix(in oklab,var(--vault-gold) 34%,var(--vault-line));box-shadow:inset 0 1px color-mix(in oklab,var(--vault-text) 14%,transparent),0 20px 45px color-mix(in oklab,var(--vault-bg) 85%,transparent);animation:.2s ease-out vault-reveal}@keyframes vault-reveal{0%{opacity:0;transform:translateY(7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.vault .vault-menu,.vault .vault-dialog{animation:none}.vault :is(.vault-play,.vault-strip-arrow,.vault-caption-gear,.vault-sound):active{transform:none}}