:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-bar-height: 44px;--touch-target: 44px;--content-margin: 16px}.mobile-bar,.mobile-scrim,.mobile-only{display:none}@media (max-width: 767px),(max-height: 500px) and (pointer: coarse){html,body{margin:0;padding:0;background:#f0f2f5;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}*{-webkit-tap-highlight-color:transparent}.app-layout{display:block!important;height:auto!important;min-height:100dvh;overflow:visible!important;padding-bottom:calc(24px + var(--safe-bottom))}.mobile-bar{display:flex!important;position:sticky;top:0;z-index:50;align-items:center;gap:2px;box-sizing:border-box;min-height:calc(var(--nav-bar-height) + var(--safe-top));padding:var(--safe-top) calc(4px + var(--safe-right)) 0 calc(4px + var(--safe-left));background:#1e293bf0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#fff}.mobile-bar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target);padding:0 8px;border:none;background:none;color:#fff;font-family:inherit;font-size:17px;line-height:1;cursor:pointer;touch-action:manipulation}.mobile-bar-btn:active{opacity:.4}.mobile-bar-title{flex:1;min-width:0;text-align:center;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bar-right{display:flex;justify-content:flex-end;min-width:var(--touch-target)}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:70;box-sizing:border-box;width:86vw!important;max-width:320px;padding:calc(16px + var(--safe-top)) 16px calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;transform:translate(-100%);transition:transform .32s cubic-bezier(.32,.72,0,1);box-shadow:0 0 24px #00000059}body.drawer-open{overflow:hidden}body.drawer-open .app-sidebar{transform:translate(0)}.mobile-scrim{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0006;opacity:0;pointer-events:none;transition:opacity .32s ease}body.drawer-open .mobile-scrim{opacity:1;pointer-events:auto}.app-sidebar button,.app-sidebar select,.app-sidebar input:not([type=checkbox]):not([type=radio]){min-height:var(--touch-target);touch-action:manipulation}.app-sidebar a{display:flex!important;align-items:center;min-height:var(--touch-target);touch-action:manipulation}.app-sidebar label{min-height:36px;display:flex;align-items:center}.app-sidebar-head,.app-sidebar-head *{min-height:0!important}.app-sidebar-head a,.app-sidebar-head button{display:inline-block!important}.app-main,.app-detail{box-sizing:border-box;width:100%!important;max-width:none!important;overflow:visible!important;padding:var(--content-margin) calc(var(--content-margin) + var(--safe-right)) 24px calc(var(--content-margin) + var(--safe-left))!important}.app-list{box-sizing:border-box;width:100%!important;border-right:none!important;overflow:visible!important}.app-list-body{overflow:visible!important}.app-list-header{flex-wrap:wrap!important;gap:4px 10px}.app-detail-inner{max-width:none!important}.app-detail-inner>div{flex-wrap:wrap}.app-list+.app-detail{border-top:1px solid #e5e7eb}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%}input[type=checkbox],input[type=radio]{width:20px;height:20px}.app-main button,.app-detail button,.app-list button{min-height:var(--touch-target);touch-action:manipulation}.app-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-tabs::-webkit-scrollbar{display:none}.app-tabs{gap:4px;padding:0 8px}.app-tabs button{flex:0 0 auto!important;white-space:nowrap;padding:10px 14px!important}.app-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.app-cards{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important}.app-cards>*{width:auto!important;min-width:0!important;max-width:none!important}.app-stack{flex-direction:column!important;align-items:stretch!important}.app-stack>*{width:auto!important;min-width:0!important;max-width:none!important;position:static!important}.rating-two-col,.rating-col{display:block!important}.rating-col+.rating-col{margin-top:16px}.rating-col textarea{height:auto!important}.app-modal-overlay{align-items:flex-end!important;padding:0!important}.app-modal{box-sizing:border-box;width:100%!important;max-width:none!important;max-height:88dvh!important;border-radius:16px 16px 0 0!important;padding:20px calc(var(--content-margin) + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(var(--content-margin) + var(--safe-left))!important}.app-login-page{padding:calc(24px + var(--safe-top)) var(--content-margin) calc(24px + var(--safe-bottom));box-sizing:border-box;min-height:100dvh!important}.app-login-card{width:100%!important;max-width:420px;padding:28px 20px!important}img,video{max-width:100%}}@media (prefers-reduced-motion: reduce){.app-sidebar,.mobile-scrim{transition:none!important}}