.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .4s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet-panel{position:fixed;bottom:0;left:0;right:0;z-index:10001;max-width:600px;margin:0 auto;background:var(--bg-color);border-top-left-radius:28px;border-top-right-radius:28px;padding:16px 0 40px;box-shadow:0 -10px 40px #0000001a;display:flex;flex-direction:column;max-height:82dvh;visibility:hidden;transform:translateY(100%);transition:transform var(--sheet-dur, .4s) cubic-bezier(.19,1,.22,1),visibility 0s linear var(--sheet-dur, .4s)}.sheet-panel.open{transform:translateY(0);visibility:visible;transition:transform var(--sheet-dur, .4s) cubic-bezier(.19,1,.22,1),visibility 0s}.sheet-panel:not(.open){pointer-events:none}@media (prefers-reduced-motion: reduce){.sheet-backdrop{transition:opacity .2s linear}.sheet-panel{transition:transform .2s linear,visibility 0s linear .2s}.sheet-panel.open{transition:transform .2s linear,visibility 0s}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 30px;flex-shrink:0}.sheet-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-color)}.sheet-panel:focus{outline:none}.sheet-body{padding:0 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;overscroll-behavior:contain}.sheet-panel.flush{padding-bottom:0}.sheet-panel.flush .sheet-body{padding:0 0 env(safe-area-inset-bottom,0px)}.dialog-close{position:relative;background:rgba(0,0,0,.05);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--secondary-text);transition:background .2s,transform .2s}.dialog-close:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.dialog-close:focus{outline:none}.dialog-close:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.dialog-close:hover{background:rgba(0,0,0,.1);color:var(--text-color);transform:scale(1.05)}:root{--pillenleiste-polster: 12px 15px}.pill-nav{position:relative;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}.pill-nav-indicator{position:absolute;top:0;left:0;border-radius:50px;background:var(--accent-color);opacity:0;transition:transform .2s ease,width .2s ease;pointer-events:none}@media (prefers-reduced-motion: reduce){.pill-nav-indicator{transition:none}}.pill-nav::-webkit-scrollbar{display:none}.pill-nav{-ms-overflow-style:none;scrollbar-width:none}.pill-nav-btn{flex-shrink:0;border:1px solid transparent;border-radius:50px;padding:10px 18px;margin:0;background:transparent;color:var(--secondary-text);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;position:relative;transition:color .2s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.pill-nav-btn:hover:not(.active){color:var(--accent-color);background:rgba(0,0,0,.05)}}.pill-nav-btn.active{color:#fff}@media (max-width: 600px){.pill-nav{gap:8px}.pill-nav-btn{padding:8px 14px;font-size:.75rem}}
